From 824022cd1f633c70c4d2782934251616756f4668 Mon Sep 17 00:00:00 2001 From: Indrajith Date: Wed, 3 Jul 2024 02:03:35 +0530 Subject: Dots Updated * Adds GTK Themes * Adds wlogout * Adds tmux config * Adds Pywal-16-colors * Removed unwanted gtk folders * Config Updates * Fish * Hyprland * Hyprlock * Hyprpaper * waybar --- .themes/Otis/LICENSE | 674 ++ .themes/Otis/README.md | 17 + .themes/Otis/assets/calendar-selected.png | Bin 0 -> 275 bytes .themes/Otis/assets/calendar-selected@2.png | Bin 0 -> 394 bytes .../Otis/assets/checkbox-checked-active-dark.png | Bin 0 -> 572 bytes .../Otis/assets/checkbox-checked-active-dark@2.png | Bin 0 -> 939 bytes .themes/Otis/assets/checkbox-checked-active.png | Bin 0 -> 568 bytes .themes/Otis/assets/checkbox-checked-active@2.png | Bin 0 -> 928 bytes .../Otis/assets/checkbox-checked-backdrop-dark.png | Bin 0 -> 572 bytes .../assets/checkbox-checked-backdrop-dark@2.png | Bin 0 -> 939 bytes .themes/Otis/assets/checkbox-checked-backdrop.png | Bin 0 -> 568 bytes .../Otis/assets/checkbox-checked-backdrop@2.png | Bin 0 -> 928 bytes .themes/Otis/assets/checkbox-checked-dark.png | Bin 0 -> 594 bytes .themes/Otis/assets/checkbox-checked-dark@2.png | Bin 0 -> 984 bytes .../Otis/assets/checkbox-checked-hover-dark.png | Bin 0 -> 572 bytes .../Otis/assets/checkbox-checked-hover-dark@2.png | Bin 0 -> 939 bytes .themes/Otis/assets/checkbox-checked-hover.png | Bin 0 -> 568 bytes .themes/Otis/assets/checkbox-checked-hover@2.png | Bin 0 -> 928 bytes .../checkbox-checked-insensitive-backdrop-dark.png | Bin 0 -> 519 bytes ...heckbox-checked-insensitive-backdrop-dark@2.png | Bin 0 -> 892 bytes .../checkbox-checked-insensitive-backdrop.png | Bin 0 -> 520 bytes .../checkbox-checked-insensitive-backdrop@2.png | Bin 0 -> 899 bytes .../assets/checkbox-checked-insensitive-dark.png | Bin 0 -> 519 bytes .../assets/checkbox-checked-insensitive-dark@2.png | Bin 0 -> 892 bytes .../Otis/assets/checkbox-checked-insensitive.png | Bin 0 -> 520 bytes .../Otis/assets/checkbox-checked-insensitive@2.png | Bin 0 -> 899 bytes .themes/Otis/assets/checkbox-checked.png | Bin 0 -> 594 bytes .themes/Otis/assets/checkbox-checked@2.png | Bin 0 -> 978 bytes .themes/Otis/assets/checkbox-mixed-active-dark.png | Bin 0 -> 360 bytes .../Otis/assets/checkbox-mixed-active-dark@2.png | Bin 0 -> 542 bytes .themes/Otis/assets/checkbox-mixed-active.png | Bin 0 -> 367 bytes .themes/Otis/assets/checkbox-mixed-active@2.png | Bin 0 -> 526 bytes .../Otis/assets/checkbox-mixed-backdrop-dark.png | Bin 0 -> 384 bytes .../Otis/assets/checkbox-mixed-backdrop-dark@2.png | Bin 0 -> 586 bytes .themes/Otis/assets/checkbox-mixed-backdrop.png | Bin 0 -> 390 bytes .themes/Otis/assets/checkbox-mixed-backdrop@2.png | Bin 0 -> 573 bytes .themes/Otis/assets/checkbox-mixed-dark.png | Bin 0 -> 384 bytes .themes/Otis/assets/checkbox-mixed-dark@2.png | Bin 0 -> 586 bytes .themes/Otis/assets/checkbox-mixed-hover-dark.png | Bin 0 -> 384 bytes .../Otis/assets/checkbox-mixed-hover-dark@2.png | Bin 0 -> 586 bytes .themes/Otis/assets/checkbox-mixed-hover.png | Bin 0 -> 390 bytes .themes/Otis/assets/checkbox-mixed-hover@2.png | Bin 0 -> 573 bytes .../checkbox-mixed-insensitive-backdrop-dark.png | Bin 0 -> 318 bytes .../checkbox-mixed-insensitive-backdrop-dark@2.png | Bin 0 -> 464 bytes .../assets/checkbox-mixed-insensitive-backdrop.png | Bin 0 -> 330 bytes .../checkbox-mixed-insensitive-backdrop@2.png | Bin 0 -> 474 bytes .../assets/checkbox-mixed-insensitive-dark.png | Bin 0 -> 318 bytes .../assets/checkbox-mixed-insensitive-dark@2.png | Bin 0 -> 464 bytes .themes/Otis/assets/checkbox-mixed-insensitive.png | Bin 0 -> 330 bytes .../Otis/assets/checkbox-mixed-insensitive@2.png | Bin 0 -> 474 bytes .themes/Otis/assets/checkbox-mixed.png | Bin 0 -> 390 bytes .themes/Otis/assets/checkbox-mixed@2.png | Bin 0 -> 573 bytes .../Otis/assets/checkbox-unchecked-active-dark.png | Bin 0 -> 331 bytes .../assets/checkbox-unchecked-active-dark@2.png | Bin 0 -> 416 bytes .themes/Otis/assets/checkbox-unchecked-active.png | Bin 0 -> 338 bytes .../Otis/assets/checkbox-unchecked-active@2.png | Bin 0 -> 421 bytes .../assets/checkbox-unchecked-backdrop-dark.png | Bin 0 -> 349 bytes .../assets/checkbox-unchecked-backdrop-dark@2.png | Bin 0 -> 481 bytes .../Otis/assets/checkbox-unchecked-backdrop.png | Bin 0 -> 362 bytes .../Otis/assets/checkbox-unchecked-backdrop@2.png | Bin 0 -> 494 bytes .themes/Otis/assets/checkbox-unchecked-dark.png | Bin 0 -> 349 bytes .themes/Otis/assets/checkbox-unchecked-dark@2.png | Bin 0 -> 481 bytes .../Otis/assets/checkbox-unchecked-hover-dark.png | Bin 0 -> 401 bytes .../assets/checkbox-unchecked-hover-dark@2.png | Bin 0 -> 577 bytes .themes/Otis/assets/checkbox-unchecked-hover.png | Bin 0 -> 402 bytes .themes/Otis/assets/checkbox-unchecked-hover@2.png | Bin 0 -> 583 bytes ...heckbox-unchecked-insensitive-backdrop-dark.png | Bin 0 -> 348 bytes ...ckbox-unchecked-insensitive-backdrop-dark@2.png | Bin 0 -> 488 bytes .../checkbox-unchecked-insensitive-backdrop.png | Bin 0 -> 366 bytes .../checkbox-unchecked-insensitive-backdrop@2.png | Bin 0 -> 506 bytes .../assets/checkbox-unchecked-insensitive-dark.png | Bin 0 -> 316 bytes .../checkbox-unchecked-insensitive-dark@2.png | Bin 0 -> 394 bytes .../Otis/assets/checkbox-unchecked-insensitive.png | Bin 0 -> 319 bytes .../assets/checkbox-unchecked-insensitive@2.png | Bin 0 -> 394 bytes .themes/Otis/assets/checkbox-unchecked.png | Bin 0 -> 362 bytes .themes/Otis/assets/checkbox-unchecked@2.png | Bin 0 -> 494 bytes .themes/Otis/assets/close.png | Bin 0 -> 652 bytes .themes/Otis/assets/close.svg | 86 + .themes/Otis/assets/close@2.png | Bin 0 -> 999 bytes .themes/Otis/assets/close_prelight.png | Bin 0 -> 837 bytes .themes/Otis/assets/close_prelight.svg | 91 + .themes/Otis/assets/close_prelight@2.png | Bin 0 -> 1233 bytes .themes/Otis/assets/close_pressed.svg | 98 + .themes/Otis/assets/close_unfocused.png | Bin 0 -> 594 bytes .themes/Otis/assets/close_unfocused.svg | 86 + .themes/Otis/assets/close_unfocused@2.png | Bin 0 -> 950 bytes .themes/Otis/assets/grid-selection-checked.png | Bin 0 -> 1269 bytes .themes/Otis/assets/grid-selection-checked@2.png | Bin 0 -> 2421 bytes .themes/Otis/assets/grid-selection-unchecked.png | Bin 0 -> 1252 bytes .themes/Otis/assets/grid-selection-unchecked@2.png | Bin 0 -> 2460 bytes .themes/Otis/assets/maximize.png | Bin 0 -> 667 bytes .themes/Otis/assets/maximize.svg | 95 + .themes/Otis/assets/maximize@2.png | Bin 0 -> 1168 bytes .themes/Otis/assets/maximize_prelight.png | Bin 0 -> 807 bytes .themes/Otis/assets/maximize_prelight.svg | 100 + .themes/Otis/assets/maximize_prelight@2.png | Bin 0 -> 1290 bytes .themes/Otis/assets/maximize_pressed.svg | 102 + .themes/Otis/assets/maximize_unfocused.png | Bin 0 -> 594 bytes .themes/Otis/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 .../menuitem-checkbox-checked-insensitive@2.png | Bin 0 -> 695 bytes .themes/Otis/assets/menuitem-checkbox-checked.png | Bin 0 -> 436 bytes .../Otis/assets/menuitem-checkbox-checked@2.png | Bin 0 -> 716 bytes .../Otis/assets/menuitem-checkbox-mixed-hover.png | Bin 0 -> 167 bytes .../assets/menuitem-checkbox-mixed-hover@2.png | Bin 0 -> 185 bytes .../assets/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 .themes/Otis/assets/menuitem-checkbox-mixed.png | Bin 0 -> 167 bytes .themes/Otis/assets/menuitem-checkbox-mixed@2.png | Bin 0 -> 186 bytes .../Otis/assets/menuitem-checkbox-unchecked.png | Bin 0 -> 328 bytes .../Otis/assets/menuitem-checkbox-unchecked@2.png | Bin 0 -> 493 bytes .../Otis/assets/menuitem-radio-checked-hover.png | Bin 0 -> 300 bytes .../Otis/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 .themes/Otis/assets/menuitem-radio-checked.png | Bin 0 -> 307 bytes .themes/Otis/assets/menuitem-radio-checked@2.png | Bin 0 -> 425 bytes .themes/Otis/assets/min.png | Bin 0 -> 670 bytes .themes/Otis/assets/min.svg | 104 + .themes/Otis/assets/min@2.png | Bin 0 -> 1097 bytes .themes/Otis/assets/min_prelight.png | Bin 0 -> 709 bytes .themes/Otis/assets/min_prelight.svg | 109 + .themes/Otis/assets/min_prelight@2.png | Bin 0 -> 1141 bytes .themes/Otis/assets/min_pressed.svg | 111 + .themes/Otis/assets/min_unfocused.png | Bin 0 -> 594 bytes .themes/Otis/assets/min_unfocused.svg | 88 + .themes/Otis/assets/pane-handle-vertical.png | Bin 0 -> 204 bytes .themes/Otis/assets/pane-handle-vertical@2.png | Bin 0 -> 272 bytes .themes/Otis/assets/pane-handle.png | Bin 0 -> 198 bytes .themes/Otis/assets/pane-handle@2.png | Bin 0 -> 257 bytes .themes/Otis/assets/path4417.png | Bin 0 -> 554 bytes .themes/Otis/assets/radio-checked-active-dark.png | Bin 0 -> 881 bytes .../Otis/assets/radio-checked-active-dark@2.png | Bin 0 -> 1536 bytes .themes/Otis/assets/radio-checked-active.png | Bin 0 -> 868 bytes .themes/Otis/assets/radio-checked-active@2.png | Bin 0 -> 1541 bytes .../Otis/assets/radio-checked-backdrop-dark.png | Bin 0 -> 882 bytes .../Otis/assets/radio-checked-backdrop-dark@2.png | Bin 0 -> 1533 bytes .themes/Otis/assets/radio-checked-backdrop.png | Bin 0 -> 868 bytes .themes/Otis/assets/radio-checked-backdrop@2.png | Bin 0 -> 1531 bytes .themes/Otis/assets/radio-checked-dark.png | Bin 0 -> 881 bytes .themes/Otis/assets/radio-checked-dark@2.png | Bin 0 -> 1536 bytes .themes/Otis/assets/radio-checked-hover-dark.png | Bin 0 -> 889 bytes .themes/Otis/assets/radio-checked-hover-dark@2.png | Bin 0 -> 1489 bytes .themes/Otis/assets/radio-checked-hover.png | Bin 0 -> 879 bytes .themes/Otis/assets/radio-checked-hover@2.png | Bin 0 -> 1487 bytes .../radio-checked-insensitive-backdrop-dark.png | Bin 0 -> 636 bytes .../radio-checked-insensitive-backdrop-dark@2.png | Bin 0 -> 1024 bytes .../assets/radio-checked-insensitive-backdrop.png | Bin 0 -> 629 bytes .../radio-checked-insensitive-backdrop@2.png | Bin 0 -> 1026 bytes .../Otis/assets/radio-checked-insensitive-dark.png | Bin 0 -> 638 bytes .../assets/radio-checked-insensitive-dark@2.png | Bin 0 -> 1028 bytes .themes/Otis/assets/radio-checked-insensitive.png | Bin 0 -> 642 bytes .../Otis/assets/radio-checked-insensitive@2.png | Bin 0 -> 1031 bytes .themes/Otis/assets/radio-checked.png | Bin 0 -> 868 bytes .themes/Otis/assets/radio-checked@2.png | Bin 0 -> 1541 bytes .themes/Otis/assets/radio-mixed-active-dark.png | Bin 0 -> 594 bytes .themes/Otis/assets/radio-mixed-active-dark@2.png | Bin 0 -> 957 bytes .themes/Otis/assets/radio-mixed-active.png | Bin 0 -> 599 bytes .themes/Otis/assets/radio-mixed-active@2.png | Bin 0 -> 963 bytes .themes/Otis/assets/radio-mixed-backdrop-dark.png | Bin 0 -> 597 bytes .../Otis/assets/radio-mixed-backdrop-dark@2.png | Bin 0 -> 960 bytes .themes/Otis/assets/radio-mixed-backdrop.png | Bin 0 -> 599 bytes .themes/Otis/assets/radio-mixed-backdrop@2.png | Bin 0 -> 965 bytes .themes/Otis/assets/radio-mixed-dark.png | Bin 0 -> 597 bytes .themes/Otis/assets/radio-mixed-dark@2.png | Bin 0 -> 960 bytes .themes/Otis/assets/radio-mixed-hover-dark.png | Bin 0 -> 597 bytes .themes/Otis/assets/radio-mixed-hover-dark@2.png | Bin 0 -> 960 bytes .themes/Otis/assets/radio-mixed-hover.png | Bin 0 -> 599 bytes .themes/Otis/assets/radio-mixed-hover@2.png | Bin 0 -> 965 bytes .../radio-mixed-insensitive-backdrop-dark.png | Bin 0 -> 529 bytes .../radio-mixed-insensitive-backdrop-dark@2.png | Bin 0 -> 889 bytes .../assets/radio-mixed-insensitive-backdrop.png | Bin 0 -> 531 bytes .../assets/radio-mixed-insensitive-backdrop@2.png | Bin 0 -> 910 bytes .../Otis/assets/radio-mixed-insensitive-dark.png | Bin 0 -> 529 bytes .../Otis/assets/radio-mixed-insensitive-dark@2.png | Bin 0 -> 889 bytes .themes/Otis/assets/radio-mixed-insensitive.png | Bin 0 -> 531 bytes .themes/Otis/assets/radio-mixed-insensitive@2.png | Bin 0 -> 910 bytes .themes/Otis/assets/radio-mixed.png | Bin 0 -> 599 bytes .themes/Otis/assets/radio-mixed@2.png | Bin 0 -> 965 bytes .../Otis/assets/radio-selected-insensitive@2.png | Bin 0 -> 1104 bytes .themes/Otis/assets/radio-selected@2.png | Bin 0 -> 1059 bytes .../Otis/assets/radio-unchecked-active-dark.png | Bin 0 -> 738 bytes .../Otis/assets/radio-unchecked-active-dark@2.png | Bin 0 -> 1267 bytes .themes/Otis/assets/radio-unchecked-active.png | Bin 0 -> 728 bytes .themes/Otis/assets/radio-unchecked-active@2.png | Bin 0 -> 1269 bytes .../Otis/assets/radio-unchecked-backdrop-dark.png | Bin 0 -> 695 bytes .../assets/radio-unchecked-backdrop-dark@2.png | Bin 0 -> 1188 bytes .themes/Otis/assets/radio-unchecked-backdrop.png | Bin 0 -> 690 bytes .themes/Otis/assets/radio-unchecked-backdrop@2.png | Bin 0 -> 1178 bytes .themes/Otis/assets/radio-unchecked-dark.png | Bin 0 -> 706 bytes .themes/Otis/assets/radio-unchecked-dark@2.png | Bin 0 -> 1169 bytes .themes/Otis/assets/radio-unchecked-hover-dark.png | Bin 0 -> 738 bytes .../Otis/assets/radio-unchecked-hover-dark@2.png | Bin 0 -> 1267 bytes .themes/Otis/assets/radio-unchecked-hover.png | Bin 0 -> 728 bytes .themes/Otis/assets/radio-unchecked-hover@2.png | Bin 0 -> 1269 bytes .../radio-unchecked-insensitive-backdrop-dark.png | Bin 0 -> 530 bytes ...radio-unchecked-insensitive-backdrop-dark@2.png | Bin 0 -> 797 bytes .../radio-unchecked-insensitive-backdrop.png | Bin 0 -> 516 bytes .../radio-unchecked-insensitive-backdrop@2.png | Bin 0 -> 798 bytes .../assets/radio-unchecked-insensitive-dark.png | Bin 0 -> 526 bytes .../assets/radio-unchecked-insensitive-dark@2.png | Bin 0 -> 810 bytes .../Otis/assets/radio-unchecked-insensitive.png | Bin 0 -> 534 bytes .../Otis/assets/radio-unchecked-insensitive@2.png | Bin 0 -> 804 bytes .themes/Otis/assets/radio-unchecked.png | Bin 0 -> 694 bytes .themes/Otis/assets/radio-unchecked@2.png | Bin 0 -> 1189 bytes .themes/Otis/assets/radio-unselected-hover@2.png | Bin 0 -> 722 bytes .../Otis/assets/radio-unselected-insensitive@2.png | Bin 0 -> 1195 bytes .themes/Otis/assets/radio-unselected.svg | 84 + .themes/Otis/assets/radio-unselected@2.png | Bin 0 -> 884 bytes .themes/Otis/assets/scale-slider-hover.svg | 90 + .themes/Otis/assets/scale-slider-hover@2.png | Bin 0 -> 582 bytes .themes/Otis/assets/scale-slider-insensitive.png | Bin 0 -> 344 bytes .themes/Otis/assets/scale-slider-insensitive@2.png | Bin 0 -> 571 bytes .themes/Otis/assets/scale-slider.svg | 65 + .themes/Otis/assets/scale-slider@2.png | Bin 0 -> 592 bytes .../Otis/assets/selected-checkbox-checked-dark.png | Bin 0 -> 572 bytes .../assets/selected-checkbox-checked-dark@2.png | Bin 0 -> 939 bytes .themes/Otis/assets/selected-checkbox-checked.png | Bin 0 -> 568 bytes .../Otis/assets/selected-checkbox-checked@2.png | Bin 0 -> 928 bytes .../Otis/assets/selected-checkbox-mixed-dark.png | Bin 0 -> 360 bytes .../Otis/assets/selected-checkbox-mixed-dark@2.png | Bin 0 -> 542 bytes .themes/Otis/assets/selected-checkbox-mixed.png | Bin 0 -> 367 bytes .themes/Otis/assets/selected-checkbox-mixed@2.png | Bin 0 -> 526 bytes .../assets/selected-checkbox-unchecked-dark.png | Bin 0 -> 331 bytes .../assets/selected-checkbox-unchecked-dark@2.png | Bin 0 -> 416 bytes .../Otis/assets/selected-checkbox-unchecked.png | Bin 0 -> 338 bytes .../Otis/assets/selected-checkbox-unchecked@2.png | Bin 0 -> 421 bytes .../Otis/assets/selected-radio-checked-dark.png | Bin 0 -> 881 bytes .../Otis/assets/selected-radio-checked-dark@2.png | Bin 0 -> 1536 bytes .themes/Otis/assets/selected-radio-checked.png | Bin 0 -> 868 bytes .themes/Otis/assets/selected-radio-checked@2.png | Bin 0 -> 1541 bytes .themes/Otis/assets/selected-radio-mixed-dark.png | Bin 0 -> 594 bytes .../Otis/assets/selected-radio-mixed-dark@2.png | Bin 0 -> 957 bytes .themes/Otis/assets/selected-radio-mixed.png | Bin 0 -> 599 bytes .themes/Otis/assets/selected-radio-mixed@2.png | Bin 0 -> 963 bytes .../Otis/assets/selected-radio-unchecked-dark.png | Bin 0 -> 738 bytes .../assets/selected-radio-unchecked-dark@2.png | Bin 0 -> 1267 bytes .themes/Otis/assets/selected-radio-unchecked.png | Bin 0 -> 728 bytes .themes/Otis/assets/selected-radio-unchecked@2.png | Bin 0 -> 1269 bytes .themes/Otis/assets/switch-insensitive.svg | 371 + .themes/Otis/assets/switch-insensitive@2.svg | 371 + .themes/Otis/assets/switch-off.svg | 384 + .themes/Otis/assets/switch-off@2.svg | 384 + .themes/Otis/assets/switch-on.svg | 372 + .themes/Otis/assets/switch-on@2.svg | 372 + .themes/Otis/assets/switch-slider-insensitive.svg | 11540 +++++++++++++++++++ .../Otis/assets/switch-slider-insensitive@2.svg | 11540 +++++++++++++++++++ .themes/Otis/assets/switch-slider-off.svg | 11523 ++++++++++++++++++ .themes/Otis/assets/switch-slider-off@2.svg | 11523 ++++++++++++++++++ .themes/Otis/assets/switch-slider-on.svg | 11523 ++++++++++++++++++ .themes/Otis/assets/switch-slider-on@2.svg | 11523 ++++++++++++++++++ .themes/Otis/cinnamon/cinnamon-dark.css | 1580 +++ .themes/Otis/cinnamon/cinnamon.css | 1580 +++ .../common-assets/misc/add-workspace-active.svg | 144 + .../common-assets/misc/add-workspace-hover.svg | 117 + .../cinnamon/common-assets/misc/add-workspace.svg | 117 + .themes/Otis/cinnamon/common-assets/misc/bg.svg | 132 + .../misc/calendar-arrow-left-hover.svg | 161 + .../common-assets/misc/calendar-arrow-left.svg | 152 + .../misc/calendar-arrow-right-hover.svg | 161 + .../common-assets/misc/calendar-arrow-right.svg | 152 + .../cinnamon/common-assets/misc/close-active.svg | 100 + .../cinnamon/common-assets/misc/close-hover.svg | 100 + .themes/Otis/cinnamon/common-assets/misc/close.svg | 100 + .../cinnamon/common-assets/misc/corner-ripple.svg | 87 + .../cinnamon/common-assets/misc/desklet-header.svg | 163 + .../Otis/cinnamon/common-assets/misc/desklet.svg | 157 + .themes/Otis/cinnamon/common-assets/misc/osd.svg | 132 + .../cinnamon/common-assets/misc/overview-hover.png | Bin 0 -> 838 bytes .../Otis/cinnamon/common-assets/misc/overview.png | Bin 0 -> 680 bytes .../cinnamon/common-assets/misc/trash-icon.svg | 97 + .../common-assets/switch/switch-off-selected.svg | 208 + .../common-assets/switch/switch-on-selected.svg | 213 + .../checkbox/checkbox-checked-focused.svg | 229 + .../dark-assets/checkbox/checkbox-checked.svg | 229 + .../checkbox/checkbox-unchecked-focused.svg | 175 + .../dark-assets/checkbox/checkbox-unchecked.svg | 141 + .../Otis/cinnamon/dark-assets/misc/button-box.svg | 106 + .themes/Otis/cinnamon/dark-assets/misc/message.svg | 90 + .themes/Otis/cinnamon/dark-assets/misc/modal.svg | 147 + .../cinnamon/dark-assets/switch/switch-off.svg | 208 + .../Otis/cinnamon/dark-assets/switch/switch-on.svg | 213 + .themes/Otis/cinnamon/thumbnail.png | Bin 0 -> 802943 bytes .../gnome-shell/assets/calendar-arrow-left.svg | 86 + .../gnome-shell/assets/calendar-arrow-right.svg | 87 + .themes/Otis/gnome-shell/assets/calendar-today.svg | 178 + .../Otis/gnome-shell/assets/checkbox-focused.svg | 262 + .../gnome-shell/assets/checkbox-off-focused.svg | 237 + .themes/Otis/gnome-shell/assets/checkbox-off.svg | 211 + .themes/Otis/gnome-shell/assets/checkbox.svg | 262 + .themes/Otis/gnome-shell/assets/close-window.svg | 109 + .../Otis/gnome-shell/assets/corner-ripple-ltr.png | Bin 0 -> 308 bytes .../Otis/gnome-shell/assets/corner-ripple-rtl.png | Bin 0 -> 351 bytes .../Otis/gnome-shell/assets/dash-placeholder.svg | 84 + .../gnome-shell/assets/logged-in-indicator.svg | 130 + .themes/Otis/gnome-shell/assets/noise-texture.png | Bin 0 -> 79464 bytes .../Otis/gnome-shell/assets/process-working.svg | 3084 +++++ .../Otis/gnome-shell/assets/running-indicator.svg | 130 + .../gnome-shell/assets/source-button-border.svg | 74 + .themes/Otis/gnome-shell/assets/toggle-off.svg | 203 + .themes/Otis/gnome-shell/assets/toggle-on.svg | 204 + .../gnome-shell/assets/ws-switch-arrow-down.png | Bin 0 -> 879 bytes .../Otis/gnome-shell/assets/ws-switch-arrow-up.png | Bin 0 -> 853 bytes .themes/Otis/gnome-shell/gnome-shell.css | 2246 ++++ .themes/Otis/gtk-2.0/apps/chrome.rc | 50 + .themes/Otis/gtk-2.0/apps/gimp.rc | 83 + .themes/Otis/gtk-2.0/apps/libreoffice.rc | 12 + .themes/Otis/gtk-2.0/apps/terminal.rc | 48 + .themes/Otis/gtk-2.0/apps/thunar.rc | 24 + .themes/Otis/gtk-2.0/apps/xfce.rc | 90 + .themes/Otis/gtk-2.0/assets/border.png | Bin 0 -> 290 bytes .themes/Otis/gtk-2.0/assets/button-active.png | Bin 0 -> 364 bytes .themes/Otis/gtk-2.0/assets/button-hover.png | Bin 0 -> 373 bytes .themes/Otis/gtk-2.0/assets/button-insensitive.png | Bin 0 -> 403 bytes .themes/Otis/gtk-2.0/assets/button.png | Bin 0 -> 426 bytes .../gtk-2.0/assets/checkbox-checked-active.png | 1 + .../Otis/gtk-2.0/assets/checkbox-checked-hover.png | 1 + .../assets/checkbox-checked-insensitive.png | 1 + .themes/Otis/gtk-2.0/assets/checkbox-checked.png | 1 + .../Otis/gtk-2.0/assets/checkbox-mixed-active.png | 1 + .../Otis/gtk-2.0/assets/checkbox-mixed-hover.png | 1 + .../gtk-2.0/assets/checkbox-mixed-insensitive.png | 1 + .themes/Otis/gtk-2.0/assets/checkbox-mixed.png | 1 + .../gtk-2.0/assets/checkbox-unchecked-active.png | 1 + .../gtk-2.0/assets/checkbox-unchecked-hover.png | 1 + .../assets/checkbox-unchecked-insensitive.png | 1 + .themes/Otis/gtk-2.0/assets/checkbox-unchecked.png | 1 + .../assets/combo-entry-ltr-button-active.png | Bin 0 -> 378 bytes .../assets/combo-entry-ltr-button-hover.png | Bin 0 -> 367 bytes .../assets/combo-entry-ltr-button-insensitive.png | Bin 0 -> 377 bytes .../Otis/gtk-2.0/assets/combo-entry-ltr-button.png | Bin 0 -> 371 bytes .../assets/combo-entry-ltr-entry-active.png | Bin 0 -> 370 bytes .../assets/combo-entry-ltr-entry-insensitive.png | Bin 0 -> 368 bytes .../Otis/gtk-2.0/assets/combo-entry-ltr-entry.png | Bin 0 -> 372 bytes .../assets/combo-entry-rtl-button-active.png | Bin 0 -> 378 bytes .../assets/combo-entry-rtl-button-hover.png | Bin 0 -> 364 bytes .../assets/combo-entry-rtl-button-insensitive.png | Bin 0 -> 377 bytes .../Otis/gtk-2.0/assets/combo-entry-rtl-button.png | Bin 0 -> 365 bytes .../assets/combo-entry-rtl-entry-active.png | Bin 0 -> 376 bytes .../assets/combo-entry-rtl-entry-insensitive.png | Bin 0 -> 375 bytes .../Otis/gtk-2.0/assets/combo-entry-rtl-entry.png | Bin 0 -> 403 bytes .themes/Otis/gtk-2.0/assets/entry-active.png | Bin 0 -> 376 bytes .../assets/entry-background-insensitive.png | Bin 0 -> 302 bytes .themes/Otis/gtk-2.0/assets/entry-background.png | Bin 0 -> 302 bytes .themes/Otis/gtk-2.0/assets/entry-insensitive.png | Bin 0 -> 366 bytes .themes/Otis/gtk-2.0/assets/entry.png | Bin 0 -> 399 bytes .themes/Otis/gtk-2.0/assets/focus.png | Bin 0 -> 314 bytes .themes/Otis/gtk-2.0/assets/frame-inline.png | Bin 0 -> 307 bytes .themes/Otis/gtk-2.0/assets/frame-notebook.png | Bin 0 -> 310 bytes .themes/Otis/gtk-2.0/assets/frame.png | Bin 0 -> 310 bytes .themes/Otis/gtk-2.0/assets/handle-horz.png | Bin 0 -> 356 bytes .themes/Otis/gtk-2.0/assets/handle-vert.png | Bin 0 -> 352 bytes .themes/Otis/gtk-2.0/assets/handle.png | Bin 0 -> 304 bytes .themes/Otis/gtk-2.0/assets/line.png | Bin 0 -> 289 bytes .themes/Otis/gtk-2.0/assets/menu-border.png | Bin 0 -> 310 bytes .../gtk-2.0/assets/menu-checkbox-checked-hover.png | Bin 0 -> 402 bytes .../assets/menu-checkbox-checked-insensitive.png | Bin 0 -> 509 bytes .../Otis/gtk-2.0/assets/menu-checkbox-checked.png | Bin 0 -> 509 bytes .../Otis/gtk-2.0/assets/menu-checkbox-hover.png | Bin 0 -> 363 bytes .../gtk-2.0/assets/menu-checkbox-insensitive.png | Bin 0 -> 380 bytes .../gtk-2.0/assets/menu-checkbox-mixed-hover.png | Bin 0 -> 366 bytes .../assets/menu-checkbox-mixed-insensitive.png | Bin 0 -> 380 bytes .../Otis/gtk-2.0/assets/menu-checkbox-mixed.png | Bin 0 -> 375 bytes .themes/Otis/gtk-2.0/assets/menu-checkbox.png | Bin 0 -> 363 bytes .../gtk-2.0/assets/menu-pan-down-insensitive.png | Bin 0 -> 347 bytes .themes/Otis/gtk-2.0/assets/menu-pan-down.png | Bin 0 -> 328 bytes .../Otis/gtk-2.0/assets/menu-pan-left-hover.png | Bin 0 -> 344 bytes .../gtk-2.0/assets/menu-pan-left-insensitive.png | Bin 0 -> 351 bytes .themes/Otis/gtk-2.0/assets/menu-pan-left.png | Bin 0 -> 344 bytes .../Otis/gtk-2.0/assets/menu-pan-right-hover.png | Bin 0 -> 344 bytes .../gtk-2.0/assets/menu-pan-right-insensitive.png | Bin 0 -> 354 bytes .themes/Otis/gtk-2.0/assets/menu-pan-right.png | Bin 0 -> 344 bytes .../gtk-2.0/assets/menu-pan-up-insensitive.png | Bin 0 -> 348 bytes .themes/Otis/gtk-2.0/assets/menu-pan-up.png | Bin 0 -> 324 bytes .../gtk-2.0/assets/menu-radio-checked-hover.png | Bin 0 -> 540 bytes .../assets/menu-radio-checked-insensitive.png | Bin 0 -> 540 bytes .themes/Otis/gtk-2.0/assets/menu-radio-checked.png | Bin 0 -> 540 bytes .themes/Otis/gtk-2.0/assets/menu-radio-hover.png | Bin 0 -> 501 bytes .../Otis/gtk-2.0/assets/menu-radio-insensitive.png | Bin 0 -> 569 bytes .../Otis/gtk-2.0/assets/menu-radio-mixed-hover.png | Bin 0 -> 450 bytes .../assets/menu-radio-mixed-insensitive.png | Bin 0 -> 486 bytes .themes/Otis/gtk-2.0/assets/menu-radio-mixed.png | Bin 0 -> 450 bytes .themes/Otis/gtk-2.0/assets/menu-radio.png | Bin 0 -> 501 bytes .../Otis/gtk-2.0/assets/menubar-item-active.png | Bin 0 -> 301 bytes .../notebook-combo-entry-ltr-entry-active.png | Bin 0 -> 346 bytes .../notebook-combo-entry-ltr-entry-insensitive.png | Bin 0 -> 354 bytes .../assets/notebook-combo-entry-ltr-entry.png | Bin 0 -> 354 bytes .../notebook-combo-entry-rtl-entry-active.png | Bin 0 -> 349 bytes .../notebook-combo-entry-rtl-entry-insensitive.png | Bin 0 -> 356 bytes .../assets/notebook-combo-entry-rtl-entry.png | Bin 0 -> 353 bytes .../Otis/gtk-2.0/assets/notebook-entry-active.png | Bin 0 -> 376 bytes .../gtk-2.0/assets/notebook-entry-insensitive.png | Bin 0 -> 366 bytes .themes/Otis/gtk-2.0/assets/notebook-entry.png | Bin 0 -> 399 bytes .../Otis/gtk-2.0/assets/pan-down-insensitive.png | Bin 0 -> 347 bytes .themes/Otis/gtk-2.0/assets/pan-down.png | Bin 0 -> 328 bytes .../Otis/gtk-2.0/assets/pan-left-insensitive.png | Bin 0 -> 351 bytes .themes/Otis/gtk-2.0/assets/pan-left-semi.png | Bin 0 -> 326 bytes .themes/Otis/gtk-2.0/assets/pan-left.png | Bin 0 -> 343 bytes .../Otis/gtk-2.0/assets/pan-right-insensitive.png | Bin 0 -> 354 bytes .themes/Otis/gtk-2.0/assets/pan-right-semi.png | Bin 0 -> 325 bytes .themes/Otis/gtk-2.0/assets/pan-right.png | Bin 0 -> 344 bytes .themes/Otis/gtk-2.0/assets/pan-up-insensitive.png | Bin 0 -> 348 bytes .themes/Otis/gtk-2.0/assets/pan-up.png | Bin 0 -> 324 bytes .../gtk-2.0/assets/progressbar-horz-trough.png | Bin 0 -> 312 bytes .themes/Otis/gtk-2.0/assets/progressbar-horz.png | Bin 0 -> 299 bytes .../gtk-2.0/assets/progressbar-vert-trough.png | Bin 0 -> 312 bytes .themes/Otis/gtk-2.0/assets/progressbar-vert.png | Bin 0 -> 300 bytes .../Otis/gtk-2.0/assets/radio-checked-active.png | 1 + .../Otis/gtk-2.0/assets/radio-checked-hover.png | 1 + .../gtk-2.0/assets/radio-checked-insensitive.png | 1 + .themes/Otis/gtk-2.0/assets/radio-checked.png | 1 + .themes/Otis/gtk-2.0/assets/radio-mixed-active.png | 1 + .themes/Otis/gtk-2.0/assets/radio-mixed-hover.png | 1 + .../gtk-2.0/assets/radio-mixed-insensitive.png | 1 + .themes/Otis/gtk-2.0/assets/radio-mixed.png | 1 + .../Otis/gtk-2.0/assets/radio-unchecked-active.png | 1 + .../Otis/gtk-2.0/assets/radio-unchecked-hover.png | 1 + .../gtk-2.0/assets/radio-unchecked-insensitive.png | 1 + .themes/Otis/gtk-2.0/assets/radio-unchecked.png | 1 + .themes/Otis/gtk-2.0/assets/scale-horz-focus.png | Bin 0 -> 484 bytes .../gtk-2.0/assets/scale-horz-trough-active.png | Bin 0 -> 373 bytes .themes/Otis/gtk-2.0/assets/scale-horz-trough.png | Bin 0 -> 373 bytes .../Otis/gtk-2.0/assets/scale-slider-active.png | Bin 0 -> 641 bytes .themes/Otis/gtk-2.0/assets/scale-slider-hover.png | Bin 0 -> 655 bytes .../gtk-2.0/assets/scale-slider-insensitive.png | Bin 0 -> 634 bytes .themes/Otis/gtk-2.0/assets/scale-slider.png | Bin 0 -> 634 bytes .../gtk-2.0/assets/scale-vert-trough-active.png | Bin 0 -> 370 bytes .themes/Otis/gtk-2.0/assets/scale-vert-trough.png | Bin 0 -> 374 bytes .../assets/scrollbar-horz-slider-active.png | Bin 0 -> 369 bytes .../gtk-2.0/assets/scrollbar-horz-slider-hover.png | Bin 0 -> 369 bytes .../Otis/gtk-2.0/assets/scrollbar-horz-slider.png | Bin 0 -> 363 bytes .../Otis/gtk-2.0/assets/scrollbar-horz-trough.png | Bin 0 -> 288 bytes .../assets/scrollbar-vert-slider-active-rtl.png | Bin 0 -> 366 bytes .../assets/scrollbar-vert-slider-active.png | Bin 0 -> 366 bytes .../assets/scrollbar-vert-slider-hover-rtl.png | Bin 0 -> 366 bytes .../gtk-2.0/assets/scrollbar-vert-slider-hover.png | Bin 0 -> 366 bytes .../gtk-2.0/assets/scrollbar-vert-slider-rtl.png | Bin 0 -> 366 bytes .../Otis/gtk-2.0/assets/scrollbar-vert-slider.png | Bin 0 -> 362 bytes .../gtk-2.0/assets/scrollbar-vert-trough-rtl.png | Bin 0 -> 288 bytes .../Otis/gtk-2.0/assets/scrollbar-vert-trough.png | Bin 0 -> 288 bytes .../Otis/gtk-2.0/assets/spin-down-insensitive.png | Bin 0 -> 348 bytes .themes/Otis/gtk-2.0/assets/spin-down.png | Bin 0 -> 316 bytes .../Otis/gtk-2.0/assets/spin-ltr-down-active.png | Bin 0 -> 358 bytes .../Otis/gtk-2.0/assets/spin-ltr-down-hover.png | Bin 0 -> 358 bytes .../gtk-2.0/assets/spin-ltr-down-insensitive.png | Bin 0 -> 355 bytes .themes/Otis/gtk-2.0/assets/spin-ltr-down.png | Bin 0 -> 355 bytes .themes/Otis/gtk-2.0/assets/spin-ltr-up-active.png | Bin 0 -> 355 bytes .themes/Otis/gtk-2.0/assets/spin-ltr-up-hover.png | Bin 0 -> 354 bytes .../gtk-2.0/assets/spin-ltr-up-insensitive.png | Bin 0 -> 344 bytes .themes/Otis/gtk-2.0/assets/spin-ltr-up.png | Bin 0 -> 344 bytes .../Otis/gtk-2.0/assets/spin-rtl-down-active.png | Bin 0 -> 361 bytes .../Otis/gtk-2.0/assets/spin-rtl-down-hover.png | Bin 0 -> 367 bytes .../gtk-2.0/assets/spin-rtl-down-insensitive.png | Bin 0 -> 352 bytes .themes/Otis/gtk-2.0/assets/spin-rtl-down.png | Bin 0 -> 361 bytes .themes/Otis/gtk-2.0/assets/spin-rtl-up-active.png | Bin 0 -> 348 bytes .themes/Otis/gtk-2.0/assets/spin-rtl-up-hover.png | Bin 0 -> 336 bytes .../gtk-2.0/assets/spin-rtl-up-insensitive.png | Bin 0 -> 347 bytes .themes/Otis/gtk-2.0/assets/spin-rtl-up.png | Bin 0 -> 343 bytes .../Otis/gtk-2.0/assets/spin-up-insensitive.png | Bin 0 -> 343 bytes .themes/Otis/gtk-2.0/assets/spin-up.png | Bin 0 -> 315 bytes .themes/Otis/gtk-2.0/assets/tab-down-active.png | Bin 0 -> 314 bytes .themes/Otis/gtk-2.0/assets/tab-down.png | Bin 0 -> 304 bytes .themes/Otis/gtk-2.0/assets/tab-horz-gap.png | Bin 0 -> 299 bytes .themes/Otis/gtk-2.0/assets/tab-left-active.png | Bin 0 -> 315 bytes .themes/Otis/gtk-2.0/assets/tab-left.png | Bin 0 -> 304 bytes .themes/Otis/gtk-2.0/assets/tab-right-active.png | Bin 0 -> 316 bytes .themes/Otis/gtk-2.0/assets/tab-right.png | Bin 0 -> 304 bytes .themes/Otis/gtk-2.0/assets/tab-up-active.png | Bin 0 -> 314 bytes .themes/Otis/gtk-2.0/assets/tab-up.png | Bin 0 -> 304 bytes .themes/Otis/gtk-2.0/assets/tab-vert-gap.png | Bin 0 -> 301 bytes .../Otis/gtk-2.0/assets/toolbar-button-active.png | Bin 0 -> 364 bytes .../Otis/gtk-2.0/assets/toolbar-button-hover.png | Bin 0 -> 341 bytes .../gtk-2.0/assets/treeview-pan-down-active.png | Bin 0 -> 356 bytes .../gtk-2.0/assets/treeview-pan-down-hover.png | Bin 0 -> 356 bytes .themes/Otis/gtk-2.0/assets/treeview-pan-down.png | Bin 0 -> 347 bytes .../Otis/gtk-2.0/assets/treeview-pan-up-active.png | Bin 0 -> 348 bytes .../Otis/gtk-2.0/assets/treeview-pan-up-hover.png | Bin 0 -> 348 bytes .themes/Otis/gtk-2.0/assets/treeview-pan-up.png | Bin 0 -> 344 bytes .../Otis/gtk-2.0/assets/treeview-separator-ltr.png | Bin 0 -> 305 bytes .../Otis/gtk-2.0/assets/treeview-separator-rtl.png | Bin 0 -> 304 bytes .themes/Otis/gtk-2.0/gtkrc | 31 + .themes/Otis/gtk-2.0/main.rc | 2627 +++++ .themes/Otis/gtk-3.0/gtk-dark.css | 6486 +++++++++++ .themes/Otis/gtk-3.0/gtk.css | 6486 +++++++++++ .themes/Otis/gtk-3.0/thumbnail.png | Bin 0 -> 2697 bytes .themes/Otis/gtk-4.0/gtk-dark.css | 6424 +++++++++++ .themes/Otis/gtk-4.0/gtk.css | 6424 +++++++++++ .themes/Otis/gtk-4.0/thumbnail.png | Bin 0 -> 1787 bytes .themes/Otis/index.theme | 11 + .themes/Otis/metacity-1/close.png | Bin 0 -> 639 bytes .themes/Otis/metacity-1/close_focused.png | Bin 0 -> 639 bytes .themes/Otis/metacity-1/close_focused_normal.png | Bin 0 -> 639 bytes .themes/Otis/metacity-1/close_focused_prelight.png | Bin 0 -> 823 bytes .themes/Otis/metacity-1/close_focused_pressed.png | Bin 0 -> 879 bytes .themes/Otis/metacity-1/close_unfocused.png | Bin 0 -> 644 bytes .../Otis/metacity-1/close_unfocused_prelight.png | Bin 0 -> 880 bytes .../Otis/metacity-1/close_unfocused_pressed.png | Bin 0 -> 879 bytes .themes/Otis/metacity-1/maximize.png | Bin 0 -> 745 bytes .themes/Otis/metacity-1/maximize_focused.png | Bin 0 -> 745 bytes .../Otis/metacity-1/maximize_focused_normal.png | Bin 0 -> 745 bytes .../Otis/metacity-1/maximize_focused_prelight.png | Bin 0 -> 802 bytes .../Otis/metacity-1/maximize_focused_pressed.png | Bin 0 -> 802 bytes .themes/Otis/metacity-1/maximize_unfocused.png | Bin 0 -> 703 bytes .../metacity-1/maximize_unfocused_prelight.png | Bin 0 -> 802 bytes .../Otis/metacity-1/maximize_unfocused_pressed.png | Bin 0 -> 802 bytes .themes/Otis/metacity-1/menu.png | Bin 0 -> 341 bytes .themes/Otis/metacity-1/menu_focused.png | Bin 0 -> 341 bytes .themes/Otis/metacity-1/menu_focused_normal.png | Bin 0 -> 341 bytes .themes/Otis/metacity-1/menu_focused_prelight.png | Bin 0 -> 342 bytes .themes/Otis/metacity-1/menu_focused_pressed.png | Bin 0 -> 342 bytes .themes/Otis/metacity-1/menu_unfocused.png | Bin 0 -> 342 bytes .../Otis/metacity-1/menu_unfocused_prelight.png | Bin 0 -> 341 bytes .themes/Otis/metacity-1/menu_unfocused_pressed.png | Bin 0 -> 342 bytes .themes/Otis/metacity-1/metacity-theme-1.xml | 1144 ++ .themes/Otis/metacity-1/metacity-theme-2.xml | 1144 ++ .themes/Otis/metacity-1/metacity-theme-3.xml | 1144 ++ .themes/Otis/metacity-1/metacity-theme.xml | 1144 ++ .themes/Otis/metacity-1/minimize.png | Bin 0 -> 723 bytes .themes/Otis/metacity-1/minimize_focused.png | Bin 0 -> 723 bytes .../Otis/metacity-1/minimize_focused_normal.png | Bin 0 -> 723 bytes .../Otis/metacity-1/minimize_focused_prelight.png | Bin 0 -> 746 bytes .../Otis/metacity-1/minimize_focused_pressed.png | Bin 0 -> 746 bytes .themes/Otis/metacity-1/minimize_unfocused.png | Bin 0 -> 703 bytes .../metacity-1/minimize_unfocused_prelight.png | Bin 0 -> 746 bytes .../Otis/metacity-1/minimize_unfocused_pressed.png | Bin 0 -> 746 bytes .themes/Otis/metacity-1/shade.png | Bin 0 -> 456 bytes .themes/Otis/metacity-1/shade_focused.png | Bin 0 -> 456 bytes .themes/Otis/metacity-1/shade_focused_normal.png | Bin 0 -> 456 bytes .themes/Otis/metacity-1/shade_focused_prelight.png | Bin 0 -> 434 bytes .themes/Otis/metacity-1/shade_focused_pressed.png | Bin 0 -> 456 bytes .themes/Otis/metacity-1/shade_unfocused.png | Bin 0 -> 385 bytes .../Otis/metacity-1/shade_unfocused_prelight.png | Bin 0 -> 456 bytes .../Otis/metacity-1/shade_unfocused_pressed.png | Bin 0 -> 456 bytes .themes/Otis/metacity-1/thumbnail.png | Bin 0 -> 3629 bytes .themes/Otis/metacity-1/unmaximize.png | Bin 0 -> 736 bytes .themes/Otis/metacity-1/unmaximize_focused.png | Bin 0 -> 736 bytes .../Otis/metacity-1/unmaximize_focused_normal.png | Bin 0 -> 736 bytes .../metacity-1/unmaximize_focused_prelight.png | Bin 0 -> 689 bytes .../Otis/metacity-1/unmaximize_focused_pressed.png | Bin 0 -> 689 bytes .themes/Otis/metacity-1/unmaximize_unfocused.png | Bin 0 -> 644 bytes .../metacity-1/unmaximize_unfocused_prelight.png | Bin 0 -> 689 bytes .../metacity-1/unmaximize_unfocused_pressed.png | Bin 0 -> 689 bytes .themes/Otis/metacity-1/unshade.png | Bin 0 -> 454 bytes .themes/Otis/metacity-1/unshade_focused.png | Bin 0 -> 454 bytes .themes/Otis/metacity-1/unshade_focused_normal.png | Bin 0 -> 454 bytes .../Otis/metacity-1/unshade_focused_prelight.png | Bin 0 -> 443 bytes .../Otis/metacity-1/unshade_focused_pressed.png | Bin 0 -> 454 bytes .themes/Otis/metacity-1/unshade_unfocused.png | Bin 0 -> 385 bytes .../Otis/metacity-1/unshade_unfocused_prelight.png | Bin 0 -> 454 bytes .../Otis/metacity-1/unshade_unfocused_pressed.png | Bin 0 -> 454 bytes .themes/Otis/xfwm4/bottom-active.png | Bin 0 -> 297 bytes .themes/Otis/xfwm4/bottom-inactive.png | Bin 0 -> 297 bytes .themes/Otis/xfwm4/bottom-left-active.png | Bin 0 -> 316 bytes .themes/Otis/xfwm4/bottom-left-inactive.png | Bin 0 -> 316 bytes .themes/Otis/xfwm4/bottom-right-active.png | Bin 0 -> 316 bytes .themes/Otis/xfwm4/bottom-right-inactive.png | Bin 0 -> 316 bytes .themes/Otis/xfwm4/close-active.png | Bin 0 -> 589 bytes .themes/Otis/xfwm4/close-inactive.png | Bin 0 -> 565 bytes .themes/Otis/xfwm4/close-prelight.png | Bin 0 -> 687 bytes .themes/Otis/xfwm4/close-pressed.png | Bin 0 -> 687 bytes .themes/Otis/xfwm4/hide-active.png | Bin 0 -> 581 bytes .themes/Otis/xfwm4/hide-inactive.png | Bin 0 -> 565 bytes .themes/Otis/xfwm4/hide-prelight.png | Bin 0 -> 602 bytes .themes/Otis/xfwm4/hide-pressed.png | Bin 0 -> 602 bytes .themes/Otis/xfwm4/left-active.png | Bin 0 -> 297 bytes .themes/Otis/xfwm4/left-inactive.png | Bin 0 -> 297 bytes .themes/Otis/xfwm4/maximize-active.png | Bin 0 -> 598 bytes .themes/Otis/xfwm4/maximize-inactive.png | Bin 0 -> 565 bytes .themes/Otis/xfwm4/maximize-prelight.png | Bin 0 -> 695 bytes .themes/Otis/xfwm4/maximize-pressed.png | Bin 0 -> 695 bytes .themes/Otis/xfwm4/menu-active.png | Bin 0 -> 309 bytes .themes/Otis/xfwm4/menu-inactive.png | Bin 0 -> 309 bytes .themes/Otis/xfwm4/menu-prelight.png | Bin 0 -> 309 bytes .themes/Otis/xfwm4/menu-pressed.png | Bin 0 -> 309 bytes .themes/Otis/xfwm4/right-active.png | Bin 0 -> 297 bytes .themes/Otis/xfwm4/right-inactive.png | Bin 0 -> 297 bytes .themes/Otis/xfwm4/shade-active.png | Bin 0 -> 337 bytes .themes/Otis/xfwm4/shade-inactive.png | Bin 0 -> 337 bytes .themes/Otis/xfwm4/shade-prelight.png | Bin 0 -> 337 bytes .themes/Otis/xfwm4/shade-pressed.png | Bin 0 -> 337 bytes .themes/Otis/xfwm4/stick-active.png | Bin 0 -> 368 bytes .themes/Otis/xfwm4/stick-inactive.png | Bin 0 -> 365 bytes .themes/Otis/xfwm4/stick-prelight.png | Bin 0 -> 540 bytes .themes/Otis/xfwm4/stick-pressed.png | Bin 0 -> 582 bytes .themes/Otis/xfwm4/themerc | 25 + .themes/Otis/xfwm4/title-1-active-shaded.png | Bin 0 -> 305 bytes .themes/Otis/xfwm4/title-1-active.png | Bin 0 -> 305 bytes .themes/Otis/xfwm4/title-1-inactive.png | Bin 0 -> 305 bytes .themes/Otis/xfwm4/title-2-active.png | Bin 0 -> 305 bytes .themes/Otis/xfwm4/title-2-inactive.png | Bin 0 -> 305 bytes .themes/Otis/xfwm4/title-3-active.png | Bin 0 -> 305 bytes .themes/Otis/xfwm4/title-3-inactive.png | Bin 0 -> 305 bytes .themes/Otis/xfwm4/title-4-active.png | Bin 0 -> 305 bytes .themes/Otis/xfwm4/title-4-inactive.png | Bin 0 -> 305 bytes .themes/Otis/xfwm4/title-5-active.png | Bin 0 -> 305 bytes .themes/Otis/xfwm4/title-5-inactive.png | Bin 0 -> 305 bytes .themes/Otis/xfwm4/top-left-active-shaded.png | Bin 0 -> 347 bytes .themes/Otis/xfwm4/top-left-active.png | Bin 0 -> 347 bytes .themes/Otis/xfwm4/top-left-inactive.png | Bin 0 -> 347 bytes .themes/Otis/xfwm4/top-right-active-shaded.png | Bin 0 -> 353 bytes .themes/Otis/xfwm4/top-right-active.png | Bin 0 -> 353 bytes .themes/Otis/xfwm4/top-right-inactive.png | Bin 0 -> 353 bytes 606 files changed, 121713 insertions(+) create mode 100644 .themes/Otis/LICENSE create mode 100644 .themes/Otis/README.md create mode 100644 .themes/Otis/assets/calendar-selected.png create mode 100644 .themes/Otis/assets/calendar-selected@2.png create mode 100644 .themes/Otis/assets/checkbox-checked-active-dark.png create mode 100644 .themes/Otis/assets/checkbox-checked-active-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-checked-active.png create mode 100644 .themes/Otis/assets/checkbox-checked-active@2.png create mode 100644 .themes/Otis/assets/checkbox-checked-backdrop-dark.png create mode 100644 .themes/Otis/assets/checkbox-checked-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-checked-backdrop.png create mode 100644 .themes/Otis/assets/checkbox-checked-backdrop@2.png create mode 100644 .themes/Otis/assets/checkbox-checked-dark.png create mode 100644 .themes/Otis/assets/checkbox-checked-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-checked-hover-dark.png create mode 100644 .themes/Otis/assets/checkbox-checked-hover-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-checked-hover.png create mode 100644 .themes/Otis/assets/checkbox-checked-hover@2.png create mode 100644 .themes/Otis/assets/checkbox-checked-insensitive-backdrop-dark.png create mode 100644 .themes/Otis/assets/checkbox-checked-insensitive-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-checked-insensitive-backdrop.png create mode 100644 .themes/Otis/assets/checkbox-checked-insensitive-backdrop@2.png create mode 100644 .themes/Otis/assets/checkbox-checked-insensitive-dark.png create mode 100644 .themes/Otis/assets/checkbox-checked-insensitive-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-checked-insensitive.png create mode 100644 .themes/Otis/assets/checkbox-checked-insensitive@2.png create mode 100644 .themes/Otis/assets/checkbox-checked.png create mode 100644 .themes/Otis/assets/checkbox-checked@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed-active-dark.png create mode 100644 .themes/Otis/assets/checkbox-mixed-active-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed-active.png create mode 100644 .themes/Otis/assets/checkbox-mixed-active@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed-backdrop-dark.png create mode 100644 .themes/Otis/assets/checkbox-mixed-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed-backdrop.png create mode 100644 .themes/Otis/assets/checkbox-mixed-backdrop@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed-dark.png create mode 100644 .themes/Otis/assets/checkbox-mixed-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed-hover-dark.png create mode 100644 .themes/Otis/assets/checkbox-mixed-hover-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed-hover.png create mode 100644 .themes/Otis/assets/checkbox-mixed-hover@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed-insensitive-backdrop-dark.png create mode 100644 .themes/Otis/assets/checkbox-mixed-insensitive-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed-insensitive-backdrop.png create mode 100644 .themes/Otis/assets/checkbox-mixed-insensitive-backdrop@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed-insensitive-dark.png create mode 100644 .themes/Otis/assets/checkbox-mixed-insensitive-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed-insensitive.png create mode 100644 .themes/Otis/assets/checkbox-mixed-insensitive@2.png create mode 100644 .themes/Otis/assets/checkbox-mixed.png create mode 100644 .themes/Otis/assets/checkbox-mixed@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-active-dark.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-active-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-active.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-active@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-backdrop-dark.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-backdrop.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-backdrop@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-dark.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-hover-dark.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-hover-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-hover.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-hover@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-insensitive-backdrop-dark.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-insensitive-backdrop.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-insensitive-backdrop@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-insensitive-dark.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-insensitive-dark@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-insensitive.png create mode 100644 .themes/Otis/assets/checkbox-unchecked-insensitive@2.png create mode 100644 .themes/Otis/assets/checkbox-unchecked.png create mode 100644 .themes/Otis/assets/checkbox-unchecked@2.png create mode 100644 .themes/Otis/assets/close.png create mode 100755 .themes/Otis/assets/close.svg create mode 100644 .themes/Otis/assets/close@2.png create mode 100644 .themes/Otis/assets/close_prelight.png create mode 100755 .themes/Otis/assets/close_prelight.svg create mode 100644 .themes/Otis/assets/close_prelight@2.png create mode 100755 .themes/Otis/assets/close_pressed.svg create mode 100644 .themes/Otis/assets/close_unfocused.png create mode 100755 .themes/Otis/assets/close_unfocused.svg create mode 100644 .themes/Otis/assets/close_unfocused@2.png create mode 100755 .themes/Otis/assets/grid-selection-checked.png create mode 100755 .themes/Otis/assets/grid-selection-checked@2.png create mode 100755 .themes/Otis/assets/grid-selection-unchecked.png create mode 100755 .themes/Otis/assets/grid-selection-unchecked@2.png create mode 100644 .themes/Otis/assets/maximize.png create mode 100755 .themes/Otis/assets/maximize.svg create mode 100644 .themes/Otis/assets/maximize@2.png create mode 100644 .themes/Otis/assets/maximize_prelight.png create mode 100755 .themes/Otis/assets/maximize_prelight.svg create mode 100644 .themes/Otis/assets/maximize_prelight@2.png create mode 100755 .themes/Otis/assets/maximize_pressed.svg create mode 100644 .themes/Otis/assets/maximize_unfocused.png create mode 100755 .themes/Otis/assets/maximize_unfocused.svg create mode 100755 .themes/Otis/assets/menuitem-checkbox-checked-hover.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-checked-hover@2.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-checked-insensitive.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-checked-insensitive@2.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-checked.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-checked@2.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-mixed-hover.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-mixed-hover@2.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-mixed-insensitive.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-mixed-insensitive@2.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-mixed-selected.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-mixed-selected@2.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-mixed.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-mixed@2.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-unchecked.png create mode 100755 .themes/Otis/assets/menuitem-checkbox-unchecked@2.png create mode 100755 .themes/Otis/assets/menuitem-radio-checked-hover.png create mode 100755 .themes/Otis/assets/menuitem-radio-checked-hover@2.png create mode 100755 .themes/Otis/assets/menuitem-radio-checked-insensitive.png create mode 100755 .themes/Otis/assets/menuitem-radio-checked-insensitive@2.png create mode 100755 .themes/Otis/assets/menuitem-radio-checked.png create mode 100755 .themes/Otis/assets/menuitem-radio-checked@2.png create mode 100644 .themes/Otis/assets/min.png create mode 100755 .themes/Otis/assets/min.svg create mode 100644 .themes/Otis/assets/min@2.png create mode 100644 .themes/Otis/assets/min_prelight.png create mode 100755 .themes/Otis/assets/min_prelight.svg create mode 100644 .themes/Otis/assets/min_prelight@2.png create mode 100755 .themes/Otis/assets/min_pressed.svg create mode 100644 .themes/Otis/assets/min_unfocused.png create mode 100755 .themes/Otis/assets/min_unfocused.svg create mode 100755 .themes/Otis/assets/pane-handle-vertical.png create mode 100755 .themes/Otis/assets/pane-handle-vertical@2.png create mode 100755 .themes/Otis/assets/pane-handle.png create mode 100755 .themes/Otis/assets/pane-handle@2.png create mode 100644 .themes/Otis/assets/path4417.png create mode 100644 .themes/Otis/assets/radio-checked-active-dark.png create mode 100644 .themes/Otis/assets/radio-checked-active-dark@2.png create mode 100644 .themes/Otis/assets/radio-checked-active.png create mode 100644 .themes/Otis/assets/radio-checked-active@2.png create mode 100644 .themes/Otis/assets/radio-checked-backdrop-dark.png create mode 100644 .themes/Otis/assets/radio-checked-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/radio-checked-backdrop.png create mode 100644 .themes/Otis/assets/radio-checked-backdrop@2.png create mode 100644 .themes/Otis/assets/radio-checked-dark.png create mode 100644 .themes/Otis/assets/radio-checked-dark@2.png create mode 100644 .themes/Otis/assets/radio-checked-hover-dark.png create mode 100644 .themes/Otis/assets/radio-checked-hover-dark@2.png create mode 100644 .themes/Otis/assets/radio-checked-hover.png create mode 100644 .themes/Otis/assets/radio-checked-hover@2.png create mode 100644 .themes/Otis/assets/radio-checked-insensitive-backdrop-dark.png create mode 100644 .themes/Otis/assets/radio-checked-insensitive-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/radio-checked-insensitive-backdrop.png create mode 100644 .themes/Otis/assets/radio-checked-insensitive-backdrop@2.png create mode 100644 .themes/Otis/assets/radio-checked-insensitive-dark.png create mode 100644 .themes/Otis/assets/radio-checked-insensitive-dark@2.png create mode 100644 .themes/Otis/assets/radio-checked-insensitive.png create mode 100644 .themes/Otis/assets/radio-checked-insensitive@2.png create mode 100644 .themes/Otis/assets/radio-checked.png create mode 100644 .themes/Otis/assets/radio-checked@2.png create mode 100644 .themes/Otis/assets/radio-mixed-active-dark.png create mode 100644 .themes/Otis/assets/radio-mixed-active-dark@2.png create mode 100644 .themes/Otis/assets/radio-mixed-active.png create mode 100644 .themes/Otis/assets/radio-mixed-active@2.png create mode 100644 .themes/Otis/assets/radio-mixed-backdrop-dark.png create mode 100644 .themes/Otis/assets/radio-mixed-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/radio-mixed-backdrop.png create mode 100644 .themes/Otis/assets/radio-mixed-backdrop@2.png create mode 100644 .themes/Otis/assets/radio-mixed-dark.png create mode 100644 .themes/Otis/assets/radio-mixed-dark@2.png create mode 100644 .themes/Otis/assets/radio-mixed-hover-dark.png create mode 100644 .themes/Otis/assets/radio-mixed-hover-dark@2.png create mode 100644 .themes/Otis/assets/radio-mixed-hover.png create mode 100644 .themes/Otis/assets/radio-mixed-hover@2.png create mode 100644 .themes/Otis/assets/radio-mixed-insensitive-backdrop-dark.png create mode 100644 .themes/Otis/assets/radio-mixed-insensitive-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/radio-mixed-insensitive-backdrop.png create mode 100644 .themes/Otis/assets/radio-mixed-insensitive-backdrop@2.png create mode 100644 .themes/Otis/assets/radio-mixed-insensitive-dark.png create mode 100644 .themes/Otis/assets/radio-mixed-insensitive-dark@2.png create mode 100644 .themes/Otis/assets/radio-mixed-insensitive.png create mode 100644 .themes/Otis/assets/radio-mixed-insensitive@2.png create mode 100644 .themes/Otis/assets/radio-mixed.png create mode 100644 .themes/Otis/assets/radio-mixed@2.png create mode 100755 .themes/Otis/assets/radio-selected-insensitive@2.png create mode 100755 .themes/Otis/assets/radio-selected@2.png create mode 100644 .themes/Otis/assets/radio-unchecked-active-dark.png create mode 100644 .themes/Otis/assets/radio-unchecked-active-dark@2.png create mode 100644 .themes/Otis/assets/radio-unchecked-active.png create mode 100644 .themes/Otis/assets/radio-unchecked-active@2.png create mode 100644 .themes/Otis/assets/radio-unchecked-backdrop-dark.png create mode 100644 .themes/Otis/assets/radio-unchecked-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/radio-unchecked-backdrop.png create mode 100644 .themes/Otis/assets/radio-unchecked-backdrop@2.png create mode 100644 .themes/Otis/assets/radio-unchecked-dark.png create mode 100644 .themes/Otis/assets/radio-unchecked-dark@2.png create mode 100644 .themes/Otis/assets/radio-unchecked-hover-dark.png create mode 100644 .themes/Otis/assets/radio-unchecked-hover-dark@2.png create mode 100644 .themes/Otis/assets/radio-unchecked-hover.png create mode 100644 .themes/Otis/assets/radio-unchecked-hover@2.png create mode 100644 .themes/Otis/assets/radio-unchecked-insensitive-backdrop-dark.png create mode 100644 .themes/Otis/assets/radio-unchecked-insensitive-backdrop-dark@2.png create mode 100644 .themes/Otis/assets/radio-unchecked-insensitive-backdrop.png create mode 100644 .themes/Otis/assets/radio-unchecked-insensitive-backdrop@2.png create mode 100644 .themes/Otis/assets/radio-unchecked-insensitive-dark.png create mode 100644 .themes/Otis/assets/radio-unchecked-insensitive-dark@2.png create mode 100644 .themes/Otis/assets/radio-unchecked-insensitive.png create mode 100644 .themes/Otis/assets/radio-unchecked-insensitive@2.png create mode 100644 .themes/Otis/assets/radio-unchecked.png create mode 100644 .themes/Otis/assets/radio-unchecked@2.png create mode 100755 .themes/Otis/assets/radio-unselected-hover@2.png create mode 100755 .themes/Otis/assets/radio-unselected-insensitive@2.png create mode 100755 .themes/Otis/assets/radio-unselected.svg create mode 100755 .themes/Otis/assets/radio-unselected@2.png create mode 100644 .themes/Otis/assets/scale-slider-hover.svg create mode 100755 .themes/Otis/assets/scale-slider-hover@2.png create mode 100755 .themes/Otis/assets/scale-slider-insensitive.png create mode 100755 .themes/Otis/assets/scale-slider-insensitive@2.png create mode 100644 .themes/Otis/assets/scale-slider.svg create mode 100755 .themes/Otis/assets/scale-slider@2.png create mode 100644 .themes/Otis/assets/selected-checkbox-checked-dark.png create mode 100644 .themes/Otis/assets/selected-checkbox-checked-dark@2.png create mode 100644 .themes/Otis/assets/selected-checkbox-checked.png create mode 100644 .themes/Otis/assets/selected-checkbox-checked@2.png create mode 100644 .themes/Otis/assets/selected-checkbox-mixed-dark.png create mode 100644 .themes/Otis/assets/selected-checkbox-mixed-dark@2.png create mode 100644 .themes/Otis/assets/selected-checkbox-mixed.png create mode 100644 .themes/Otis/assets/selected-checkbox-mixed@2.png create mode 100644 .themes/Otis/assets/selected-checkbox-unchecked-dark.png create mode 100644 .themes/Otis/assets/selected-checkbox-unchecked-dark@2.png create mode 100644 .themes/Otis/assets/selected-checkbox-unchecked.png create mode 100644 .themes/Otis/assets/selected-checkbox-unchecked@2.png create mode 100644 .themes/Otis/assets/selected-radio-checked-dark.png create mode 100644 .themes/Otis/assets/selected-radio-checked-dark@2.png create mode 100644 .themes/Otis/assets/selected-radio-checked.png create mode 100644 .themes/Otis/assets/selected-radio-checked@2.png create mode 100644 .themes/Otis/assets/selected-radio-mixed-dark.png create mode 100644 .themes/Otis/assets/selected-radio-mixed-dark@2.png create mode 100644 .themes/Otis/assets/selected-radio-mixed.png create mode 100644 .themes/Otis/assets/selected-radio-mixed@2.png create mode 100644 .themes/Otis/assets/selected-radio-unchecked-dark.png create mode 100644 .themes/Otis/assets/selected-radio-unchecked-dark@2.png create mode 100644 .themes/Otis/assets/selected-radio-unchecked.png create mode 100644 .themes/Otis/assets/selected-radio-unchecked@2.png create mode 100755 .themes/Otis/assets/switch-insensitive.svg create mode 100755 .themes/Otis/assets/switch-insensitive@2.svg create mode 100755 .themes/Otis/assets/switch-off.svg create mode 100755 .themes/Otis/assets/switch-off@2.svg create mode 100755 .themes/Otis/assets/switch-on.svg create mode 100755 .themes/Otis/assets/switch-on@2.svg create mode 100755 .themes/Otis/assets/switch-slider-insensitive.svg create mode 100755 .themes/Otis/assets/switch-slider-insensitive@2.svg create mode 100755 .themes/Otis/assets/switch-slider-off.svg create mode 100755 .themes/Otis/assets/switch-slider-off@2.svg create mode 100755 .themes/Otis/assets/switch-slider-on.svg create mode 100755 .themes/Otis/assets/switch-slider-on@2.svg create mode 100644 .themes/Otis/cinnamon/cinnamon-dark.css create mode 100644 .themes/Otis/cinnamon/cinnamon.css create mode 100644 .themes/Otis/cinnamon/common-assets/misc/add-workspace-active.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/add-workspace-hover.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/add-workspace.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/bg.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/calendar-arrow-left-hover.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/calendar-arrow-left.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/calendar-arrow-right-hover.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/calendar-arrow-right.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/close-active.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/close-hover.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/close.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/corner-ripple.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/desklet-header.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/desklet.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/osd.svg create mode 100644 .themes/Otis/cinnamon/common-assets/misc/overview-hover.png create mode 100644 .themes/Otis/cinnamon/common-assets/misc/overview.png create mode 100644 .themes/Otis/cinnamon/common-assets/misc/trash-icon.svg create mode 100644 .themes/Otis/cinnamon/common-assets/switch/switch-off-selected.svg create mode 100644 .themes/Otis/cinnamon/common-assets/switch/switch-on-selected.svg create mode 100644 .themes/Otis/cinnamon/dark-assets/checkbox/checkbox-checked-focused.svg create mode 100644 .themes/Otis/cinnamon/dark-assets/checkbox/checkbox-checked.svg create mode 100644 .themes/Otis/cinnamon/dark-assets/checkbox/checkbox-unchecked-focused.svg create mode 100644 .themes/Otis/cinnamon/dark-assets/checkbox/checkbox-unchecked.svg create mode 100644 .themes/Otis/cinnamon/dark-assets/misc/button-box.svg create mode 100644 .themes/Otis/cinnamon/dark-assets/misc/message.svg create mode 100644 .themes/Otis/cinnamon/dark-assets/misc/modal.svg create mode 100644 .themes/Otis/cinnamon/dark-assets/switch/switch-off.svg create mode 100644 .themes/Otis/cinnamon/dark-assets/switch/switch-on.svg create mode 100644 .themes/Otis/cinnamon/thumbnail.png create mode 100755 .themes/Otis/gnome-shell/assets/calendar-arrow-left.svg create mode 100755 .themes/Otis/gnome-shell/assets/calendar-arrow-right.svg create mode 100755 .themes/Otis/gnome-shell/assets/calendar-today.svg create mode 100755 .themes/Otis/gnome-shell/assets/checkbox-focused.svg create mode 100755 .themes/Otis/gnome-shell/assets/checkbox-off-focused.svg create mode 100755 .themes/Otis/gnome-shell/assets/checkbox-off.svg create mode 100755 .themes/Otis/gnome-shell/assets/checkbox.svg create mode 100644 .themes/Otis/gnome-shell/assets/close-window.svg create mode 100755 .themes/Otis/gnome-shell/assets/corner-ripple-ltr.png create mode 100755 .themes/Otis/gnome-shell/assets/corner-ripple-rtl.png create mode 100755 .themes/Otis/gnome-shell/assets/dash-placeholder.svg create mode 100755 .themes/Otis/gnome-shell/assets/logged-in-indicator.svg create mode 100755 .themes/Otis/gnome-shell/assets/noise-texture.png create mode 100755 .themes/Otis/gnome-shell/assets/process-working.svg create mode 100755 .themes/Otis/gnome-shell/assets/running-indicator.svg create mode 100755 .themes/Otis/gnome-shell/assets/source-button-border.svg create mode 100755 .themes/Otis/gnome-shell/assets/toggle-off.svg create mode 100755 .themes/Otis/gnome-shell/assets/toggle-on.svg create mode 100644 .themes/Otis/gnome-shell/assets/ws-switch-arrow-down.png create mode 100644 .themes/Otis/gnome-shell/assets/ws-switch-arrow-up.png create mode 100644 .themes/Otis/gnome-shell/gnome-shell.css create mode 100755 .themes/Otis/gtk-2.0/apps/chrome.rc create mode 100755 .themes/Otis/gtk-2.0/apps/gimp.rc create mode 100755 .themes/Otis/gtk-2.0/apps/libreoffice.rc create mode 100755 .themes/Otis/gtk-2.0/apps/terminal.rc create mode 100755 .themes/Otis/gtk-2.0/apps/thunar.rc create mode 100755 .themes/Otis/gtk-2.0/apps/xfce.rc create mode 100644 .themes/Otis/gtk-2.0/assets/border.png create mode 100644 .themes/Otis/gtk-2.0/assets/button-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/button-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/button-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/button.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-checked-active.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-checked-hover.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-checked-insensitive.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-checked.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-mixed-active.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-mixed-hover.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-mixed-insensitive.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-mixed.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-unchecked-active.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-unchecked-hover.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-unchecked-insensitive.png create mode 120000 .themes/Otis/gtk-2.0/assets/checkbox-unchecked.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-ltr-button.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-rtl-button.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry.png create mode 100644 .themes/Otis/gtk-2.0/assets/entry-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/entry-background-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/entry-background.png create mode 100644 .themes/Otis/gtk-2.0/assets/entry-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/entry.png create mode 100644 .themes/Otis/gtk-2.0/assets/focus.png create mode 100644 .themes/Otis/gtk-2.0/assets/frame-inline.png create mode 100644 .themes/Otis/gtk-2.0/assets/frame-notebook.png create mode 100644 .themes/Otis/gtk-2.0/assets/frame.png create mode 100644 .themes/Otis/gtk-2.0/assets/handle-horz.png create mode 100644 .themes/Otis/gtk-2.0/assets/handle-vert.png create mode 100644 .themes/Otis/gtk-2.0/assets/handle.png create mode 100644 .themes/Otis/gtk-2.0/assets/line.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-border.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-checkbox-checked-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-checkbox-checked-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-checkbox-checked.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-checkbox-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-checkbox-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-checkbox-mixed-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-checkbox-mixed.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-checkbox.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-pan-down-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-pan-down.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-pan-left-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-pan-left-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-pan-left.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-pan-right-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-pan-right-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-pan-right.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-pan-up-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-pan-up.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-radio-checked-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-radio-checked-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-radio-checked.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-radio-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-radio-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-radio-mixed-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-radio-mixed-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-radio-mixed.png create mode 100644 .themes/Otis/gtk-2.0/assets/menu-radio.png create mode 100644 .themes/Otis/gtk-2.0/assets/menubar-item-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png create mode 100644 .themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png create mode 100644 .themes/Otis/gtk-2.0/assets/notebook-entry-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/notebook-entry-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/notebook-entry.png create mode 100644 .themes/Otis/gtk-2.0/assets/pan-down-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/pan-down.png create mode 100644 .themes/Otis/gtk-2.0/assets/pan-left-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/pan-left-semi.png create mode 100644 .themes/Otis/gtk-2.0/assets/pan-left.png create mode 100644 .themes/Otis/gtk-2.0/assets/pan-right-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/pan-right-semi.png create mode 100644 .themes/Otis/gtk-2.0/assets/pan-right.png create mode 100644 .themes/Otis/gtk-2.0/assets/pan-up-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/pan-up.png create mode 100644 .themes/Otis/gtk-2.0/assets/progressbar-horz-trough.png create mode 100644 .themes/Otis/gtk-2.0/assets/progressbar-horz.png create mode 100644 .themes/Otis/gtk-2.0/assets/progressbar-vert-trough.png create mode 100644 .themes/Otis/gtk-2.0/assets/progressbar-vert.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-checked-active.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-checked-hover.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-checked-insensitive.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-checked.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-mixed-active.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-mixed-hover.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-mixed-insensitive.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-mixed.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-unchecked-active.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-unchecked-hover.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-unchecked-insensitive.png create mode 120000 .themes/Otis/gtk-2.0/assets/radio-unchecked.png create mode 100644 .themes/Otis/gtk-2.0/assets/scale-horz-focus.png create mode 100644 .themes/Otis/gtk-2.0/assets/scale-horz-trough-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/scale-horz-trough.png create mode 100644 .themes/Otis/gtk-2.0/assets/scale-slider-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/scale-slider-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/scale-slider-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/scale-slider.png create mode 100644 .themes/Otis/gtk-2.0/assets/scale-vert-trough-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/scale-vert-trough.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-horz-slider-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-horz-slider-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-horz-slider.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-horz-trough.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-rtl.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-vert-slider.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-vert-trough-rtl.png create mode 100644 .themes/Otis/gtk-2.0/assets/scrollbar-vert-trough.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-down-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-down.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-ltr-down-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-ltr-down-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-ltr-down-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-ltr-down.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-ltr-up-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-ltr-up-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-ltr-up-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-ltr-up.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-rtl-down-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-rtl-down-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-rtl-down-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-rtl-down.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-rtl-up-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-rtl-up-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-rtl-up-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-rtl-up.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-up-insensitive.png create mode 100644 .themes/Otis/gtk-2.0/assets/spin-up.png create mode 100644 .themes/Otis/gtk-2.0/assets/tab-down-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/tab-down.png create mode 100644 .themes/Otis/gtk-2.0/assets/tab-horz-gap.png create mode 100644 .themes/Otis/gtk-2.0/assets/tab-left-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/tab-left.png create mode 100644 .themes/Otis/gtk-2.0/assets/tab-right-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/tab-right.png create mode 100644 .themes/Otis/gtk-2.0/assets/tab-up-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/tab-up.png create mode 100644 .themes/Otis/gtk-2.0/assets/tab-vert-gap.png create mode 100644 .themes/Otis/gtk-2.0/assets/toolbar-button-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/toolbar-button-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/treeview-pan-down-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/treeview-pan-down-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/treeview-pan-down.png create mode 100644 .themes/Otis/gtk-2.0/assets/treeview-pan-up-active.png create mode 100644 .themes/Otis/gtk-2.0/assets/treeview-pan-up-hover.png create mode 100644 .themes/Otis/gtk-2.0/assets/treeview-pan-up.png create mode 100644 .themes/Otis/gtk-2.0/assets/treeview-separator-ltr.png create mode 100644 .themes/Otis/gtk-2.0/assets/treeview-separator-rtl.png create mode 100755 .themes/Otis/gtk-2.0/gtkrc create mode 100755 .themes/Otis/gtk-2.0/main.rc create mode 100755 .themes/Otis/gtk-3.0/gtk-dark.css create mode 100755 .themes/Otis/gtk-3.0/gtk.css create mode 100644 .themes/Otis/gtk-3.0/thumbnail.png create mode 100755 .themes/Otis/gtk-4.0/gtk-dark.css create mode 100755 .themes/Otis/gtk-4.0/gtk.css create mode 100644 .themes/Otis/gtk-4.0/thumbnail.png create mode 100755 .themes/Otis/index.theme create mode 100644 .themes/Otis/metacity-1/close.png create mode 100644 .themes/Otis/metacity-1/close_focused.png create mode 100644 .themes/Otis/metacity-1/close_focused_normal.png create mode 100644 .themes/Otis/metacity-1/close_focused_prelight.png create mode 100644 .themes/Otis/metacity-1/close_focused_pressed.png create mode 100644 .themes/Otis/metacity-1/close_unfocused.png create mode 100644 .themes/Otis/metacity-1/close_unfocused_prelight.png create mode 100644 .themes/Otis/metacity-1/close_unfocused_pressed.png create mode 100644 .themes/Otis/metacity-1/maximize.png create mode 100644 .themes/Otis/metacity-1/maximize_focused.png create mode 100644 .themes/Otis/metacity-1/maximize_focused_normal.png create mode 100644 .themes/Otis/metacity-1/maximize_focused_prelight.png create mode 100644 .themes/Otis/metacity-1/maximize_focused_pressed.png create mode 100644 .themes/Otis/metacity-1/maximize_unfocused.png create mode 100644 .themes/Otis/metacity-1/maximize_unfocused_prelight.png create mode 100644 .themes/Otis/metacity-1/maximize_unfocused_pressed.png create mode 100644 .themes/Otis/metacity-1/menu.png create mode 100644 .themes/Otis/metacity-1/menu_focused.png create mode 100644 .themes/Otis/metacity-1/menu_focused_normal.png create mode 100644 .themes/Otis/metacity-1/menu_focused_prelight.png create mode 100644 .themes/Otis/metacity-1/menu_focused_pressed.png create mode 100644 .themes/Otis/metacity-1/menu_unfocused.png create mode 100644 .themes/Otis/metacity-1/menu_unfocused_prelight.png create mode 100644 .themes/Otis/metacity-1/menu_unfocused_pressed.png create mode 100755 .themes/Otis/metacity-1/metacity-theme-1.xml create mode 100755 .themes/Otis/metacity-1/metacity-theme-2.xml create mode 100755 .themes/Otis/metacity-1/metacity-theme-3.xml create mode 100755 .themes/Otis/metacity-1/metacity-theme.xml create mode 100644 .themes/Otis/metacity-1/minimize.png create mode 100644 .themes/Otis/metacity-1/minimize_focused.png create mode 100644 .themes/Otis/metacity-1/minimize_focused_normal.png create mode 100644 .themes/Otis/metacity-1/minimize_focused_prelight.png create mode 100644 .themes/Otis/metacity-1/minimize_focused_pressed.png create mode 100644 .themes/Otis/metacity-1/minimize_unfocused.png create mode 100644 .themes/Otis/metacity-1/minimize_unfocused_prelight.png create mode 100644 .themes/Otis/metacity-1/minimize_unfocused_pressed.png create mode 100644 .themes/Otis/metacity-1/shade.png create mode 100644 .themes/Otis/metacity-1/shade_focused.png create mode 100644 .themes/Otis/metacity-1/shade_focused_normal.png create mode 100644 .themes/Otis/metacity-1/shade_focused_prelight.png create mode 100644 .themes/Otis/metacity-1/shade_focused_pressed.png create mode 100644 .themes/Otis/metacity-1/shade_unfocused.png create mode 100644 .themes/Otis/metacity-1/shade_unfocused_prelight.png create mode 100644 .themes/Otis/metacity-1/shade_unfocused_pressed.png create mode 100644 .themes/Otis/metacity-1/thumbnail.png create mode 100644 .themes/Otis/metacity-1/unmaximize.png create mode 100644 .themes/Otis/metacity-1/unmaximize_focused.png create mode 100644 .themes/Otis/metacity-1/unmaximize_focused_normal.png create mode 100644 .themes/Otis/metacity-1/unmaximize_focused_prelight.png create mode 100644 .themes/Otis/metacity-1/unmaximize_focused_pressed.png create mode 100644 .themes/Otis/metacity-1/unmaximize_unfocused.png create mode 100644 .themes/Otis/metacity-1/unmaximize_unfocused_prelight.png create mode 100644 .themes/Otis/metacity-1/unmaximize_unfocused_pressed.png create mode 100644 .themes/Otis/metacity-1/unshade.png create mode 100644 .themes/Otis/metacity-1/unshade_focused.png create mode 100644 .themes/Otis/metacity-1/unshade_focused_normal.png create mode 100644 .themes/Otis/metacity-1/unshade_focused_prelight.png create mode 100644 .themes/Otis/metacity-1/unshade_focused_pressed.png create mode 100644 .themes/Otis/metacity-1/unshade_unfocused.png create mode 100644 .themes/Otis/metacity-1/unshade_unfocused_prelight.png create mode 100644 .themes/Otis/metacity-1/unshade_unfocused_pressed.png create mode 100644 .themes/Otis/xfwm4/bottom-active.png create mode 100644 .themes/Otis/xfwm4/bottom-inactive.png create mode 100644 .themes/Otis/xfwm4/bottom-left-active.png create mode 100644 .themes/Otis/xfwm4/bottom-left-inactive.png create mode 100644 .themes/Otis/xfwm4/bottom-right-active.png create mode 100644 .themes/Otis/xfwm4/bottom-right-inactive.png create mode 100644 .themes/Otis/xfwm4/close-active.png create mode 100644 .themes/Otis/xfwm4/close-inactive.png create mode 100644 .themes/Otis/xfwm4/close-prelight.png create mode 100644 .themes/Otis/xfwm4/close-pressed.png create mode 100644 .themes/Otis/xfwm4/hide-active.png create mode 100644 .themes/Otis/xfwm4/hide-inactive.png create mode 100644 .themes/Otis/xfwm4/hide-prelight.png create mode 100644 .themes/Otis/xfwm4/hide-pressed.png create mode 100644 .themes/Otis/xfwm4/left-active.png create mode 100644 .themes/Otis/xfwm4/left-inactive.png create mode 100644 .themes/Otis/xfwm4/maximize-active.png create mode 100644 .themes/Otis/xfwm4/maximize-inactive.png create mode 100644 .themes/Otis/xfwm4/maximize-prelight.png create mode 100644 .themes/Otis/xfwm4/maximize-pressed.png create mode 100644 .themes/Otis/xfwm4/menu-active.png create mode 100644 .themes/Otis/xfwm4/menu-inactive.png create mode 100644 .themes/Otis/xfwm4/menu-prelight.png create mode 100644 .themes/Otis/xfwm4/menu-pressed.png create mode 100644 .themes/Otis/xfwm4/right-active.png create mode 100644 .themes/Otis/xfwm4/right-inactive.png create mode 100644 .themes/Otis/xfwm4/shade-active.png create mode 100644 .themes/Otis/xfwm4/shade-inactive.png create mode 100644 .themes/Otis/xfwm4/shade-prelight.png create mode 100644 .themes/Otis/xfwm4/shade-pressed.png create mode 100644 .themes/Otis/xfwm4/stick-active.png create mode 100644 .themes/Otis/xfwm4/stick-inactive.png create mode 100644 .themes/Otis/xfwm4/stick-prelight.png create mode 100644 .themes/Otis/xfwm4/stick-pressed.png create mode 100644 .themes/Otis/xfwm4/themerc create mode 100644 .themes/Otis/xfwm4/title-1-active-shaded.png create mode 100644 .themes/Otis/xfwm4/title-1-active.png create mode 100644 .themes/Otis/xfwm4/title-1-inactive.png create mode 100644 .themes/Otis/xfwm4/title-2-active.png create mode 100644 .themes/Otis/xfwm4/title-2-inactive.png create mode 100644 .themes/Otis/xfwm4/title-3-active.png create mode 100644 .themes/Otis/xfwm4/title-3-inactive.png create mode 100644 .themes/Otis/xfwm4/title-4-active.png create mode 100644 .themes/Otis/xfwm4/title-4-inactive.png create mode 100644 .themes/Otis/xfwm4/title-5-active.png create mode 100644 .themes/Otis/xfwm4/title-5-inactive.png create mode 100644 .themes/Otis/xfwm4/top-left-active-shaded.png create mode 100644 .themes/Otis/xfwm4/top-left-active.png create mode 100644 .themes/Otis/xfwm4/top-left-inactive.png create mode 100644 .themes/Otis/xfwm4/top-right-active-shaded.png create mode 100644 .themes/Otis/xfwm4/top-right-active.png create mode 100644 .themes/Otis/xfwm4/top-right-inactive.png (limited to '.themes/Otis') diff --git a/.themes/Otis/LICENSE b/.themes/Otis/LICENSE new file mode 100644 index 000000000..9cecc1d46 --- /dev/null +++ b/.themes/Otis/LICENSE @@ -0,0 +1,674 @@ + GNU GENERAL PUBLIC LICENSE + Version 3, 29 June 2007 + + Copyright (C) 2007 Free Software Foundation, Inc. + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + + Preamble + + The GNU General Public License is a free, copyleft license for +software and other kinds of works. + + The licenses for most software and other practical works are designed +to take away your freedom to share and change the works. By contrast, +the GNU General Public License is intended to guarantee your freedom to +share and change all versions of a program--to make sure it remains free +software for all its users. We, the Free Software Foundation, use the +GNU General Public License for most of our software; it applies also to +any other work released this way by its authors. You can apply it to +your programs, too. + + When we speak of free software, we are referring to freedom, not +price. Our General Public Licenses are designed to make sure that you +have the freedom to distribute copies of free software (and charge for +them if you wish), that you receive source code or can get it if you +want it, that you can change the software or use pieces of it in new +free programs, and that you know you can do these things. + + To protect your rights, we need to prevent others from denying you +these rights or asking you to surrender the rights. Therefore, you have +certain responsibilities if you distribute copies of the software, or if +you modify it: responsibilities to respect the freedom of others. + + For example, if you distribute copies of such a program, whether +gratis or for a fee, you must pass on to the recipients the same +freedoms that you received. You must make sure that they, too, receive +or can get the source code. And you must show them these terms so they +know their rights. + + Developers that use the GNU GPL protect your rights with two steps: +(1) assert copyright on the software, and (2) offer you this License +giving you legal permission to copy, distribute and/or modify it. + + For the developers' and authors' protection, the GPL clearly explains +that there is no warranty for this free software. For both users' and +authors' sake, the GPL requires that modified versions be marked as +changed, so that their problems will not be attributed erroneously to +authors of previous versions. + + Some devices are designed to deny users access to install or run +modified versions of the software inside them, although the manufacturer +can do so. This is fundamentally incompatible with the aim of +protecting users' freedom to change the software. The systematic +pattern of such abuse occurs in the area of products for individuals to +use, which is precisely where it is most unacceptable. Therefore, we +have designed this version of the GPL to prohibit the practice for those +products. If such problems arise substantially in other domains, we +stand ready to extend this provision to those domains in future versions +of the GPL, as needed to protect the freedom of users. + + Finally, every program is threatened constantly by software patents. +States should not allow patents to restrict development and use of +software on general-purpose computers, but in those that do, we wish to +avoid the special danger that patents applied to a free program could +make it effectively proprietary. To prevent this, the GPL assures that +patents cannot be used to render the program non-free. + + The precise terms and conditions for copying, distribution and +modification follow. + + TERMS AND CONDITIONS + + 0. Definitions. + + "This License" refers to version 3 of the GNU General Public License. + + "Copyright" also means copyright-like laws that apply to other kinds of +works, such as semiconductor masks. + + "The Program" refers to any copyrightable work licensed under this +License. Each licensee is addressed as "you". "Licensees" and +"recipients" may be individuals or organizations. + + To "modify" a work means to copy from or adapt all or part of the work +in a fashion requiring copyright permission, other than the making of an +exact copy. The resulting work is called a "modified version" of the +earlier work or a work "based on" the earlier work. + + A "covered work" means either the unmodified Program or a work based +on the Program. + + To "propagate" a work means to do anything with it that, without +permission, would make you directly or secondarily liable for +infringement under applicable copyright law, except executing it on a +computer or modifying a private copy. Propagation includes copying, +distribution (with or without modification), making available to the +public, and in some countries other activities as well. + + To "convey" a work means any kind of propagation that enables other +parties to make or receive copies. Mere interaction with a user through +a computer network, with no transfer of a copy, is not conveying. + + An interactive user interface displays "Appropriate Legal Notices" +to the extent that it includes a convenient and prominently visible +feature that (1) displays an appropriate copyright notice, and (2) +tells the user that there is no warranty for the work (except to the +extent that warranties are provided), that licensees may convey the +work under this License, and how to view a copy of this License. If +the interface presents a list of user commands or options, such as a +menu, a prominent item in the list meets this criterion. + + 1. Source Code. + + The "source code" for a work means the preferred form of the work +for making modifications to it. "Object code" means any non-source +form of a work. + + A "Standard Interface" means an interface that either is an official +standard defined by a recognized standards body, or, in the case of +interfaces specified for a particular programming language, one that +is widely used among developers working in that language. + + The "System Libraries" of an executable work include anything, other +than the work as a whole, that (a) is included in the normal form of +packaging a Major Component, but which is not part of that Major +Component, and (b) serves only to enable use of the work with that +Major Component, or to implement a Standard Interface for which an +implementation is available to the public in source code form. A +"Major Component", in this context, means a major essential component +(kernel, window system, and so on) of the specific operating system +(if any) on which the executable work runs, or a compiler used to +produce the work, or an object code interpreter used to run it. + + The "Corresponding Source" for a work in object code form means all +the source code needed to generate, install, and (for an executable +work) run the object code and to modify the work, including scripts to +control those activities. However, it does not include the work's +System Libraries, or general-purpose tools or generally available free +programs which are used unmodified in performing those activities but +which are not part of the work. For example, Corresponding Source +includes interface definition files associated with source files for +the work, and the source code for shared libraries and dynamically +linked subprograms that the work is specifically designed to require, +such as by intimate data communication or control flow between those +subprograms and other parts of the work. + + The Corresponding Source need not include anything that users +can regenerate automatically from other parts of the Corresponding +Source. + + The Corresponding Source for a work in source code form is that +same work. + + 2. Basic Permissions. + + All rights granted under this License are granted for the term of +copyright on the Program, and are irrevocable provided the stated +conditions are met. This License explicitly affirms your unlimited +permission to run the unmodified Program. The output from running a +covered work is covered by this License only if the output, given its +content, constitutes a covered work. This License acknowledges your +rights of fair use or other equivalent, as provided by copyright law. + + You may make, run and propagate covered works that you do not +convey, without conditions so long as your license otherwise remains +in force. You may convey covered works to others for the sole purpose +of having them make modifications exclusively for you, or provide you +with facilities for running those works, provided that you comply with +the terms of this License in conveying all material for which you do +not control copyright. Those thus making or running the covered works +for you must do so exclusively on your behalf, under your direction +and control, on terms that prohibit them from making any copies of +your copyrighted material outside their relationship with you. + + Conveying under any other circumstances is permitted solely under +the conditions stated below. Sublicensing is not allowed; section 10 +makes it unnecessary. + + 3. Protecting Users' Legal Rights From Anti-Circumvention Law. + + No covered work shall be deemed part of an effective technological +measure under any applicable law fulfilling obligations under article +11 of the WIPO copyright treaty adopted on 20 December 1996, or +similar laws prohibiting or restricting circumvention of such +measures. + + When you convey a covered work, you waive any legal power to forbid +circumvention of technological measures to the extent such circumvention +is effected by exercising rights under this License with respect to +the covered work, and you disclaim any intention to limit operation or +modification of the work as a means of enforcing, against the work's +users, your or third parties' legal rights to forbid circumvention of +technological measures. + + 4. Conveying Verbatim Copies. + + You may convey verbatim copies of the Program's source code as you +receive it, in any medium, provided that you conspicuously and +appropriately publish on each copy an appropriate copyright notice; +keep intact all notices stating that this License and any +non-permissive terms added in accord with section 7 apply to the code; +keep intact all notices of the absence of any warranty; and give all +recipients a copy of this License along with the Program. + + You may charge any price or no price for each copy that you convey, +and you may offer support or warranty protection for a fee. + + 5. Conveying Modified Source Versions. + + You may convey a work based on the Program, or the modifications to +produce it from the Program, in the form of source code under the +terms of section 4, provided that you also meet all of these conditions: + + a) The work must carry prominent notices stating that you modified + it, and giving a relevant date. + + b) The work must carry prominent notices stating that it is + released under this License and any conditions added under section + 7. This requirement modifies the requirement in section 4 to + "keep intact all notices". + + c) You must license the entire work, as a whole, under this + License to anyone who comes into possession of a copy. This + License will therefore apply, along with any applicable section 7 + additional terms, to the whole of the work, and all its parts, + regardless of how they are packaged. This License gives no + permission to license the work in any other way, but it does not + invalidate such permission if you have separately received it. + + d) If the work has interactive user interfaces, each must display + Appropriate Legal Notices; however, if the Program has interactive + interfaces that do not display Appropriate Legal Notices, your + work need not make them do so. + + A compilation of a covered work with other separate and independent +works, which are not by their nature extensions of the covered work, +and which are not combined with it such as to form a larger program, +in or on a volume of a storage or distribution medium, is called an +"aggregate" if the compilation and its resulting copyright are not +used to limit the access or legal rights of the compilation's users +beyond what the individual works permit. Inclusion of a covered work +in an aggregate does not cause this License to apply to the other +parts of the aggregate. + + 6. Conveying Non-Source Forms. + + You may convey a covered work in object code form under the terms +of sections 4 and 5, provided that you also convey the +machine-readable Corresponding Source under the terms of this License, +in one of these ways: + + a) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by the + Corresponding Source fixed on a durable physical medium + customarily used for software interchange. + + b) Convey the object code in, or embodied in, a physical product + (including a physical distribution medium), accompanied by a + written offer, valid for at least three years and valid for as + long as you offer spare parts or customer support for that product + model, to give anyone who possesses the object code either (1) a + copy of the Corresponding Source for all the software in the + product that is covered by this License, on a durable physical + medium customarily used for software interchange, for a price no + more than your reasonable cost of physically performing this + conveying of source, or (2) access to copy the + Corresponding Source from a network server at no charge. + + c) Convey individual copies of the object code with a copy of the + written offer to provide the Corresponding Source. This + alternative is allowed only occasionally and noncommercially, and + only if you received the object code with such an offer, in accord + with subsection 6b. + + d) Convey the object code by offering access from a designated + place (gratis or for a charge), and offer equivalent access to the + Corresponding Source in the same way through the same place at no + further charge. You need not require recipients to copy the + Corresponding Source along with the object code. If the place to + copy the object code is a network server, the Corresponding Source + may be on a different server (operated by you or a third party) + that supports equivalent copying facilities, provided you maintain + clear directions next to the object code saying where to find the + Corresponding Source. Regardless of what server hosts the + Corresponding Source, you remain obligated to ensure that it is + available for as long as needed to satisfy these requirements. + + e) Convey the object code using peer-to-peer transmission, provided + you inform other peers where the object code and Corresponding + Source of the work are being offered to the general public at no + charge under subsection 6d. + + A separable portion of the object code, whose source code is excluded +from the Corresponding Source as a System Library, need not be +included in conveying the object code work. + + A "User Product" is either (1) a "consumer product", which means any +tangible personal property which is normally used for personal, family, +or household purposes, or (2) anything designed or sold for incorporation +into a dwelling. In determining whether a product is a consumer product, +doubtful cases shall be resolved in favor of coverage. For a particular +product received by a particular user, "normally used" refers to a +typical or common use of that class of product, regardless of the status +of the particular user or of the way in which the particular user +actually uses, or expects or is expected to use, the product. A product +is a consumer product regardless of whether the product has substantial +commercial, industrial or non-consumer uses, unless such uses represent +the only significant mode of use of the product. + + "Installation Information" for a User Product means any methods, +procedures, authorization keys, or other information required to install +and execute modified versions of a covered work in that User Product from +a modified version of its Corresponding Source. The information must +suffice to ensure that the continued functioning of the modified object +code is in no case prevented or interfered with solely because +modification has been made. + + If you convey an object code work under this section in, or with, or +specifically for use in, a User Product, and the conveying occurs as +part of a transaction in which the right of possession and use of the +User Product is transferred to the recipient in perpetuity or for a +fixed term (regardless of how the transaction is characterized), the +Corresponding Source conveyed under this section must be accompanied +by the Installation Information. But this requirement does not apply +if neither you nor any third party retains the ability to install +modified object code on the User Product (for example, the work has +been installed in ROM). + + The requirement to provide Installation Information does not include a +requirement to continue to provide support service, warranty, or updates +for a work that has been modified or installed by the recipient, or for +the User Product in which it has been modified or installed. Access to a +network may be denied when the modification itself materially and +adversely affects the operation of the network or violates the rules and +protocols for communication across the network. + + Corresponding Source conveyed, and Installation Information provided, +in accord with this section must be in a format that is publicly +documented (and with an implementation available to the public in +source code form), and must require no special password or key for +unpacking, reading or copying. + + 7. Additional Terms. + + "Additional permissions" are terms that supplement the terms of this +License by making exceptions from one or more of its conditions. +Additional permissions that are applicable to the entire Program shall +be treated as though they were included in this License, to the extent +that they are valid under applicable law. If additional permissions +apply only to part of the Program, that part may be used separately +under those permissions, but the entire Program remains governed by +this License without regard to the additional permissions. + + When you convey a copy of a covered work, you may at your option +remove any additional permissions from that copy, or from any part of +it. (Additional permissions may be written to require their own +removal in certain cases when you modify the work.) You may place +additional permissions on material, added by you to a covered work, +for which you have or can give appropriate copyright permission. + + Notwithstanding any other provision of this License, for material you +add to a covered work, you may (if authorized by the copyright holders of +that material) supplement the terms of this License with terms: + + a) Disclaiming warranty or limiting liability differently from the + terms of sections 15 and 16 of this License; or + + b) Requiring preservation of specified reasonable legal notices or + author attributions in that material or in the Appropriate Legal + Notices displayed by works containing it; or + + c) Prohibiting misrepresentation of the origin of that material, or + requiring that modified versions of such material be marked in + reasonable ways as different from the original version; or + + d) Limiting the use for publicity purposes of names of licensors or + authors of the material; or + + e) Declining to grant rights under trademark law for use of some + trade names, trademarks, or service marks; or + + f) Requiring indemnification of licensors and authors of that + material by anyone who conveys the material (or modified versions of + it) with contractual assumptions of liability to the recipient, for + any liability that these contractual assumptions directly impose on + those licensors and authors. + + All other non-permissive additional terms are considered "further +restrictions" within the meaning of section 10. If the Program as you +received it, or any part of it, contains a notice stating that it is +governed by this License along with a term that is a further +restriction, you may remove that term. If a license document contains +a further restriction but permits relicensing or conveying under this +License, you may add to a covered work material governed by the terms +of that license document, provided that the further restriction does +not survive such relicensing or conveying. + + If you add terms to a covered work in accord with this section, you +must place, in the relevant source files, a statement of the +additional terms that apply to those files, or a notice indicating +where to find the applicable terms. + + Additional terms, permissive or non-permissive, may be stated in the +form of a separately written license, or stated as exceptions; +the above requirements apply either way. + + 8. Termination. + + You may not propagate or modify a covered work except as expressly +provided under this License. Any attempt otherwise to propagate or +modify it is void, and will automatically terminate your rights under +this License (including any patent licenses granted under the third +paragraph of section 11). + + However, if you cease all violation of this License, then your +license from a particular copyright holder is reinstated (a) +provisionally, unless and until the copyright holder explicitly and +finally terminates your license, and (b) permanently, if the copyright +holder fails to notify you of the violation by some reasonable means +prior to 60 days after the cessation. + + Moreover, your license from a particular copyright holder is +reinstated permanently if the copyright holder notifies you of the +violation by some reasonable means, this is the first time you have +received notice of violation of this License (for any work) from that +copyright holder, and you cure the violation prior to 30 days after +your receipt of the notice. + + Termination of your rights under this section does not terminate the +licenses of parties who have received copies or rights from you under +this License. If your rights have been terminated and not permanently +reinstated, you do not qualify to receive new licenses for the same +material under section 10. + + 9. Acceptance Not Required for Having Copies. + + You are not required to accept this License in order to receive or +run a copy of the Program. Ancillary propagation of a covered work +occurring solely as a consequence of using peer-to-peer transmission +to receive a copy likewise does not require acceptance. However, +nothing other than this License grants you permission to propagate or +modify any covered work. These actions infringe copyright if you do +not accept this License. Therefore, by modifying or propagating a +covered work, you indicate your acceptance of this License to do so. + + 10. Automatic Licensing of Downstream Recipients. + + Each time you convey a covered work, the recipient automatically +receives a license from the original licensors, to run, modify and +propagate that work, subject to this License. You are not responsible +for enforcing compliance by third parties with this License. + + An "entity transaction" is a transaction transferring control of an +organization, or substantially all assets of one, or subdividing an +organization, or merging organizations. If propagation of a covered +work results from an entity transaction, each party to that +transaction who receives a copy of the work also receives whatever +licenses to the work the party's predecessor in interest had or could +give under the previous paragraph, plus a right to possession of the +Corresponding Source of the work from the predecessor in interest, if +the predecessor has it or can get it with reasonable efforts. + + You may not impose any further restrictions on the exercise of the +rights granted or affirmed under this License. For example, you may +not impose a license fee, royalty, or other charge for exercise of +rights granted under this License, and you may not initiate litigation +(including a cross-claim or counterclaim in a lawsuit) alleging that +any patent claim is infringed by making, using, selling, offering for +sale, or importing the Program or any portion of it. + + 11. Patents. + + A "contributor" is a copyright holder who authorizes use under this +License of the Program or a work on which the Program is based. The +work thus licensed is called the contributor's "contributor version". + + A contributor's "essential patent claims" are all patent claims +owned or controlled by the contributor, whether already acquired or +hereafter acquired, that would be infringed by some manner, permitted +by this License, of making, using, or selling its contributor version, +but do not include claims that would be infringed only as a +consequence of further modification of the contributor version. For +purposes of this definition, "control" includes the right to grant +patent sublicenses in a manner consistent with the requirements of +this License. + + Each contributor grants you a non-exclusive, worldwide, royalty-free +patent license under the contributor's essential patent claims, to +make, use, sell, offer for sale, import and otherwise run, modify and +propagate the contents of its contributor version. + + In the following three paragraphs, a "patent license" is any express +agreement or commitment, however denominated, not to enforce a patent +(such as an express permission to practice a patent or covenant not to +sue for patent infringement). To "grant" such a patent license to a +party means to make such an agreement or commitment not to enforce a +patent against the party. + + If you convey a covered work, knowingly relying on a patent license, +and the Corresponding Source of the work is not available for anyone +to copy, free of charge and under the terms of this License, through a +publicly available network server or other readily accessible means, +then you must either (1) cause the Corresponding Source to be so +available, or (2) arrange to deprive yourself of the benefit of the +patent license for this particular work, or (3) arrange, in a manner +consistent with the requirements of this License, to extend the patent +license to downstream recipients. "Knowingly relying" means you have +actual knowledge that, but for the patent license, your conveying the +covered work in a country, or your recipient's use of the covered work +in a country, would infringe one or more identifiable patents in that +country that you have reason to believe are valid. + + If, pursuant to or in connection with a single transaction or +arrangement, you convey, or propagate by procuring conveyance of, a +covered work, and grant a patent license to some of the parties +receiving the covered work authorizing them to use, propagate, modify +or convey a specific copy of the covered work, then the patent license +you grant is automatically extended to all recipients of the covered +work and works based on it. + + A patent license is "discriminatory" if it does not include within +the scope of its coverage, prohibits the exercise of, or is +conditioned on the non-exercise of one or more of the rights that are +specifically granted under this License. You may not convey a covered +work if you are a party to an arrangement with a third party that is +in the business of distributing software, under which you make payment +to the third party based on the extent of your activity of conveying +the work, and under which the third party grants, to any of the +parties who would receive the covered work from you, a discriminatory +patent license (a) in connection with copies of the covered work +conveyed by you (or copies made from those copies), or (b) primarily +for and in connection with specific products or compilations that +contain the covered work, unless you entered into that arrangement, +or that patent license was granted, prior to 28 March 2007. + + Nothing in this License shall be construed as excluding or limiting +any implied license or other defenses to infringement that may +otherwise be available to you under applicable patent law. + + 12. No Surrender of Others' Freedom. + + If conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot convey a +covered work so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you may +not convey it at all. For example, if you agree to terms that obligate you +to collect a royalty for further conveying from those to whom you convey +the Program, the only way you could satisfy both those terms and this +License would be to refrain entirely from conveying the Program. + + 13. Use with the GNU Affero General Public License. + + Notwithstanding any other provision of this License, you have +permission to link or combine any covered work with a work licensed +under version 3 of the GNU Affero General Public License into a single +combined work, and to convey the resulting work. The terms of this +License will continue to apply to the part which is the covered work, +but the special requirements of the GNU Affero General Public License, +section 13, concerning interaction through a network will apply to the +combination as such. + + 14. Revised Versions of this License. + + The Free Software Foundation may publish revised and/or new versions of +the GNU General Public License from time to time. Such new versions will +be similar in spirit to the present version, but may differ in detail to +address new problems or concerns. + + Each version is given a distinguishing version number. If the +Program specifies that a certain numbered version of the GNU General +Public License "or any later version" applies to it, you have the +option of following the terms and conditions either of that numbered +version or of any later version published by the Free Software +Foundation. If the Program does not specify a version number of the +GNU General Public License, you may choose any version ever published +by the Free Software Foundation. + + If the Program specifies that a proxy can decide which future +versions of the GNU General Public License can be used, that proxy's +public statement of acceptance of a version permanently authorizes you +to choose that version for the Program. + + Later license versions may give you additional or different +permissions. However, no additional obligations are imposed on any +author or copyright holder as a result of your choosing to follow a +later version. + + 15. Disclaimer of Warranty. + + THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY +APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT +HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY +OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, +THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR +PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM +IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF +ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + + 16. Limitation of Liability. + + IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING +WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS +THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY +GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE +USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF +DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD +PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), +EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF +SUCH DAMAGES. + + 17. Interpretation of Sections 15 and 16. + + If the disclaimer of warranty and limitation of liability provided +above cannot be given local legal effect according to their terms, +reviewing courts shall apply local law that most closely approximates +an absolute waiver of all civil liability in connection with the +Program, unless a warranty or assumption of liability accompanies a +copy of the Program in return for a fee. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Programs + + If you develop a new program, and you want it to be of the greatest +possible use to the public, the best way to achieve this is to make it +free software which everyone can redistribute and change under these terms. + + To do so, attach the following notices to the program. It is safest +to attach them to the start of each source file to most effectively +state the exclusion of warranty; and each file should have at least +the "copyright" line and a pointer to where the full notice is found. + + {one line to give the program's name and a brief idea of what it does.} + Copyright (C) {year} {name of author} + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU General Public License for more details. + + You should have received a copy of the GNU General Public License + along with this program. If not, see . + +Also add information on how to contact you by electronic and paper mail. + + If the program does terminal interaction, make it output a short +notice like this when it starts in an interactive mode: + + {project} Copyright (C) {year} {fullname} + This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. + This is free software, and you are welcome to redistribute it + under certain conditions; type `show c' for details. + +The hypothetical commands `show w' and `show c' should show the appropriate +parts of the General Public License. Of course, your program's commands +might be different; for a GUI interface, you would use an "about box". + + You should also get your employer (if you work as a programmer) or school, +if any, to sign a "copyright disclaimer" for the program, if necessary. +For more information on this, and how to apply and follow the GNU GPL, see +. + + The GNU General Public License does not permit incorporating your program +into proprietary programs. If your program is a subroutine library, you +may consider it more useful to permit linking proprietary applications with +the library. If this is what you want to do, use the GNU Lesser General +Public License instead of this License. But first, please read +. diff --git a/.themes/Otis/README.md b/.themes/Otis/README.md new file mode 100644 index 000000000..6d61b8157 --- /dev/null +++ b/.themes/Otis/README.md @@ -0,0 +1,17 @@ + +![](Art/otis.jpg) + +> An elegant dark theme for gnome + +#### Installation + +Extract the zip file to the themes directory i.e. `/usr/share/themes/` or `~/.themes/` (create it if necessary). + +To set the theme on Gnome, run the following commands in Terminal: + +``` +gsettings set org.gnome.desktop.interface gtk-theme "Otis" +gsettings set org.gnome.desktop.wm.preferences theme "Otis" +``` +or Change via distribution specific tool. + diff --git a/.themes/Otis/assets/calendar-selected.png b/.themes/Otis/assets/calendar-selected.png new file mode 100644 index 000000000..41742552c Binary files /dev/null and b/.themes/Otis/assets/calendar-selected.png differ diff --git a/.themes/Otis/assets/calendar-selected@2.png b/.themes/Otis/assets/calendar-selected@2.png new file mode 100644 index 000000000..969507420 Binary files /dev/null and b/.themes/Otis/assets/calendar-selected@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked-active-dark.png b/.themes/Otis/assets/checkbox-checked-active-dark.png new file mode 100644 index 000000000..ad311a6c1 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-active-dark.png differ diff --git a/.themes/Otis/assets/checkbox-checked-active-dark@2.png b/.themes/Otis/assets/checkbox-checked-active-dark@2.png new file mode 100644 index 000000000..9ec58dddc Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-active-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked-active.png b/.themes/Otis/assets/checkbox-checked-active.png new file mode 100644 index 000000000..724e67b20 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-active.png differ diff --git a/.themes/Otis/assets/checkbox-checked-active@2.png b/.themes/Otis/assets/checkbox-checked-active@2.png new file mode 100644 index 000000000..7c19b7779 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-active@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked-backdrop-dark.png b/.themes/Otis/assets/checkbox-checked-backdrop-dark.png new file mode 100644 index 000000000..ad311a6c1 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-backdrop-dark.png differ diff --git a/.themes/Otis/assets/checkbox-checked-backdrop-dark@2.png b/.themes/Otis/assets/checkbox-checked-backdrop-dark@2.png new file mode 100644 index 000000000..9ec58dddc Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked-backdrop.png b/.themes/Otis/assets/checkbox-checked-backdrop.png new file mode 100644 index 000000000..724e67b20 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-backdrop.png differ diff --git a/.themes/Otis/assets/checkbox-checked-backdrop@2.png b/.themes/Otis/assets/checkbox-checked-backdrop@2.png new file mode 100644 index 000000000..7c19b7779 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-backdrop@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked-dark.png b/.themes/Otis/assets/checkbox-checked-dark.png new file mode 100644 index 000000000..2b3f63a90 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-dark.png differ diff --git a/.themes/Otis/assets/checkbox-checked-dark@2.png b/.themes/Otis/assets/checkbox-checked-dark@2.png new file mode 100644 index 000000000..5d4552680 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked-hover-dark.png b/.themes/Otis/assets/checkbox-checked-hover-dark.png new file mode 100644 index 000000000..ad311a6c1 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-hover-dark.png differ diff --git a/.themes/Otis/assets/checkbox-checked-hover-dark@2.png b/.themes/Otis/assets/checkbox-checked-hover-dark@2.png new file mode 100644 index 000000000..9ec58dddc Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-hover-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked-hover.png b/.themes/Otis/assets/checkbox-checked-hover.png new file mode 100644 index 000000000..724e67b20 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-hover.png differ diff --git a/.themes/Otis/assets/checkbox-checked-hover@2.png b/.themes/Otis/assets/checkbox-checked-hover@2.png new file mode 100644 index 000000000..7c19b7779 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-hover@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked-insensitive-backdrop-dark.png b/.themes/Otis/assets/checkbox-checked-insensitive-backdrop-dark.png new file mode 100644 index 000000000..ba4561a37 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-insensitive-backdrop-dark.png differ diff --git a/.themes/Otis/assets/checkbox-checked-insensitive-backdrop-dark@2.png b/.themes/Otis/assets/checkbox-checked-insensitive-backdrop-dark@2.png new file mode 100644 index 000000000..71c373c6a Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-insensitive-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked-insensitive-backdrop.png b/.themes/Otis/assets/checkbox-checked-insensitive-backdrop.png new file mode 100644 index 000000000..87934cf18 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-insensitive-backdrop.png differ diff --git a/.themes/Otis/assets/checkbox-checked-insensitive-backdrop@2.png b/.themes/Otis/assets/checkbox-checked-insensitive-backdrop@2.png new file mode 100644 index 000000000..babfb51e8 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-insensitive-backdrop@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked-insensitive-dark.png b/.themes/Otis/assets/checkbox-checked-insensitive-dark.png new file mode 100644 index 000000000..ba4561a37 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-insensitive-dark.png differ diff --git a/.themes/Otis/assets/checkbox-checked-insensitive-dark@2.png b/.themes/Otis/assets/checkbox-checked-insensitive-dark@2.png new file mode 100644 index 000000000..71c373c6a Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-insensitive-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked-insensitive.png b/.themes/Otis/assets/checkbox-checked-insensitive.png new file mode 100644 index 000000000..87934cf18 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-insensitive.png differ diff --git a/.themes/Otis/assets/checkbox-checked-insensitive@2.png b/.themes/Otis/assets/checkbox-checked-insensitive@2.png new file mode 100644 index 000000000..babfb51e8 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked-insensitive@2.png differ diff --git a/.themes/Otis/assets/checkbox-checked.png b/.themes/Otis/assets/checkbox-checked.png new file mode 100644 index 000000000..59acba1f2 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked.png differ diff --git a/.themes/Otis/assets/checkbox-checked@2.png b/.themes/Otis/assets/checkbox-checked@2.png new file mode 100644 index 000000000..f53562440 Binary files /dev/null and b/.themes/Otis/assets/checkbox-checked@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-active-dark.png b/.themes/Otis/assets/checkbox-mixed-active-dark.png new file mode 100644 index 000000000..59d90e5d1 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-active-dark.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-active-dark@2.png b/.themes/Otis/assets/checkbox-mixed-active-dark@2.png new file mode 100644 index 000000000..ff13421d5 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-active-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-active.png b/.themes/Otis/assets/checkbox-mixed-active.png new file mode 100644 index 000000000..b33fd9dfd Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-active.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-active@2.png b/.themes/Otis/assets/checkbox-mixed-active@2.png new file mode 100644 index 000000000..488a29ca7 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-active@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-backdrop-dark.png b/.themes/Otis/assets/checkbox-mixed-backdrop-dark.png new file mode 100644 index 000000000..63947b311 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-backdrop-dark.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-backdrop-dark@2.png b/.themes/Otis/assets/checkbox-mixed-backdrop-dark@2.png new file mode 100644 index 000000000..f73f333b5 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-backdrop.png b/.themes/Otis/assets/checkbox-mixed-backdrop.png new file mode 100644 index 000000000..651fe9bf0 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-backdrop.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-backdrop@2.png b/.themes/Otis/assets/checkbox-mixed-backdrop@2.png new file mode 100644 index 000000000..4b5973b89 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-backdrop@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-dark.png b/.themes/Otis/assets/checkbox-mixed-dark.png new file mode 100644 index 000000000..63947b311 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-dark.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-dark@2.png b/.themes/Otis/assets/checkbox-mixed-dark@2.png new file mode 100644 index 000000000..f73f333b5 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-hover-dark.png b/.themes/Otis/assets/checkbox-mixed-hover-dark.png new file mode 100644 index 000000000..63947b311 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-hover-dark.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-hover-dark@2.png b/.themes/Otis/assets/checkbox-mixed-hover-dark@2.png new file mode 100644 index 000000000..f73f333b5 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-hover-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-hover.png b/.themes/Otis/assets/checkbox-mixed-hover.png new file mode 100644 index 000000000..651fe9bf0 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-hover.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-hover@2.png b/.themes/Otis/assets/checkbox-mixed-hover@2.png new file mode 100644 index 000000000..4b5973b89 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-hover@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop-dark.png b/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop-dark.png new file mode 100644 index 000000000..60055b935 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop-dark.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop-dark@2.png b/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop-dark@2.png new file mode 100644 index 000000000..1ed5b7bb9 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop.png b/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop.png new file mode 100644 index 000000000..8445b0a82 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop@2.png b/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop@2.png new file mode 100644 index 000000000..bfe6a17ec Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-insensitive-backdrop@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-insensitive-dark.png b/.themes/Otis/assets/checkbox-mixed-insensitive-dark.png new file mode 100644 index 000000000..60055b935 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-insensitive-dark.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-insensitive-dark@2.png b/.themes/Otis/assets/checkbox-mixed-insensitive-dark@2.png new file mode 100644 index 000000000..1ed5b7bb9 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-insensitive-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-insensitive.png b/.themes/Otis/assets/checkbox-mixed-insensitive.png new file mode 100644 index 000000000..8445b0a82 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-insensitive.png differ diff --git a/.themes/Otis/assets/checkbox-mixed-insensitive@2.png b/.themes/Otis/assets/checkbox-mixed-insensitive@2.png new file mode 100644 index 000000000..bfe6a17ec Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed-insensitive@2.png differ diff --git a/.themes/Otis/assets/checkbox-mixed.png b/.themes/Otis/assets/checkbox-mixed.png new file mode 100644 index 000000000..651fe9bf0 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed.png differ diff --git a/.themes/Otis/assets/checkbox-mixed@2.png b/.themes/Otis/assets/checkbox-mixed@2.png new file mode 100644 index 000000000..4b5973b89 Binary files /dev/null and b/.themes/Otis/assets/checkbox-mixed@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-active-dark.png b/.themes/Otis/assets/checkbox-unchecked-active-dark.png new file mode 100644 index 000000000..47110f2d8 Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-active-dark.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-active-dark@2.png b/.themes/Otis/assets/checkbox-unchecked-active-dark@2.png new file mode 100644 index 000000000..8d5660911 Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-active-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-active.png b/.themes/Otis/assets/checkbox-unchecked-active.png new file mode 100644 index 000000000..1dda3695a Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-active.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-active@2.png b/.themes/Otis/assets/checkbox-unchecked-active@2.png new file mode 100644 index 000000000..20eb2391b Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-active@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-backdrop-dark.png b/.themes/Otis/assets/checkbox-unchecked-backdrop-dark.png new file mode 100644 index 000000000..368b5fd39 Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-backdrop-dark.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-backdrop-dark@2.png b/.themes/Otis/assets/checkbox-unchecked-backdrop-dark@2.png new file mode 100644 index 000000000..9a75b9e6e Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-backdrop.png b/.themes/Otis/assets/checkbox-unchecked-backdrop.png new file mode 100644 index 000000000..fc4fa281b Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-backdrop.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-backdrop@2.png b/.themes/Otis/assets/checkbox-unchecked-backdrop@2.png new file mode 100644 index 000000000..0cf91d44b Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-backdrop@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-dark.png b/.themes/Otis/assets/checkbox-unchecked-dark.png new file mode 100644 index 000000000..368b5fd39 Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-dark.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-dark@2.png b/.themes/Otis/assets/checkbox-unchecked-dark@2.png new file mode 100644 index 000000000..9a75b9e6e Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-hover-dark.png b/.themes/Otis/assets/checkbox-unchecked-hover-dark.png new file mode 100644 index 000000000..cb7ed07bf Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-hover-dark.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-hover-dark@2.png b/.themes/Otis/assets/checkbox-unchecked-hover-dark@2.png new file mode 100644 index 000000000..047840bda Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-hover-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-hover.png b/.themes/Otis/assets/checkbox-unchecked-hover.png new file mode 100644 index 000000000..a7d6487a8 Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-hover.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-hover@2.png b/.themes/Otis/assets/checkbox-unchecked-hover@2.png new file mode 100644 index 000000000..81a1f8d52 Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-hover@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop-dark.png b/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop-dark.png new file mode 100644 index 000000000..3f1b4d1aa Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop-dark.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png b/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png new file mode 100644 index 000000000..6d311e214 Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop.png b/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop.png new file mode 100644 index 000000000..e0cf40d6b Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop@2.png b/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop@2.png new file mode 100644 index 000000000..7254d2f95 Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-insensitive-backdrop@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-insensitive-dark.png b/.themes/Otis/assets/checkbox-unchecked-insensitive-dark.png new file mode 100644 index 000000000..fdb776441 Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-insensitive-dark.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-insensitive-dark@2.png b/.themes/Otis/assets/checkbox-unchecked-insensitive-dark@2.png new file mode 100644 index 000000000..3357e0d4a Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-insensitive-dark@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-insensitive.png b/.themes/Otis/assets/checkbox-unchecked-insensitive.png new file mode 100644 index 000000000..82ccfe5cf Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-insensitive.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked-insensitive@2.png b/.themes/Otis/assets/checkbox-unchecked-insensitive@2.png new file mode 100644 index 000000000..717431c77 Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked-insensitive@2.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked.png b/.themes/Otis/assets/checkbox-unchecked.png new file mode 100644 index 000000000..fc4fa281b Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked.png differ diff --git a/.themes/Otis/assets/checkbox-unchecked@2.png b/.themes/Otis/assets/checkbox-unchecked@2.png new file mode 100644 index 000000000..0cf91d44b Binary files /dev/null and b/.themes/Otis/assets/checkbox-unchecked@2.png differ diff --git a/.themes/Otis/assets/close.png b/.themes/Otis/assets/close.png new file mode 100644 index 000000000..4b71bb54b Binary files /dev/null and b/.themes/Otis/assets/close.png differ diff --git a/.themes/Otis/assets/close.svg b/.themes/Otis/assets/close.svg new file mode 100755 index 000000000..97476e1c3 --- /dev/null +++ b/.themes/Otis/assets/close.svg @@ -0,0 +1,86 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/close@2.png b/.themes/Otis/assets/close@2.png new file mode 100644 index 000000000..ef65f9c7d Binary files /dev/null and b/.themes/Otis/assets/close@2.png differ diff --git a/.themes/Otis/assets/close_prelight.png b/.themes/Otis/assets/close_prelight.png new file mode 100644 index 000000000..24ee13c5b Binary files /dev/null and b/.themes/Otis/assets/close_prelight.png differ diff --git a/.themes/Otis/assets/close_prelight.svg b/.themes/Otis/assets/close_prelight.svg new file mode 100755 index 000000000..c84cf75b4 --- /dev/null +++ b/.themes/Otis/assets/close_prelight.svg @@ -0,0 +1,91 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/close_prelight@2.png b/.themes/Otis/assets/close_prelight@2.png new file mode 100644 index 000000000..96ed4ebc5 Binary files /dev/null and b/.themes/Otis/assets/close_prelight@2.png differ diff --git a/.themes/Otis/assets/close_pressed.svg b/.themes/Otis/assets/close_pressed.svg new file mode 100755 index 000000000..0e9584ad8 --- /dev/null +++ b/.themes/Otis/assets/close_pressed.svg @@ -0,0 +1,98 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/close_unfocused.png b/.themes/Otis/assets/close_unfocused.png new file mode 100644 index 000000000..e72035c06 Binary files /dev/null and b/.themes/Otis/assets/close_unfocused.png differ diff --git a/.themes/Otis/assets/close_unfocused.svg b/.themes/Otis/assets/close_unfocused.svg new file mode 100755 index 000000000..8fdcee7bc --- /dev/null +++ b/.themes/Otis/assets/close_unfocused.svg @@ -0,0 +1,86 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/close_unfocused@2.png b/.themes/Otis/assets/close_unfocused@2.png new file mode 100644 index 000000000..258f7c370 Binary files /dev/null and b/.themes/Otis/assets/close_unfocused@2.png differ diff --git a/.themes/Otis/assets/grid-selection-checked.png b/.themes/Otis/assets/grid-selection-checked.png new file mode 100755 index 000000000..91187176c Binary files /dev/null and b/.themes/Otis/assets/grid-selection-checked.png differ diff --git a/.themes/Otis/assets/grid-selection-checked@2.png b/.themes/Otis/assets/grid-selection-checked@2.png new file mode 100755 index 000000000..b47379e46 Binary files /dev/null and b/.themes/Otis/assets/grid-selection-checked@2.png differ diff --git a/.themes/Otis/assets/grid-selection-unchecked.png b/.themes/Otis/assets/grid-selection-unchecked.png new file mode 100755 index 000000000..508eea894 Binary files /dev/null and b/.themes/Otis/assets/grid-selection-unchecked.png differ diff --git a/.themes/Otis/assets/grid-selection-unchecked@2.png b/.themes/Otis/assets/grid-selection-unchecked@2.png new file mode 100755 index 000000000..d8c6bf0ea Binary files /dev/null and b/.themes/Otis/assets/grid-selection-unchecked@2.png differ diff --git a/.themes/Otis/assets/maximize.png b/.themes/Otis/assets/maximize.png new file mode 100644 index 000000000..1454954a5 Binary files /dev/null and b/.themes/Otis/assets/maximize.png differ diff --git a/.themes/Otis/assets/maximize.svg b/.themes/Otis/assets/maximize.svg new file mode 100755 index 000000000..a0a64e88a --- /dev/null +++ b/.themes/Otis/assets/maximize.svg @@ -0,0 +1,95 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/maximize@2.png b/.themes/Otis/assets/maximize@2.png new file mode 100644 index 000000000..bbf5969f5 Binary files /dev/null and b/.themes/Otis/assets/maximize@2.png differ diff --git a/.themes/Otis/assets/maximize_prelight.png b/.themes/Otis/assets/maximize_prelight.png new file mode 100644 index 000000000..7776b0446 Binary files /dev/null and b/.themes/Otis/assets/maximize_prelight.png differ diff --git a/.themes/Otis/assets/maximize_prelight.svg b/.themes/Otis/assets/maximize_prelight.svg new file mode 100755 index 000000000..9c5e824cd --- /dev/null +++ b/.themes/Otis/assets/maximize_prelight.svg @@ -0,0 +1,100 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/maximize_prelight@2.png b/.themes/Otis/assets/maximize_prelight@2.png new file mode 100644 index 000000000..f8aa16ffd Binary files /dev/null and b/.themes/Otis/assets/maximize_prelight@2.png differ diff --git a/.themes/Otis/assets/maximize_pressed.svg b/.themes/Otis/assets/maximize_pressed.svg new file mode 100755 index 000000000..2a4397a52 --- /dev/null +++ b/.themes/Otis/assets/maximize_pressed.svg @@ -0,0 +1,102 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/maximize_unfocused.png b/.themes/Otis/assets/maximize_unfocused.png new file mode 100644 index 000000000..e72035c06 Binary files /dev/null and b/.themes/Otis/assets/maximize_unfocused.png differ diff --git a/.themes/Otis/assets/maximize_unfocused.svg b/.themes/Otis/assets/maximize_unfocused.svg new file mode 100755 index 000000000..b9fc20694 --- /dev/null +++ b/.themes/Otis/assets/maximize_unfocused.svg @@ -0,0 +1,88 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/menuitem-checkbox-checked-hover.png b/.themes/Otis/assets/menuitem-checkbox-checked-hover.png new file mode 100755 index 000000000..74a1a38a9 Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-checked-hover.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-checked-hover@2.png b/.themes/Otis/assets/menuitem-checkbox-checked-hover@2.png new file mode 100755 index 000000000..6bb911fa2 Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-checked-hover@2.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-checked-insensitive.png b/.themes/Otis/assets/menuitem-checkbox-checked-insensitive.png new file mode 100755 index 000000000..2186347f4 Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-checked-insensitive.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-checked-insensitive@2.png b/.themes/Otis/assets/menuitem-checkbox-checked-insensitive@2.png new file mode 100755 index 000000000..85a72370f Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-checked-insensitive@2.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-checked.png b/.themes/Otis/assets/menuitem-checkbox-checked.png new file mode 100755 index 000000000..59e1524f0 Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-checked.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-checked@2.png b/.themes/Otis/assets/menuitem-checkbox-checked@2.png new file mode 100755 index 000000000..fabd74dca Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-checked@2.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-mixed-hover.png b/.themes/Otis/assets/menuitem-checkbox-mixed-hover.png new file mode 100755 index 000000000..aa5e700ff Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-mixed-hover.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-mixed-hover@2.png b/.themes/Otis/assets/menuitem-checkbox-mixed-hover@2.png new file mode 100755 index 000000000..24fff4c70 Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-mixed-hover@2.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-mixed-insensitive.png b/.themes/Otis/assets/menuitem-checkbox-mixed-insensitive.png new file mode 100755 index 000000000..9ba1e1729 Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-mixed-insensitive.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-mixed-insensitive@2.png b/.themes/Otis/assets/menuitem-checkbox-mixed-insensitive@2.png new file mode 100755 index 000000000..4cb073659 Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-mixed-insensitive@2.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-mixed-selected.png b/.themes/Otis/assets/menuitem-checkbox-mixed-selected.png new file mode 100755 index 000000000..2064a6311 Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-mixed-selected.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-mixed-selected@2.png b/.themes/Otis/assets/menuitem-checkbox-mixed-selected@2.png new file mode 100755 index 000000000..900ccea19 Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-mixed-selected@2.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-mixed.png b/.themes/Otis/assets/menuitem-checkbox-mixed.png new file mode 100755 index 000000000..9b7c1444c Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-mixed.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-mixed@2.png b/.themes/Otis/assets/menuitem-checkbox-mixed@2.png new file mode 100755 index 000000000..e32aa1c49 Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-mixed@2.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-unchecked.png b/.themes/Otis/assets/menuitem-checkbox-unchecked.png new file mode 100755 index 000000000..921e3464b Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-unchecked.png differ diff --git a/.themes/Otis/assets/menuitem-checkbox-unchecked@2.png b/.themes/Otis/assets/menuitem-checkbox-unchecked@2.png new file mode 100755 index 000000000..53ca8434d Binary files /dev/null and b/.themes/Otis/assets/menuitem-checkbox-unchecked@2.png differ diff --git a/.themes/Otis/assets/menuitem-radio-checked-hover.png b/.themes/Otis/assets/menuitem-radio-checked-hover.png new file mode 100755 index 000000000..c084e4014 Binary files /dev/null and b/.themes/Otis/assets/menuitem-radio-checked-hover.png differ diff --git a/.themes/Otis/assets/menuitem-radio-checked-hover@2.png b/.themes/Otis/assets/menuitem-radio-checked-hover@2.png new file mode 100755 index 000000000..cdbab86f0 Binary files /dev/null and b/.themes/Otis/assets/menuitem-radio-checked-hover@2.png differ diff --git a/.themes/Otis/assets/menuitem-radio-checked-insensitive.png b/.themes/Otis/assets/menuitem-radio-checked-insensitive.png new file mode 100755 index 000000000..2b08b40d3 Binary files /dev/null and b/.themes/Otis/assets/menuitem-radio-checked-insensitive.png differ diff --git a/.themes/Otis/assets/menuitem-radio-checked-insensitive@2.png b/.themes/Otis/assets/menuitem-radio-checked-insensitive@2.png new file mode 100755 index 000000000..0d2ad9b5e Binary files /dev/null and b/.themes/Otis/assets/menuitem-radio-checked-insensitive@2.png differ diff --git a/.themes/Otis/assets/menuitem-radio-checked.png b/.themes/Otis/assets/menuitem-radio-checked.png new file mode 100755 index 000000000..45681b99f Binary files /dev/null and b/.themes/Otis/assets/menuitem-radio-checked.png differ diff --git a/.themes/Otis/assets/menuitem-radio-checked@2.png b/.themes/Otis/assets/menuitem-radio-checked@2.png new file mode 100755 index 000000000..e9863296c Binary files /dev/null and b/.themes/Otis/assets/menuitem-radio-checked@2.png differ diff --git a/.themes/Otis/assets/min.png b/.themes/Otis/assets/min.png new file mode 100644 index 000000000..239a86e34 Binary files /dev/null and b/.themes/Otis/assets/min.png differ diff --git a/.themes/Otis/assets/min.svg b/.themes/Otis/assets/min.svg new file mode 100755 index 000000000..c7575d81e --- /dev/null +++ b/.themes/Otis/assets/min.svg @@ -0,0 +1,104 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/min@2.png b/.themes/Otis/assets/min@2.png new file mode 100644 index 000000000..70c0a246e Binary files /dev/null and b/.themes/Otis/assets/min@2.png differ diff --git a/.themes/Otis/assets/min_prelight.png b/.themes/Otis/assets/min_prelight.png new file mode 100644 index 000000000..d109a3d22 Binary files /dev/null and b/.themes/Otis/assets/min_prelight.png differ diff --git a/.themes/Otis/assets/min_prelight.svg b/.themes/Otis/assets/min_prelight.svg new file mode 100755 index 000000000..5100fa716 --- /dev/null +++ b/.themes/Otis/assets/min_prelight.svg @@ -0,0 +1,109 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/min_prelight@2.png b/.themes/Otis/assets/min_prelight@2.png new file mode 100644 index 000000000..b35c6a6e2 Binary files /dev/null and b/.themes/Otis/assets/min_prelight@2.png differ diff --git a/.themes/Otis/assets/min_pressed.svg b/.themes/Otis/assets/min_pressed.svg new file mode 100755 index 000000000..4dccd920e --- /dev/null +++ b/.themes/Otis/assets/min_pressed.svg @@ -0,0 +1,111 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/min_unfocused.png b/.themes/Otis/assets/min_unfocused.png new file mode 100644 index 000000000..e72035c06 Binary files /dev/null and b/.themes/Otis/assets/min_unfocused.png differ diff --git a/.themes/Otis/assets/min_unfocused.svg b/.themes/Otis/assets/min_unfocused.svg new file mode 100755 index 000000000..b9fc20694 --- /dev/null +++ b/.themes/Otis/assets/min_unfocused.svg @@ -0,0 +1,88 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/pane-handle-vertical.png b/.themes/Otis/assets/pane-handle-vertical.png new file mode 100755 index 000000000..36ed49d26 Binary files /dev/null and b/.themes/Otis/assets/pane-handle-vertical.png differ diff --git a/.themes/Otis/assets/pane-handle-vertical@2.png b/.themes/Otis/assets/pane-handle-vertical@2.png new file mode 100755 index 000000000..3e2012678 Binary files /dev/null and b/.themes/Otis/assets/pane-handle-vertical@2.png differ diff --git a/.themes/Otis/assets/pane-handle.png b/.themes/Otis/assets/pane-handle.png new file mode 100755 index 000000000..05c886554 Binary files /dev/null and b/.themes/Otis/assets/pane-handle.png differ diff --git a/.themes/Otis/assets/pane-handle@2.png b/.themes/Otis/assets/pane-handle@2.png new file mode 100755 index 000000000..35b989861 Binary files /dev/null and b/.themes/Otis/assets/pane-handle@2.png differ diff --git a/.themes/Otis/assets/path4417.png b/.themes/Otis/assets/path4417.png new file mode 100644 index 000000000..33d9b45c2 Binary files /dev/null and b/.themes/Otis/assets/path4417.png differ diff --git a/.themes/Otis/assets/radio-checked-active-dark.png b/.themes/Otis/assets/radio-checked-active-dark.png new file mode 100644 index 000000000..b19c064f3 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-active-dark.png differ diff --git a/.themes/Otis/assets/radio-checked-active-dark@2.png b/.themes/Otis/assets/radio-checked-active-dark@2.png new file mode 100644 index 000000000..1ff736398 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-active-dark@2.png differ diff --git a/.themes/Otis/assets/radio-checked-active.png b/.themes/Otis/assets/radio-checked-active.png new file mode 100644 index 000000000..a97af73f1 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-active.png differ diff --git a/.themes/Otis/assets/radio-checked-active@2.png b/.themes/Otis/assets/radio-checked-active@2.png new file mode 100644 index 000000000..ba157c4eb Binary files /dev/null and b/.themes/Otis/assets/radio-checked-active@2.png differ diff --git a/.themes/Otis/assets/radio-checked-backdrop-dark.png b/.themes/Otis/assets/radio-checked-backdrop-dark.png new file mode 100644 index 000000000..400d7ae44 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-backdrop-dark.png differ diff --git a/.themes/Otis/assets/radio-checked-backdrop-dark@2.png b/.themes/Otis/assets/radio-checked-backdrop-dark@2.png new file mode 100644 index 000000000..22970549e Binary files /dev/null and b/.themes/Otis/assets/radio-checked-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/radio-checked-backdrop.png b/.themes/Otis/assets/radio-checked-backdrop.png new file mode 100644 index 000000000..bec16088d Binary files /dev/null and b/.themes/Otis/assets/radio-checked-backdrop.png differ diff --git a/.themes/Otis/assets/radio-checked-backdrop@2.png b/.themes/Otis/assets/radio-checked-backdrop@2.png new file mode 100644 index 000000000..d26be1c35 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-backdrop@2.png differ diff --git a/.themes/Otis/assets/radio-checked-dark.png b/.themes/Otis/assets/radio-checked-dark.png new file mode 100644 index 000000000..b19c064f3 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-dark.png differ diff --git a/.themes/Otis/assets/radio-checked-dark@2.png b/.themes/Otis/assets/radio-checked-dark@2.png new file mode 100644 index 000000000..1ff736398 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-dark@2.png differ diff --git a/.themes/Otis/assets/radio-checked-hover-dark.png b/.themes/Otis/assets/radio-checked-hover-dark.png new file mode 100644 index 000000000..dc388c287 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-hover-dark.png differ diff --git a/.themes/Otis/assets/radio-checked-hover-dark@2.png b/.themes/Otis/assets/radio-checked-hover-dark@2.png new file mode 100644 index 000000000..1a9ac74ad Binary files /dev/null and b/.themes/Otis/assets/radio-checked-hover-dark@2.png differ diff --git a/.themes/Otis/assets/radio-checked-hover.png b/.themes/Otis/assets/radio-checked-hover.png new file mode 100644 index 000000000..a02b38147 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-hover.png differ diff --git a/.themes/Otis/assets/radio-checked-hover@2.png b/.themes/Otis/assets/radio-checked-hover@2.png new file mode 100644 index 000000000..aa4965a02 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-hover@2.png differ diff --git a/.themes/Otis/assets/radio-checked-insensitive-backdrop-dark.png b/.themes/Otis/assets/radio-checked-insensitive-backdrop-dark.png new file mode 100644 index 000000000..d649ac636 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-insensitive-backdrop-dark.png differ diff --git a/.themes/Otis/assets/radio-checked-insensitive-backdrop-dark@2.png b/.themes/Otis/assets/radio-checked-insensitive-backdrop-dark@2.png new file mode 100644 index 000000000..25fcbaa4b Binary files /dev/null and b/.themes/Otis/assets/radio-checked-insensitive-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/radio-checked-insensitive-backdrop.png b/.themes/Otis/assets/radio-checked-insensitive-backdrop.png new file mode 100644 index 000000000..06f985380 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-insensitive-backdrop.png differ diff --git a/.themes/Otis/assets/radio-checked-insensitive-backdrop@2.png b/.themes/Otis/assets/radio-checked-insensitive-backdrop@2.png new file mode 100644 index 000000000..b0448d7ae Binary files /dev/null and b/.themes/Otis/assets/radio-checked-insensitive-backdrop@2.png differ diff --git a/.themes/Otis/assets/radio-checked-insensitive-dark.png b/.themes/Otis/assets/radio-checked-insensitive-dark.png new file mode 100644 index 000000000..73607c4b7 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-insensitive-dark.png differ diff --git a/.themes/Otis/assets/radio-checked-insensitive-dark@2.png b/.themes/Otis/assets/radio-checked-insensitive-dark@2.png new file mode 100644 index 000000000..8f3475409 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-insensitive-dark@2.png differ diff --git a/.themes/Otis/assets/radio-checked-insensitive.png b/.themes/Otis/assets/radio-checked-insensitive.png new file mode 100644 index 000000000..3743b896e Binary files /dev/null and b/.themes/Otis/assets/radio-checked-insensitive.png differ diff --git a/.themes/Otis/assets/radio-checked-insensitive@2.png b/.themes/Otis/assets/radio-checked-insensitive@2.png new file mode 100644 index 000000000..eea8e27b8 Binary files /dev/null and b/.themes/Otis/assets/radio-checked-insensitive@2.png differ diff --git a/.themes/Otis/assets/radio-checked.png b/.themes/Otis/assets/radio-checked.png new file mode 100644 index 000000000..a97af73f1 Binary files /dev/null and b/.themes/Otis/assets/radio-checked.png differ diff --git a/.themes/Otis/assets/radio-checked@2.png b/.themes/Otis/assets/radio-checked@2.png new file mode 100644 index 000000000..ba157c4eb Binary files /dev/null and b/.themes/Otis/assets/radio-checked@2.png differ diff --git a/.themes/Otis/assets/radio-mixed-active-dark.png b/.themes/Otis/assets/radio-mixed-active-dark.png new file mode 100644 index 000000000..e8fa5a269 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-active-dark.png differ diff --git a/.themes/Otis/assets/radio-mixed-active-dark@2.png b/.themes/Otis/assets/radio-mixed-active-dark@2.png new file mode 100644 index 000000000..29ee60265 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-active-dark@2.png differ diff --git a/.themes/Otis/assets/radio-mixed-active.png b/.themes/Otis/assets/radio-mixed-active.png new file mode 100644 index 000000000..060fcfacf Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-active.png differ diff --git a/.themes/Otis/assets/radio-mixed-active@2.png b/.themes/Otis/assets/radio-mixed-active@2.png new file mode 100644 index 000000000..39ddb658e Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-active@2.png differ diff --git a/.themes/Otis/assets/radio-mixed-backdrop-dark.png b/.themes/Otis/assets/radio-mixed-backdrop-dark.png new file mode 100644 index 000000000..56966b847 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-backdrop-dark.png differ diff --git a/.themes/Otis/assets/radio-mixed-backdrop-dark@2.png b/.themes/Otis/assets/radio-mixed-backdrop-dark@2.png new file mode 100644 index 000000000..f59ddb64f Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/radio-mixed-backdrop.png b/.themes/Otis/assets/radio-mixed-backdrop.png new file mode 100644 index 000000000..b96ba3842 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-backdrop.png differ diff --git a/.themes/Otis/assets/radio-mixed-backdrop@2.png b/.themes/Otis/assets/radio-mixed-backdrop@2.png new file mode 100644 index 000000000..6fdc96bde Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-backdrop@2.png differ diff --git a/.themes/Otis/assets/radio-mixed-dark.png b/.themes/Otis/assets/radio-mixed-dark.png new file mode 100644 index 000000000..56966b847 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-dark.png differ diff --git a/.themes/Otis/assets/radio-mixed-dark@2.png b/.themes/Otis/assets/radio-mixed-dark@2.png new file mode 100644 index 000000000..f59ddb64f Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-dark@2.png differ diff --git a/.themes/Otis/assets/radio-mixed-hover-dark.png b/.themes/Otis/assets/radio-mixed-hover-dark.png new file mode 100644 index 000000000..56966b847 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-hover-dark.png differ diff --git a/.themes/Otis/assets/radio-mixed-hover-dark@2.png b/.themes/Otis/assets/radio-mixed-hover-dark@2.png new file mode 100644 index 000000000..f59ddb64f Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-hover-dark@2.png differ diff --git a/.themes/Otis/assets/radio-mixed-hover.png b/.themes/Otis/assets/radio-mixed-hover.png new file mode 100644 index 000000000..b96ba3842 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-hover.png differ diff --git a/.themes/Otis/assets/radio-mixed-hover@2.png b/.themes/Otis/assets/radio-mixed-hover@2.png new file mode 100644 index 000000000..6fdc96bde Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-hover@2.png differ diff --git a/.themes/Otis/assets/radio-mixed-insensitive-backdrop-dark.png b/.themes/Otis/assets/radio-mixed-insensitive-backdrop-dark.png new file mode 100644 index 000000000..e29e6feba Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-insensitive-backdrop-dark.png differ diff --git a/.themes/Otis/assets/radio-mixed-insensitive-backdrop-dark@2.png b/.themes/Otis/assets/radio-mixed-insensitive-backdrop-dark@2.png new file mode 100644 index 000000000..445fc7d64 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-insensitive-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/radio-mixed-insensitive-backdrop.png b/.themes/Otis/assets/radio-mixed-insensitive-backdrop.png new file mode 100644 index 000000000..741cd43a8 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-insensitive-backdrop.png differ diff --git a/.themes/Otis/assets/radio-mixed-insensitive-backdrop@2.png b/.themes/Otis/assets/radio-mixed-insensitive-backdrop@2.png new file mode 100644 index 000000000..ba5567d5c Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-insensitive-backdrop@2.png differ diff --git a/.themes/Otis/assets/radio-mixed-insensitive-dark.png b/.themes/Otis/assets/radio-mixed-insensitive-dark.png new file mode 100644 index 000000000..e29e6feba Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-insensitive-dark.png differ diff --git a/.themes/Otis/assets/radio-mixed-insensitive-dark@2.png b/.themes/Otis/assets/radio-mixed-insensitive-dark@2.png new file mode 100644 index 000000000..445fc7d64 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-insensitive-dark@2.png differ diff --git a/.themes/Otis/assets/radio-mixed-insensitive.png b/.themes/Otis/assets/radio-mixed-insensitive.png new file mode 100644 index 000000000..741cd43a8 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-insensitive.png differ diff --git a/.themes/Otis/assets/radio-mixed-insensitive@2.png b/.themes/Otis/assets/radio-mixed-insensitive@2.png new file mode 100644 index 000000000..ba5567d5c Binary files /dev/null and b/.themes/Otis/assets/radio-mixed-insensitive@2.png differ diff --git a/.themes/Otis/assets/radio-mixed.png b/.themes/Otis/assets/radio-mixed.png new file mode 100644 index 000000000..b96ba3842 Binary files /dev/null and b/.themes/Otis/assets/radio-mixed.png differ diff --git a/.themes/Otis/assets/radio-mixed@2.png b/.themes/Otis/assets/radio-mixed@2.png new file mode 100644 index 000000000..6fdc96bde Binary files /dev/null and b/.themes/Otis/assets/radio-mixed@2.png differ diff --git a/.themes/Otis/assets/radio-selected-insensitive@2.png b/.themes/Otis/assets/radio-selected-insensitive@2.png new file mode 100755 index 000000000..f928dbced Binary files /dev/null and b/.themes/Otis/assets/radio-selected-insensitive@2.png differ diff --git a/.themes/Otis/assets/radio-selected@2.png b/.themes/Otis/assets/radio-selected@2.png new file mode 100755 index 000000000..dea193a6d Binary files /dev/null and b/.themes/Otis/assets/radio-selected@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked-active-dark.png b/.themes/Otis/assets/radio-unchecked-active-dark.png new file mode 100644 index 000000000..e42571add Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-active-dark.png differ diff --git a/.themes/Otis/assets/radio-unchecked-active-dark@2.png b/.themes/Otis/assets/radio-unchecked-active-dark@2.png new file mode 100644 index 000000000..94014fbd4 Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-active-dark@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked-active.png b/.themes/Otis/assets/radio-unchecked-active.png new file mode 100644 index 000000000..735cff18f Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-active.png differ diff --git a/.themes/Otis/assets/radio-unchecked-active@2.png b/.themes/Otis/assets/radio-unchecked-active@2.png new file mode 100644 index 000000000..e7963c744 Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-active@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked-backdrop-dark.png b/.themes/Otis/assets/radio-unchecked-backdrop-dark.png new file mode 100644 index 000000000..3512aeb4e Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-backdrop-dark.png differ diff --git a/.themes/Otis/assets/radio-unchecked-backdrop-dark@2.png b/.themes/Otis/assets/radio-unchecked-backdrop-dark@2.png new file mode 100644 index 000000000..ddb9679fe Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked-backdrop.png b/.themes/Otis/assets/radio-unchecked-backdrop.png new file mode 100644 index 000000000..78b525260 Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-backdrop.png differ diff --git a/.themes/Otis/assets/radio-unchecked-backdrop@2.png b/.themes/Otis/assets/radio-unchecked-backdrop@2.png new file mode 100644 index 000000000..7cca33b33 Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-backdrop@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked-dark.png b/.themes/Otis/assets/radio-unchecked-dark.png new file mode 100644 index 000000000..799dda8ca Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-dark.png differ diff --git a/.themes/Otis/assets/radio-unchecked-dark@2.png b/.themes/Otis/assets/radio-unchecked-dark@2.png new file mode 100644 index 000000000..c126db5dc Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-dark@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked-hover-dark.png b/.themes/Otis/assets/radio-unchecked-hover-dark.png new file mode 100644 index 000000000..e42571add Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-hover-dark.png differ diff --git a/.themes/Otis/assets/radio-unchecked-hover-dark@2.png b/.themes/Otis/assets/radio-unchecked-hover-dark@2.png new file mode 100644 index 000000000..94014fbd4 Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-hover-dark@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked-hover.png b/.themes/Otis/assets/radio-unchecked-hover.png new file mode 100644 index 000000000..735cff18f Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-hover.png differ diff --git a/.themes/Otis/assets/radio-unchecked-hover@2.png b/.themes/Otis/assets/radio-unchecked-hover@2.png new file mode 100644 index 000000000..e7963c744 Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-hover@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked-insensitive-backdrop-dark.png b/.themes/Otis/assets/radio-unchecked-insensitive-backdrop-dark.png new file mode 100644 index 000000000..8a5bd12f8 Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-insensitive-backdrop-dark.png differ diff --git a/.themes/Otis/assets/radio-unchecked-insensitive-backdrop-dark@2.png b/.themes/Otis/assets/radio-unchecked-insensitive-backdrop-dark@2.png new file mode 100644 index 000000000..055484f7e Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-insensitive-backdrop-dark@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked-insensitive-backdrop.png b/.themes/Otis/assets/radio-unchecked-insensitive-backdrop.png new file mode 100644 index 000000000..ddff2eea6 Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-insensitive-backdrop.png differ diff --git a/.themes/Otis/assets/radio-unchecked-insensitive-backdrop@2.png b/.themes/Otis/assets/radio-unchecked-insensitive-backdrop@2.png new file mode 100644 index 000000000..d91115380 Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-insensitive-backdrop@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked-insensitive-dark.png b/.themes/Otis/assets/radio-unchecked-insensitive-dark.png new file mode 100644 index 000000000..e017da0c6 Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-insensitive-dark.png differ diff --git a/.themes/Otis/assets/radio-unchecked-insensitive-dark@2.png b/.themes/Otis/assets/radio-unchecked-insensitive-dark@2.png new file mode 100644 index 000000000..f9aa8442d Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-insensitive-dark@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked-insensitive.png b/.themes/Otis/assets/radio-unchecked-insensitive.png new file mode 100644 index 000000000..bce8c53aa Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-insensitive.png differ diff --git a/.themes/Otis/assets/radio-unchecked-insensitive@2.png b/.themes/Otis/assets/radio-unchecked-insensitive@2.png new file mode 100644 index 000000000..5a2ee518c Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked-insensitive@2.png differ diff --git a/.themes/Otis/assets/radio-unchecked.png b/.themes/Otis/assets/radio-unchecked.png new file mode 100644 index 000000000..c40aa8a92 Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked.png differ diff --git a/.themes/Otis/assets/radio-unchecked@2.png b/.themes/Otis/assets/radio-unchecked@2.png new file mode 100644 index 000000000..b2cedbefb Binary files /dev/null and b/.themes/Otis/assets/radio-unchecked@2.png differ diff --git a/.themes/Otis/assets/radio-unselected-hover@2.png b/.themes/Otis/assets/radio-unselected-hover@2.png new file mode 100755 index 000000000..64c745f55 Binary files /dev/null and b/.themes/Otis/assets/radio-unselected-hover@2.png differ diff --git a/.themes/Otis/assets/radio-unselected-insensitive@2.png b/.themes/Otis/assets/radio-unselected-insensitive@2.png new file mode 100755 index 000000000..bbc0bdaa5 Binary files /dev/null and b/.themes/Otis/assets/radio-unselected-insensitive@2.png differ diff --git a/.themes/Otis/assets/radio-unselected.svg b/.themes/Otis/assets/radio-unselected.svg new file mode 100755 index 000000000..9c783396f --- /dev/null +++ b/.themes/Otis/assets/radio-unselected.svg @@ -0,0 +1,84 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/radio-unselected@2.png b/.themes/Otis/assets/radio-unselected@2.png new file mode 100755 index 000000000..0c01111ea Binary files /dev/null and b/.themes/Otis/assets/radio-unselected@2.png differ diff --git a/.themes/Otis/assets/scale-slider-hover.svg b/.themes/Otis/assets/scale-slider-hover.svg new file mode 100644 index 000000000..d2c5c93b1 --- /dev/null +++ b/.themes/Otis/assets/scale-slider-hover.svg @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/.themes/Otis/assets/scale-slider-hover@2.png b/.themes/Otis/assets/scale-slider-hover@2.png new file mode 100755 index 000000000..d64f411d0 Binary files /dev/null and b/.themes/Otis/assets/scale-slider-hover@2.png differ diff --git a/.themes/Otis/assets/scale-slider-insensitive.png b/.themes/Otis/assets/scale-slider-insensitive.png new file mode 100755 index 000000000..20d278dce Binary files /dev/null and b/.themes/Otis/assets/scale-slider-insensitive.png differ diff --git a/.themes/Otis/assets/scale-slider-insensitive@2.png b/.themes/Otis/assets/scale-slider-insensitive@2.png new file mode 100755 index 000000000..20e740dc2 Binary files /dev/null and b/.themes/Otis/assets/scale-slider-insensitive@2.png differ diff --git a/.themes/Otis/assets/scale-slider.svg b/.themes/Otis/assets/scale-slider.svg new file mode 100644 index 000000000..5a4a425e3 --- /dev/null +++ b/.themes/Otis/assets/scale-slider.svg @@ -0,0 +1,65 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/.themes/Otis/assets/scale-slider@2.png b/.themes/Otis/assets/scale-slider@2.png new file mode 100755 index 000000000..1a860df83 Binary files /dev/null and b/.themes/Otis/assets/scale-slider@2.png differ diff --git a/.themes/Otis/assets/selected-checkbox-checked-dark.png b/.themes/Otis/assets/selected-checkbox-checked-dark.png new file mode 100644 index 000000000..ad311a6c1 Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-checked-dark.png differ diff --git a/.themes/Otis/assets/selected-checkbox-checked-dark@2.png b/.themes/Otis/assets/selected-checkbox-checked-dark@2.png new file mode 100644 index 000000000..9ec58dddc Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-checked-dark@2.png differ diff --git a/.themes/Otis/assets/selected-checkbox-checked.png b/.themes/Otis/assets/selected-checkbox-checked.png new file mode 100644 index 000000000..724e67b20 Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-checked.png differ diff --git a/.themes/Otis/assets/selected-checkbox-checked@2.png b/.themes/Otis/assets/selected-checkbox-checked@2.png new file mode 100644 index 000000000..7c19b7779 Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-checked@2.png differ diff --git a/.themes/Otis/assets/selected-checkbox-mixed-dark.png b/.themes/Otis/assets/selected-checkbox-mixed-dark.png new file mode 100644 index 000000000..59d90e5d1 Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-mixed-dark.png differ diff --git a/.themes/Otis/assets/selected-checkbox-mixed-dark@2.png b/.themes/Otis/assets/selected-checkbox-mixed-dark@2.png new file mode 100644 index 000000000..ff13421d5 Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-mixed-dark@2.png differ diff --git a/.themes/Otis/assets/selected-checkbox-mixed.png b/.themes/Otis/assets/selected-checkbox-mixed.png new file mode 100644 index 000000000..b33fd9dfd Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-mixed.png differ diff --git a/.themes/Otis/assets/selected-checkbox-mixed@2.png b/.themes/Otis/assets/selected-checkbox-mixed@2.png new file mode 100644 index 000000000..488a29ca7 Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-mixed@2.png differ diff --git a/.themes/Otis/assets/selected-checkbox-unchecked-dark.png b/.themes/Otis/assets/selected-checkbox-unchecked-dark.png new file mode 100644 index 000000000..47110f2d8 Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-unchecked-dark.png differ diff --git a/.themes/Otis/assets/selected-checkbox-unchecked-dark@2.png b/.themes/Otis/assets/selected-checkbox-unchecked-dark@2.png new file mode 100644 index 000000000..8d5660911 Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-unchecked-dark@2.png differ diff --git a/.themes/Otis/assets/selected-checkbox-unchecked.png b/.themes/Otis/assets/selected-checkbox-unchecked.png new file mode 100644 index 000000000..1dda3695a Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-unchecked.png differ diff --git a/.themes/Otis/assets/selected-checkbox-unchecked@2.png b/.themes/Otis/assets/selected-checkbox-unchecked@2.png new file mode 100644 index 000000000..20eb2391b Binary files /dev/null and b/.themes/Otis/assets/selected-checkbox-unchecked@2.png differ diff --git a/.themes/Otis/assets/selected-radio-checked-dark.png b/.themes/Otis/assets/selected-radio-checked-dark.png new file mode 100644 index 000000000..b19c064f3 Binary files /dev/null and b/.themes/Otis/assets/selected-radio-checked-dark.png differ diff --git a/.themes/Otis/assets/selected-radio-checked-dark@2.png b/.themes/Otis/assets/selected-radio-checked-dark@2.png new file mode 100644 index 000000000..1ff736398 Binary files /dev/null and b/.themes/Otis/assets/selected-radio-checked-dark@2.png differ diff --git a/.themes/Otis/assets/selected-radio-checked.png b/.themes/Otis/assets/selected-radio-checked.png new file mode 100644 index 000000000..a97af73f1 Binary files /dev/null and b/.themes/Otis/assets/selected-radio-checked.png differ diff --git a/.themes/Otis/assets/selected-radio-checked@2.png b/.themes/Otis/assets/selected-radio-checked@2.png new file mode 100644 index 000000000..ba157c4eb Binary files /dev/null and b/.themes/Otis/assets/selected-radio-checked@2.png differ diff --git a/.themes/Otis/assets/selected-radio-mixed-dark.png b/.themes/Otis/assets/selected-radio-mixed-dark.png new file mode 100644 index 000000000..e8fa5a269 Binary files /dev/null and b/.themes/Otis/assets/selected-radio-mixed-dark.png differ diff --git a/.themes/Otis/assets/selected-radio-mixed-dark@2.png b/.themes/Otis/assets/selected-radio-mixed-dark@2.png new file mode 100644 index 000000000..29ee60265 Binary files /dev/null and b/.themes/Otis/assets/selected-radio-mixed-dark@2.png differ diff --git a/.themes/Otis/assets/selected-radio-mixed.png b/.themes/Otis/assets/selected-radio-mixed.png new file mode 100644 index 000000000..060fcfacf Binary files /dev/null and b/.themes/Otis/assets/selected-radio-mixed.png differ diff --git a/.themes/Otis/assets/selected-radio-mixed@2.png b/.themes/Otis/assets/selected-radio-mixed@2.png new file mode 100644 index 000000000..39ddb658e Binary files /dev/null and b/.themes/Otis/assets/selected-radio-mixed@2.png differ diff --git a/.themes/Otis/assets/selected-radio-unchecked-dark.png b/.themes/Otis/assets/selected-radio-unchecked-dark.png new file mode 100644 index 000000000..e42571add Binary files /dev/null and b/.themes/Otis/assets/selected-radio-unchecked-dark.png differ diff --git a/.themes/Otis/assets/selected-radio-unchecked-dark@2.png b/.themes/Otis/assets/selected-radio-unchecked-dark@2.png new file mode 100644 index 000000000..94014fbd4 Binary files /dev/null and b/.themes/Otis/assets/selected-radio-unchecked-dark@2.png differ diff --git a/.themes/Otis/assets/selected-radio-unchecked.png b/.themes/Otis/assets/selected-radio-unchecked.png new file mode 100644 index 000000000..735cff18f Binary files /dev/null and b/.themes/Otis/assets/selected-radio-unchecked.png differ diff --git a/.themes/Otis/assets/selected-radio-unchecked@2.png b/.themes/Otis/assets/selected-radio-unchecked@2.png new file mode 100644 index 000000000..e7963c744 Binary files /dev/null and b/.themes/Otis/assets/selected-radio-unchecked@2.png differ diff --git a/.themes/Otis/assets/switch-insensitive.svg b/.themes/Otis/assets/switch-insensitive.svg new file mode 100755 index 000000000..30b08fed2 --- /dev/null +++ b/.themes/Otis/assets/switch-insensitive.svg @@ -0,0 +1,371 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/.themes/Otis/assets/switch-insensitive@2.svg b/.themes/Otis/assets/switch-insensitive@2.svg new file mode 100755 index 000000000..7372b0828 --- /dev/null +++ b/.themes/Otis/assets/switch-insensitive@2.svg @@ -0,0 +1,371 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/.themes/Otis/assets/switch-off.svg b/.themes/Otis/assets/switch-off.svg new file mode 100755 index 000000000..f5800e13f --- /dev/null +++ b/.themes/Otis/assets/switch-off.svg @@ -0,0 +1,384 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/.themes/Otis/assets/switch-off@2.svg b/.themes/Otis/assets/switch-off@2.svg new file mode 100755 index 000000000..f5800e13f --- /dev/null +++ b/.themes/Otis/assets/switch-off@2.svg @@ -0,0 +1,384 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/.themes/Otis/assets/switch-on.svg b/.themes/Otis/assets/switch-on.svg new file mode 100755 index 000000000..03cc342b6 --- /dev/null +++ b/.themes/Otis/assets/switch-on.svg @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/.themes/Otis/assets/switch-on@2.svg b/.themes/Otis/assets/switch-on@2.svg new file mode 100755 index 000000000..03cc342b6 --- /dev/null +++ b/.themes/Otis/assets/switch-on@2.svg @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/.themes/Otis/assets/switch-slider-insensitive.svg b/.themes/Otis/assets/switch-slider-insensitive.svg new file mode 100755 index 000000000..9aa51307d --- /dev/null +++ b/.themes/Otis/assets/switch-slider-insensitive.svg @@ -0,0 +1,11540 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/switch-slider-insensitive@2.svg b/.themes/Otis/assets/switch-slider-insensitive@2.svg new file mode 100755 index 000000000..069b0a3c1 --- /dev/null +++ b/.themes/Otis/assets/switch-slider-insensitive@2.svg @@ -0,0 +1,11540 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/switch-slider-off.svg b/.themes/Otis/assets/switch-slider-off.svg new file mode 100755 index 000000000..fd4e31367 --- /dev/null +++ b/.themes/Otis/assets/switch-slider-off.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/switch-slider-off@2.svg b/.themes/Otis/assets/switch-slider-off@2.svg new file mode 100755 index 000000000..fd4e31367 --- /dev/null +++ b/.themes/Otis/assets/switch-slider-off@2.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/switch-slider-on.svg b/.themes/Otis/assets/switch-slider-on.svg new file mode 100755 index 000000000..be0b5bb44 --- /dev/null +++ b/.themes/Otis/assets/switch-slider-on.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/assets/switch-slider-on@2.svg b/.themes/Otis/assets/switch-slider-on@2.svg new file mode 100755 index 000000000..be0b5bb44 --- /dev/null +++ b/.themes/Otis/assets/switch-slider-on@2.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/cinnamon-dark.css b/.themes/Otis/cinnamon/cinnamon-dark.css new file mode 100644 index 000000000..73b6e3c39 --- /dev/null +++ b/.themes/Otis/cinnamon/cinnamon-dark.css @@ -0,0 +1,1580 @@ +stage { + color: #d8dee9; } + +.label-shadow { + color: rgba(0, 0, 0, 0); } + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #d8dee9; + background-color: #323e52; + border: 1px solid #1c222e; + box-shadow: inset 0 2px 4px rgba(50, 62, 82, 0.05); } + .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { + border-radius: 2px; } + .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #d8dee9; + background-color: #323e52; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px rgba(50, 62, 82, 0.05); } + .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #d8dee9; + background-color: #3b4a62; + border: 1px solid #1c222e; + box-shadow: inset 0 2px 4px rgba(59, 74, 98, 0.05); } + .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #d8dee9; + background-color: #323e52; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px rgba(50, 62, 82, 0.05); } + .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #fff; + background-color: #cd7ebf; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px #cd7ebf; } + .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: rgba(216, 222, 233, 0.45); + border: 1px solid rgba(28, 34, 46, 0.55); + background-color: rgba(50, 62, 82, 0.55); + box-shadow: inset 0 2px 4px rgba(50, 62, 82, 0.05); } + +.notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + border-radius: 2px; + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #BAC3CF; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(82, 99, 132, 0.4); } + .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #BAC3CF; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(96, 115, 154, 0.5); } + .notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus { + color: #cd7ebf; } + .notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #fff; + border: 1px solid #cd7ebf; + background-color: #cd7ebf; } + .notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #535b6a; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(82, 99, 132, 0.25); } + +.menu #notification StEntry, .popup-menu #notification StEntry, #menu-search-entry { + padding: 7px; + caret-size: 1px; + selection-background-color: #cd7ebf; + selected-color: #fff; + transition-duration: 300ms; + border-radius: 3px; + color: #d8dee9; + background-color: #2e394c; + border: 1px solid #1c222e; + box-shadow: inset 0 2px 4px rgba(46, 57, 76, 0.05); } + .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #menu-search-entry:hover { + color: #d8dee9; + background-color: #2e394c; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px rgba(46, 57, 76, 0.05); } + .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive { + color: rgba(216, 222, 233, 0.45); + background-color: #2c3648; + border-color: 1px solid #222a38; + box-shadow: inset 0 2px 4px rgba(44, 54, 72, 0.05); } + .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #e65b66; + padding: 0 4px; } + +.notification StEntry { + padding: 7px; + caret-size: 1px; + caret-color: #BAC3CF; + selection-background-color: #cd7ebf; + selected-color: #fff; + transition-duration: 300ms; + border-radius: 3px; + color: #BAC3CF; + background-color: rgba(82, 99, 132, 0.4); + border: 1px solid rgba(16, 19, 25, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .notification StEntry:focus { + color: #fff; + background-color: #cd7ebf; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .notification StEntry:insensitive { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(82, 99, 132, 0.25); + border: 1px solid rgba(16, 19, 25, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + +StScrollView.vfade { + -st-vfade-offset: 0px; } +StScrollView.hfade { + -st-hfade-offset: 0px; } + +StScrollBar { + padding: 8px; } + StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; } + StScrollBar StBin#trough { + background-color: rgba(46, 57, 76, 0.1); + border-radius: 8px; } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #707786; + border: 0px solid; + margin: 0px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #5e6676; } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #cd7ebf; } + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; } + +.popup-slider-menu-item, .slider { + -slider-height: 0.3em; + -slider-background-color: #38455c; + -slider-border-color: rgba(42, 51, 68, 0.3); + -slider-active-background-color: #cd7ebf; + -slider-active-border-color: rgba(42, 51, 68, 0.3); + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; + height: 1em; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; } + .popup-menu-item:active .popup-slider-menu-item, + .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: #fff; } + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; } +.check-box StLabel { + font-weight: normal; } +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } +.check-box:focus StBin { + background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } +.check-box:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } +.check-box:focus:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; } +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; } +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } +.radiobutton:focus StBin { + background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } +.radiobutton:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } +.radiobutton:focus:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } + +.toggle-switch { + width: 50px; + height: 20px; + background-size: contain; + background-image: url("dark-assets/switch/switch-off.svg"); } + .toggle-switch:checked { + background-image: url("dark-assets/switch/switch-on.svg"); } + .popup-menu-item:active .toggle-switch { + background-image: url("common-assets/switch/switch-off-selected.svg"); } + .popup-menu-item:active .toggle-switch:checked { + background-image: url("common-assets/switch/switch-on-selected.svg"); } + +.cinnamon-link { + color: #5e81ac; + text-decoration: underline; } + .cinnamon-link:hover { + color: #809bbd; } + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #272F3F; + color: #BAC3CF; + font-size: 1em; + font-weight: normal; + text-align: center; } + +.menu, +.popup-menu, +.popup-combo-menu { + color: #d8dee9; + border: 1px solid #1c222e; + border-radius: 6px; + background-color: rgba(42, 51, 68, 0.99); } + .menu.top, + .popup-menu.top, + .top.popup-combo-menu { + border-radius: 0 0 6px 6px; } + .menu.bottom, + .popup-menu.bottom, + .bottom.popup-combo-menu { + border-radius: 6px 6px 0 0; } + .menu.left, + .popup-menu.left, + .left.popup-combo-menu { + border-radius: 0 6px 6px 0; } + .menu.right, + .popup-menu.right, + .right.popup-combo-menu { + border-radius: 6px 0 0 6px; } + .menu-arrow, + .popup-menu-arrow { + icon-size: 16px; } + .menu .popup-sub-menu, + .popup-menu .popup-sub-menu, + .popup-combo-menu .popup-sub-menu { + box-shadow: none; + background-color: #2e394c; } + .menu .popup-sub-menu .popup-menu-item:ltr, + .popup-menu .popup-sub-menu .popup-menu-item:ltr, + .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 0em; } + .menu .popup-sub-menu .popup-menu-item:rtl, + .popup-menu .popup-sub-menu .popup-menu-item:rtl, + .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 0em; } + .menu .popup-sub-menu StScrollBar, + .popup-menu .popup-sub-menu StScrollBar, + .popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; } + .menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, + .popup-menu .popup-sub-menu StScrollBar StBin#trough, + .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, + .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, + .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; } + .menu .popup-menu-content, + .popup-menu .popup-menu-content, + .popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; } + .menu .popup-menu-item, + .popup-menu .popup-menu-item, + .popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; + border-left-width: 0; + border-right-width: 0; } + .menu .popup-menu-item:active, + .popup-menu .popup-menu-item:active, + .popup-combo-menu .popup-menu-item:active { + color: #fff; + background-color: #cd7ebf; } + .menu .popup-menu-item:insensitive, + .popup-menu .popup-menu-item:insensitive, + .popup-combo-menu .popup-menu-item:insensitive { + color: rgba(216, 222, 233, 0.5); + background: none; } + .menu .popup-inactive-menu-item, + .popup-menu .popup-inactive-menu-item, + .popup-combo-menu .popup-inactive-menu-item { + color: #d8dee9; } + .menu .popup-inactive-menu-item:insensitive, + .popup-menu .popup-inactive-menu-item:insensitive, + .popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(216, 222, 233, 0.45); } + .menu .popup-menu-item:active .popup-inactive-menu-item, + .popup-menu .popup-menu-item:active .popup-inactive-menu-item, + .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: #fff; } + .menu-icon, + .popup-menu-icon { + icon-size: 16px; } + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; } + +.popup-combo-menu { + padding: 10px 1px; } + +.popup-combobox-item { + spacing: 1em; } + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1em; } + +.popup-alternating-menu-item:alternate { + font-weight: normal; } + +.popup-device-menu-item { + spacing: .5em; } + +.popup-subtitle-menu-item { + font-weight: normal; } + +.nm-menu-item-icons { + spacing: .5em; } + +#panel { + height: 28px; + width: 32px; + font-weight: 700; + background-color: #2a3344; + color: #d8dee9; } + #panel:highlight { + border-image: none; + background-color: rgba(255, 61, 159, 0.5); } + #panelLeft { + spacing: 4px; } + #panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); } + #panelLeft:ltr { + padding-right: 4px; } + #panelLeft:rtl { + padding-left: 4px; } + #panelLeft.vertical { + padding: 0; } + #panelLeft.vertical:ltr { + padding-right: 0px; } + #panelLeft.vertical:rtl { + padding-left: 0px; } + #panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); } + #panelRight:ltr { + padding-left: 4px; + spacing: 0px; } + #panelRight:rtl { + padding-right: 4px; + spacing: 0px; } + #panelRight.vertical { + padding: 0; } + #panelRight.vertical:ltr { + padding-right: 0px; } + #panelRight.vertical:rtl { + padding-left: 0px; } + #panelCenter { + spacing: 4px; } + #panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); } + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #d8dee9; + font-size: 1em; + padding: 0px; } +.panel-dummy { + background-color: rgba(255, 61, 159, 0.5); } + .panel-dummy:entered { + background-color: rgba(255, 61, 159, 0.6); } +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + color: white; + height: 22px; } +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: green; + transition-duration: 100; } + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; } + +#overview { + spacing: 12px; } + +.window-caption { + background-color: #272F3F; + border: 1px solid #272F3F; + color: #BAC3CF; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; } + .window-caption#selected { + background-color: #cd7ebf; + color: #fff; + border: 1px solid #cd7ebf; + spacing: 25px; } + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #BAC3CF; + background-color: rgba(82, 99, 132, 0.4); + border: 1px solid rgba(16, 19, 25, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .expo-workspaces-name-entry:focus, + .expo-workspaces-name-entry#selected:focus { + border: 1px solid #cd7ebf; + background-color: #cd7ebf; + color: #fff; + font-style: italic; + transition-duration: 300; + selection-background-color: #fff; + selected-color: #cd7ebf; } + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; } + .expo-workspace-thumbnail-frame#active { + border: 4px solid #cd7ebf; + background-color: black; + border-radius: 2px; } + +.expo-background { + background-color: #272f3f; } + +.workspace-thumbnails { + spacing: 26px; } + .workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; } +.workspace-add-button { + background-image: url("common-assets/misc/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; } + .workspace-add-button:hover { + background-image: url("common-assets/misc/add-workspace-hover.svg"); + transition-duration: 100; } + .workspace-add-button:active { + background-image: url("common-assets/misc/add-workspace-active.svg"); + transition-duration: 100; } +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); } + +.workspace-close-button, +.window-close { + background-image: url("common-assets/misc/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; } + .workspace-close-button:hover, + .window-close:hover { + background-image: url("common-assets/misc/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; } + .workspace-close-button:active, + .window-close:active { + background-image: url("common-assets/misc/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; } + +.window-close-area { + background-image: url("common-assets/misc/trash-icon.svg"); + height: 120px; + width: 400px; } + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; } +.about-title { + font-size: 2em; + font-weight: bold; } +.about-uuid { + font-size: 10px; + color: #888; } +.about-icon { + padding-right: 20px; + padding-bottom: 14px; } +.about-scrollBox { + border: 1px solid #1c222e; + border-radius: 2px; + background-color: #2e394c; + padding: 4px; + padding-right: 0; + border-radius: 0; } + .about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; } +.about-description { + padding-top: 4px; + padding-bottom: 16px; } +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; } + +.calendar { + spacing-rows: 0; + spacing-columns: 0; } + +.calendar-main-box { + margin: 0 .8em .5em .8em; } + +.calendar-events-main-box { + height: 300px; + margin-right: .5em; + padding: .5em; + min-width: 350px; + border: 1px solid #1c222e; + background-color: #2e394c; } + +.calendar-events-no-events-button { + margin: 6px 0 6px 0; + padding: 6px; } + .calendar-events-no-events-button:hover { + background-color: #cd7ebf; } + .calendar-events-no-events-button:hover .calendar-events-no-events-icon, + .calendar-events-no-events-button:hover .calendar-events-no-events-label { + color: #fff; } + +.calendar-events-no-events-icon, +.calendar-events-no-events-label { + font-weight: bold; + color: #d8dee9; + text-align: center; } + +.calendar-events-date-label { + padding: .1em .1em .5em .1em; + color: #d8dee9; + font-weight: bold; + text-align: center; } + +.calendar-events-event-container { + padding: 0; } + +.calendar-event-button { + border: 1px solid rgba(0, 0, 0, 0); } + .calendar-event-button .calendar-event-time-past { + color: rgba(216, 222, 233, 0.4); + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-time-present { + color: #d8dee9; + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-time-present:all-day { + color: #cd7ebf; } + .calendar-event-button .calendar-event-time-future { + color: #d8dee9; + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-summary { + color: #d8dee9; + text-align: left; + width: 200px; } + .calendar-event-button .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: #d8dee9; } + .calendar-event-button .calendar-event-countdown:soon { + font-weight: bold; } + .calendar-event-button .calendar-event-countdown:imminent { + font-weight: bold; + color: #e65b66; } + .calendar-event-button .calendar-event-countdown:current { + font-weight: bold; + color: #cd7ebf; } + .calendar-event-button:hover { + background-color: #cd7ebf; + border: 1px solid #1c222e; } + .calendar-event-button:hover .calendar-event-time-past, + .calendar-event-button:hover .calendar-event-time-present, + .calendar-event-button:hover .calendar-event-time-future, + .calendar-event-button:hover .calendar-event-summary { + color: #fff; } + .calendar-event-button:hover .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: #fff; } + .calendar-event-button:hover .calendar-event-countdown:soon { + font-weight: bold; } + .calendar-event-button:hover .calendar-event-countdown:imminent { + font-weight: bold; } + .calendar-event-button:hover .calendar-event-countdown:current { + font-weight: bold; } + +.calendar-event-color-strip { + width: 2px; } + +.calendar-today-home-button { + padding: 6px; } + +.calendar-today-day-label { + font-size: 1.75em; + color: #d8dee9; + font-weight: bold; + text-align: center; + padding-bottom: .1em; } + +.calendar-today-date-label { + font-size: 1.1em; + color: #d8dee9; + font-weight: bold; + text-align: center; } + +.calendar-today-home-button-enabled { + padding: 6px; } + .calendar-today-home-button-enabled:hover { + background-color: #cd7ebf; } + .calendar-today-home-button-enabled:hover .calendar-today-day-label { + color: #fff; } + .calendar-today-home-button-enabled:hover .calendar-today-date-label { + color: #fff; } + +.calendar-month-label { + color: #d8dee9; + font-weight: bold; + padding: 8px 0; } + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 16px; + height: 16px; } + +.calendar-change-month-back { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-back:focus, .calendar-change-month-back:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + .calendar-change-month-back:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + .calendar-change-month-back:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + .calendar-change-month-forward:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + .calendar-change-month-forward:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + +.calendar-day-event-dot-box { + margin-top: 1.7em; + max-rows: 1; } + +.calendar-day-event-dot { + margin: 1px; + border-radius: 2px; + width: 4px; + height: 4px; } + +.calendar-day-base { + font-size: 1em; + text-align: center; + width: 2.2em; + height: 2.2em; + padding: 0.1em; } + .calendar-day-base:hover { + font-weight: bold; + color: #fff; + background-color: #cd7ebf; } + +.calendar-day-heading { + color: rgba(216, 222, 233, 0.85); + margin-top: 1em; + font-size: 1.05em; } + +.calendar-day { + border-width: 0; + color: rgba(216, 222, 233, 0.9); } + +.calendar-day-top { + border-top-width: 0; } + +.calendar-day-left { + border-left-width: 0; } + +.calendar-nonwork-day { + color: #d8dee9; + background-color: transparent; + font-weight: bold; } + +.calendar-today { + color: #d8dee9; + background-color: rgba(205, 126, 191, 0.4); + border-width: 0; } + .calendar-today:selected { + font-weight: bold; } + +.calendar-not-today { + color: #d8dee9; } + .calendar-not-today:selected { + font-weight: bold; + background-color: rgba(216, 222, 233, 0.4); } + .calendar-not-today:selected:hover { + font-weight: bold; + color: #d8dee9; } + +.calendar-other-month-day { + color: rgba(216, 222, 233, 0.3); + opacity: 1; } + +.calendar-other-month-day:hover { + color: #fff; + opacity: 1; } + +.calendar-week-number { + color: rgba(216, 222, 233, 0.85); + font-size: 0.8em; + margin-top: 0.8em; } + +#notification { + border-radius: 3px; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #BAC3CF; } + .menu #notification, .popup-menu #notification { + border-image: url("dark-assets/misc/message.svg") 9 9 9 9; } + .menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #d8dee9; } + .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; } + #notification.multi-line-notification { + padding-bottom: 13px; + color: #BAC3CF; } + #notification-scrollview { + max-height: 10em; } + #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; } + #notification-scrollview:ltr > StScrollBar { + padding-left: 6px; } + #notification-scrollview:rtl > StScrollBar { + padding-right: 6px; } + #notification-body { + spacing: 5px; } + #notification-actions { + spacing: 10px; } + +.notification-with-image { + min-height: 159px; + color: #BAC3CF; } +.notification-button, .notification-icon-button { + padding: 5px; } +.notification-icon-button > StIcon { + icon-size: 36px; } + +#altTabPopup { + padding: 8px; + spacing: 16px; } + +.switcher-list { + color: #BAC3CF; + background: none; + border: none; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + border-radius: 3px; + padding: 20px; } + .switcher-list > StBoxLayout { + padding: 4px; } + .switcher-list-item-container { + spacing: 8px; } + .switcher-list .item-box { + padding: 8px; + border-radius: 2px; } + .switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #cd7ebf; } + .switcher-list .item-box:selected { + color: #fff; + background-color: #cd7ebf; + border: 0px solid #cd7ebf; } + .switcher-list .thumbnail { + width: 256px; } + .switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + .switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); } + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #BAC3CF; } + .switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #d8dee9; } + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; } + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; } + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("common-assets/misc/corner-ripple.svg"); + background-size: contain; } + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); } + +.flashspot { + background-color: white; } + +.modal-dialog { + color: #d8dee9; + background-color: rgba(42, 51, 68, 0); + border: none; + border-image: url("dark-assets/misc/modal.svg") 9 9 9 67; + padding: 0 5px 6px 5px; } + .modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; } + .modal-dialog-button-box { + spacing: 0; + margin: 0px; + padding: 14px 10px; + background: none; + border: none; + border-image: url("dark-assets/misc/button-box.svg") 9 9 9 9; } + .modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; } + +.run-dialog { + padding: 0px 15px 10px 15px; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; } + .run-dialog > * { + padding: 0; } + .run-dialog-label { + font-size: 0; + font-weight: bold; + color: #BAC3CF; + padding-bottom: 0; } + .run-dialog-error-label { + color: #ff3d9f; } + .run-dialog-error-box { + padding-top: 15px; + spacing: 5px; } + .run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; } + .run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #BAC3CF; + selected-color: #fff; + selection-background-color: #cd7ebf; + color: #BAC3CF; + background-color: rgba(82, 99, 132, 0.4); + border: 1px solid rgba(16, 19, 25, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .run-dialog-entry:focus { + color: #fff; + background-color: #cd7ebf; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; } + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; } + +.mount-password-reask { + color: #e65b66; } + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; } + .show-processes-dialog-subject, + .mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; } + .show-processes-dialog-subject:rtl, + .mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; } + .show-processes-dialog-description, + .mount-question-dialog-description { + padding-left: 17px; + width: 28em; } + .show-processes-dialog-description:rtl, + .mount-question-dialog-description:rtl { + padding-right: 17px; } + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; } + .show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; } + .show-processes-dialog-app-list-item { + color: #ccc; } + .show-processes-dialog-app-list-item:hover { + color: white; } + .show-processes-dialog-app-list-item:ltr { + padding-right: 1em; } + .show-processes-dialog-app-list-item:rtl { + padding-left: 1em; } + .show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; } + .show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; } + .show-processes-dialog-app-list-item-name { + font-size: 1.1em; } + +.magnifier-zoom-region { + border: 2px solid maroon; } + .magnifier-zoom-region .full-screen { + border-width: 0px; } + +#keyboard { + background-color: #272F3F; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); } + +.keyboard-layout { + spacing: 10px; + padding: 10px; } + +.keyboard-row { + spacing: 15px; } + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #BAC3CF; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(82, 99, 132, 0.4); } + .keyboard-key:hover { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #BAC3CF; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(96, 115, 154, 0.5); } + .keyboard-key:active, .keyboard-key:checked { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #fff; + border: 1px solid #cd7ebf; + background-color: #cd7ebf; } + .keyboard-key:grayed { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #535b6a; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(82, 99, 132, 0.25); } + +.keyboard-subkeys { + color: #BAC3CF; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #272F3F; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; } + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #2a3344; + border: 1px solid #1c222e; } +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); } +.menu-places-box { + margin: auto; + padding: 10px; + border: 0px solid red; } +.menu-places-button { + padding: 10px; } +.menu-categories-box { + padding: 10px 30px 10px 30px; } +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; } +.menu-application-button { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0); } + .menu-application-button:highlighted { + font-weight: bold; } + .menu-application-button-selected { + padding: 7px; } + .menu-application-button-selected:highlighted { + font-weight: bold; } + .menu-application-button-label:ltr { + padding-left: 5px; } + .menu-application-button-label:rtl { + padding-right: 5px; } +.menu-category-button { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0); } + .menu-category-button-selected { + padding: 7px; } + .menu-category-button-hover { + background-color: red; + border-radius: 2px; } + .menu-category-button-greyed { + padding: 7px; + color: rgba(216, 222, 233, 0.45); + border: 1px solid rgba(0, 0, 0, 0); } + .menu-category-button-label:ltr { + padding-left: 5px; } + .menu-category-button-label:rtl { + padding-right: 5px; } +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; } + .menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; } +.menu-selected-app-title { + font-weight: bold; } +.menu-selected-app-description { + max-width: 150px; } +.menu-search-box:ltr { + padding-left: 30px; } +.menu-search-box-rtl { + padding-right: 30px; } + +#menu-search-entry { + width: 250px; + min-height: 15px; + font-weight: normal; + caret-color: #d8dee9; } + +.menu-search-entry-icon { + icon-size: 1em; + color: #d8dee9; } + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #d8dee9; + border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + margin: 32px; + min-width: 64px; + min-height: 64px; + color: #d8dee9; + background: none; + border: none; + border-radius: 5px; + border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } + .osd-window .osd-monitor-label { + font-size: 3em; } + .osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 2px; + color: #cd7ebf; } + .osd-window .level-bar { + background-color: #cd7ebf; } + +.window-list-box { + spacing: 6px; + padding-left: 10px; + padding-top: 1px; } + .window-list-box.vertical { + spacing: 2px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; } + .window-list-box:highlight { + background-color: rgba(255, 61, 159, 0.5); } +.window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; } +.window-list-item-box { + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); } + .window-list-item-box.top, .window-list-item-box.bottom { + border-bottom-width: 2px; } + .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { + padding-left: 2px; } + .window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; } + .window-list-item-box.right StBin { + padding-right: 0; } + .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; } + .window-list-item-box.left StBin { + padding-left: 1px; } + .window-list-item-box:hover, .window-list-item-box:groupFocus { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); } + .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { + color: #fff; + border-color: #cd7ebf; + background-color: rgba(186, 195, 207, 0.1); } + .window-list-item-box .progress { + background-color: rgba(205, 126, 191, 0.8); } +.window-list-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: #ff2393; + background-gradient-end: #ff2393; } +.window-list-preview { + spacing: 6px; + color: #d8dee9; + border: 1px solid #1c222e; + background-color: #2a3344; + border-radius: 3px; + padding: 6px 12px 12px 12px; + font-size: 1em; } + +.grouped-window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; } +.grouped-window-list-item-box { + text-align: left; + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); } + .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { + border-bottom-width: 2px; } + .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { + padding-left: 2px; } + .grouped-window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; } + .grouped-window-list-item-box.right StBin { + padding-right: 0; } + .grouped-window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; } + .grouped-window-list-item-box.left StBin { + padding-left: 1px; } + .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { + color: #fff; + border-color: #7688aa; } + .grouped-window-list-item-box:hover, .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:focus, .grouped-window-list-item-box:active:focus, .grouped-window-list-item-box:focus:hover, .grouped-window-list-item-box:active:focus:hover { + color: #fff; + border-color: #cd7ebf; } + .grouped-window-list-item-box .progress { + background-color: rgba(205, 126, 191, 0.8); } +.grouped-window-list-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: #ff2393; + background-gradient-end: #ff2393; } +.grouped-window-list-thumbnail-label { + padding-left: 4px; } +.grouped-window-list-number-label { + z-index: 99; + color: #d8dee9; } +.grouped-window-list-badge { + border-radius: 256px; + background-color: #2a3344; } +.grouped-window-list-button-label { + padding-left: 4px; } +.grouped-window-list-thumbnail-alert { + background: rgba(255, 52, 52, 0.3); } +.grouped-window-list-thumbnail-menu { + color: #d8dee9; + border: 1px solid #1c222e; + background-color: #2a3344; + border-radius: 3px; + padding: 0px; } + .grouped-window-list-thumbnail-menu > StBoxLayout { + padding: 4px; } + .grouped-window-list-thumbnail-menu .item-box { + padding: 10px; + border-radius: 2px; + spacing: 4px; } + .grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 8px; + border: 1px solid #cd7ebf; } + .grouped-window-list-thumbnail-menu .item-box:selected { + border: 1px solid #cd7ebf; } + .grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; } + .grouped-window-list-thumbnail-menu .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); } + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; } + .sound-button-container { + padding-right: 3px; + padding-left: 3px; } + .sound-button StIcon { + icon-size: 1.4em; } + +.sound-track-infos { + padding: 5px; } +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; } + .sound-track-info StIcon { + icon-size: 16px; } + .sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; } +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; } + +.sound-seek-box { + padding-left: 15px; } + .sound-seek-box StLabel { + padding-top: 2px; } + .sound-seek-box StIcon { + icon-size: 16px; } + +.sound-seek-slider { + width: 140px; } + +.sound-volume-menu-item { + padding: .4em 1.75em; } + .sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; } + +.sound-playback-control { + padding: 5px 10px 10px 10px; } + +.sound-player { + padding: 0 4px; } + .sound-player > StBoxLayout:first-child { + padding: 5px 10px 12px 10px; + spacing: 0.5em; } + .sound-player > StBoxLayout:first-child StButton:small { + width: 16px; + height: 8px; + padding: 1px; } + .sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 12px; } + .sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); } + .sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 35, 47, 0.9); + border: 0px solid #141820; + border-bottom: 1px; + color: #BAC3CF; } + .sound-player-overlay StButton { + width: 22px; + height: 13px; + padding: 5px; + color: #BAC3CF; + border-radius: 2px; + border: 1px solid rgba(39, 47, 63, 0); } + .sound-player-overlay StButton StIcon { + icon-size: 16px; } + .sound-player-overlay StButton:hover { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #BAC3CF; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(96, 115, 154, 0.5); } + .sound-player-overlay StButton:active { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #fff; + background-color: #cd7ebf; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px #cd7ebf; } + .sound-player-overlay StBoxLayout { + padding-top: 2px; } + .sound-player .slider { + height: 0.5em; + padding: 0; + border: none; + -slider-height: 0.5em; + -slider-background-color: #202734; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #cd7ebf; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; } + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; } + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; } + +.workspace-button { + width: 20px; + height: 10px; + color: #fff; + padding: 3px; + padding-top: 4px; + transition-duration: 300; } + .workspace-button:outlined, .workspace-button:outlined:hover { + color: #cd7ebf; } + .workspace-button:hover { + color: rgba(205, 126, 191, 0.5); } + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; } + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); } + +.workspace-graph .workspace:active { + border: 1px solid #cd7ebf; + background-gradient-direction: none; } + +.workspace-graph .workspace .windows { + -active-window-background: #475673; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #475673; + -inactive-window-border: rgba(0, 0, 0, 0.8); } + +.workspace-graph .workspace:active .windows { + -active-window-background: #516283; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #343f54; + -inactive-window-border: rgba(0, 0, 0, 0.8); } + +.panel-launchers { + padding-left: 7px; + spacing: 2px; } + .panel-launchers .launcher { + padding-left: 2px; + padding-right: 2px; + padding-bottom: 2px; + transition-duration: 200; } + .panel-launchers .launcher:hover { + background-color: rgba(186, 195, 207, 0.1); } + .panel-launchers.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + padding-right: 0px; + spacing: 1px; } + .panel-launchers.vertical .launcher { + padding-top: 2px; + padding-bottom: 2px; } + +#overview-corner { + background-image: url("common-assets/misc/overview.png"); } + #overview-corner:hover { + background-image: url("common-assets/misc/overview-hover.png"); } + +.applet-separator { + padding: 1px 4px; } +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); } +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #d8dee9; + text-shadow: none; + transition-duration: 100; } + .applet-box.vertical { + padding: 3px 0; } + .applet-box:hover { + color: #fff; + background-color: #cd7ebf; } + .applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(255, 61, 159, 0.5); } +.applet-label { + font-weight: bold; + color: #d8dee9; } + .applet-label:hover, .applet-box:hover > .applet-label { + color: #fff; + text-shadow: none; } +.applet-icon { + color: #d8dee9; + icon-size: 22px; } + .applet-icon:hover, .applet-box:hover > .applet-icon { + color: #fff; + text-shadow: none; } + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; } + +.user-label { + color: #d8dee9; + font-size: 1em; + font-weight: bold; + margin: 0px; } + +.desklet { + color: #BAC3CF; } + .desklet:highlight { + background-color: rgba(255, 61, 159, 0.5); } + .desklet-with-borders { + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + color: #BAC3CF; + padding: 12px; + padding-bottom: 16px; } + .desklet-with-borders:highlight { + background-color: rgba(255, 61, 159, 0.5); } + .desklet-with-borders-and-header { + border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; + color: #BAC3CF; + border-radius: 0; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; } + .desklet-with-borders-and-header:highlight { + background-color: rgba(255, 61, 159, 0.5); } + .desklet-header { + border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; + color: #BAC3CF; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; } + .desklet-drag-placeholder { + border: 2px solid #cd7ebf; + background-color: rgba(205, 126, 191, 0.3); } + +.photoframe-box { + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + color: #BAC3CF; + padding: 12px; + padding-bottom: 16px; } + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; } + +.notification-applet-padding { + padding: .5em 1em; } + +.notification-applet-container { + max-height: 100px; } + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(205, 126, 191, 0.3); + border: 1px solid #cd7ebf; } + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; } + +/*# sourceMappingURL=cinnamon-dark.css.map */ diff --git a/.themes/Otis/cinnamon/cinnamon.css b/.themes/Otis/cinnamon/cinnamon.css new file mode 100644 index 000000000..07b1327a2 --- /dev/null +++ b/.themes/Otis/cinnamon/cinnamon.css @@ -0,0 +1,1580 @@ +stage { + color: #d8dee9; } + +.label-shadow { + color: rgba(0, 0, 0, 0); } + +.menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #d8dee9; + background-color: #323e52; + border: 1px solid #1c222e; + box-shadow: inset 0 2px 4px rgba(50, 62, 82, 0.05); } + .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { + border-radius: 2px; } + .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #d8dee9; + background-color: #323e52; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px rgba(50, 62, 82, 0.05); } + .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #d8dee9; + background-color: #3b4a62; + border: 1px solid #1c222e; + box-shadow: inset 0 2px 4px rgba(59, 74, 98, 0.05); } + .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #d8dee9; + background-color: #323e52; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px rgba(50, 62, 82, 0.05); } + .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #fff; + background-color: #cd7ebf; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px #cd7ebf; } + .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: rgba(216, 222, 233, 0.45); + border: 1px solid rgba(28, 34, 46, 0.55); + background-color: rgba(50, 62, 82, 0.55); + box-shadow: inset 0 2px 4px rgba(50, 62, 82, 0.05); } + +.notification-button, .notification-icon-button, .modal-dialog-button-box .modal-dialog-button { + min-height: 20px; + padding: 5px 32px; + transition-duration: 0; + border-radius: 2px; + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #BAC3CF; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(82, 99, 132, 0.4); } + .notification-button:hover, .notification-icon-button:hover, .modal-dialog-button-box .modal-dialog-button:hover { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #BAC3CF; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(96, 115, 154, 0.5); } + .notification-button:focus, .notification-icon-button:focus, .modal-dialog-button-box .modal-dialog-button:focus { + color: #cd7ebf; } + .notification-button:active, .notification-icon-button:active, .modal-dialog-button-box .modal-dialog-button:active { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #fff; + border: 1px solid #cd7ebf; + background-color: #cd7ebf; } + .notification-button:insensitive, .notification-icon-button:insensitive, .modal-dialog-button-box .modal-dialog-button:insensitive { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #535b6a; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(82, 99, 132, 0.25); } + +.menu #notification StEntry, .popup-menu #notification StEntry, #menu-search-entry { + padding: 7px; + caret-size: 1px; + selection-background-color: #cd7ebf; + selected-color: #fff; + transition-duration: 300ms; + border-radius: 3px; + color: #d8dee9; + background-color: #2e394c; + border: 1px solid #1c222e; + box-shadow: inset 0 2px 4px rgba(46, 57, 76, 0.05); } + .menu #notification StEntry:focus, .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover, .popup-menu #notification StEntry:hover, #menu-search-entry:hover { + color: #d8dee9; + background-color: #2e394c; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px rgba(46, 57, 76, 0.05); } + .menu #notification StEntry:insensitive, .popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive { + color: rgba(216, 222, 233, 0.45); + background-color: #2c3648; + border-color: 1px solid #222a38; + box-shadow: inset 0 2px 4px rgba(44, 54, 72, 0.05); } + .menu #notification StEntry StIcon.capslock-warning, .popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #e65b66; + padding: 0 4px; } + +.notification StEntry { + padding: 7px; + caret-size: 1px; + caret-color: #BAC3CF; + selection-background-color: #cd7ebf; + selected-color: #fff; + transition-duration: 300ms; + border-radius: 3px; + color: #BAC3CF; + background-color: rgba(82, 99, 132, 0.4); + border: 1px solid rgba(16, 19, 25, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .notification StEntry:focus { + color: #fff; + background-color: #cd7ebf; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .notification StEntry:insensitive { + color: rgba(186, 195, 207, 0.55); + background-color: rgba(82, 99, 132, 0.25); + border: 1px solid rgba(16, 19, 25, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + +StScrollView.vfade { + -st-vfade-offset: 0px; } +StScrollView.hfade { + -st-hfade-offset: 0px; } + +StScrollBar { + padding: 8px; } + StScrollView StScrollBar { + min-width: 5px; + min-height: 5px; } + StScrollBar StBin#trough { + background-color: rgba(46, 57, 76, 0.1); + border-radius: 8px; } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 2px; + background-color: #707786; + border: 0px solid; + margin: 0px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #5e6676; } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #cd7ebf; } + +.separator { + -gradient-height: 1px; + -gradient-start: rgba(0, 0, 0, 0); + -gradient-end: rgba(0, 0, 0, 0); + -margin-horizontal: 1.5em; + height: 1em; } + +.popup-slider-menu-item, .slider { + -slider-height: 0.3em; + -slider-background-color: #38455c; + -slider-border-color: rgba(42, 51, 68, 0.3); + -slider-active-background-color: #cd7ebf; + -slider-active-border-color: rgba(42, 51, 68, 0.3); + -slider-border-width: 1px; + -slider-handle-radius: 0.5em; + height: 1em; + min-width: 15em; + border: 0 solid transparent; + border-right-width: 1px; + border-left-width: 5px; } + .popup-menu-item:active .popup-slider-menu-item, + .popup-menu-item:active .slider { + -slider-background-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: #fff; } + +.check-box CinnamonGenericContainer { + spacing: .2em; + min-height: 30px; + padding-top: 2px; } +.check-box StLabel { + font-weight: normal; } +.check-box StBin { + width: 16px; + height: 16px; + background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } +.check-box:focus StBin { + background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } +.check-box:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } +.check-box:focus:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } + +.radiobutton CinnamonGenericContainer { + spacing: .2em; + height: 26px; + padding-top: 2px; } +.radiobutton StLabel { + padding-top: 4px; + font-size: 0.9em; + box-shadow: none; } +.radiobutton StBin { + width: 16px; + height: 16px; + background-image: url("dark-assets/checkbox/checkbox-unchecked.svg"); } +.radiobutton:focus StBin { + background-image: url("dark-assets/checkbox/checkbox-unchecked-focused.svg"); } +.radiobutton:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked.svg"); } +.radiobutton:focus:checked StBin { + background-image: url("dark-assets/checkbox/checkbox-checked-focused.svg"); } + +.toggle-switch { + width: 50px; + height: 20px; + background-size: contain; + background-image: url("dark-assets/switch/switch-off.svg"); } + .toggle-switch:checked { + background-image: url("dark-assets/switch/switch-on.svg"); } + .popup-menu-item:active .toggle-switch { + background-image: url("common-assets/switch/switch-off-selected.svg"); } + .popup-menu-item:active .toggle-switch:checked { + background-image: url("common-assets/switch/switch-on-selected.svg"); } + +.cinnamon-link { + color: #5e81ac; + text-decoration: underline; } + .cinnamon-link:hover { + color: #809bbd; } + +#Tooltip { + border-radius: 3px; + padding: 5px 12px; + background-color: #272F3F; + color: #BAC3CF; + font-size: 1em; + font-weight: normal; + text-align: center; } + +.menu, +.popup-menu, +.popup-combo-menu { + color: #d8dee9; + border: 1px solid #1c222e; + border-radius: 6px; + background-color: rgba(42, 51, 68, 0.99); } + .menu.top, + .popup-menu.top, + .top.popup-combo-menu { + border-radius: 0 0 6px 6px; } + .menu.bottom, + .popup-menu.bottom, + .bottom.popup-combo-menu { + border-radius: 6px 6px 0 0; } + .menu.left, + .popup-menu.left, + .left.popup-combo-menu { + border-radius: 0 6px 6px 0; } + .menu.right, + .popup-menu.right, + .right.popup-combo-menu { + border-radius: 6px 0 0 6px; } + .menu-arrow, + .popup-menu-arrow { + icon-size: 16px; } + .menu .popup-sub-menu, + .popup-menu .popup-sub-menu, + .popup-combo-menu .popup-sub-menu { + box-shadow: none; + background-color: #2e394c; } + .menu .popup-sub-menu .popup-menu-item:ltr, + .popup-menu .popup-sub-menu .popup-menu-item:ltr, + .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr { + padding-right: 0em; } + .menu .popup-sub-menu .popup-menu-item:rtl, + .popup-menu .popup-sub-menu .popup-menu-item:rtl, + .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl { + padding-left: 0em; } + .menu .popup-sub-menu StScrollBar, + .popup-menu .popup-sub-menu StScrollBar, + .popup-combo-menu .popup-sub-menu StScrollBar { + padding: 4px; } + .menu .popup-sub-menu StScrollBar StBin#trough, .menu .popup-sub-menu StScrollBar StBin#vhandle, + .popup-menu .popup-sub-menu StScrollBar StBin#trough, + .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, + .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, + .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle { + border-width: 0; } + .menu .popup-menu-content, + .popup-menu .popup-menu-content, + .popup-combo-menu .popup-menu-content { + padding: 1em 0em 1em 0em; } + .menu .popup-menu-item, + .popup-menu .popup-menu-item, + .popup-combo-menu .popup-menu-item { + padding: .4em 1.75em; + spacing: 1em; + border-left-width: 0; + border-right-width: 0; } + .menu .popup-menu-item:active, + .popup-menu .popup-menu-item:active, + .popup-combo-menu .popup-menu-item:active { + color: #fff; + background-color: #cd7ebf; } + .menu .popup-menu-item:insensitive, + .popup-menu .popup-menu-item:insensitive, + .popup-combo-menu .popup-menu-item:insensitive { + color: rgba(216, 222, 233, 0.5); + background: none; } + .menu .popup-inactive-menu-item, + .popup-menu .popup-inactive-menu-item, + .popup-combo-menu .popup-inactive-menu-item { + color: #d8dee9; } + .menu .popup-inactive-menu-item:insensitive, + .popup-menu .popup-inactive-menu-item:insensitive, + .popup-combo-menu .popup-inactive-menu-item:insensitive { + color: rgba(216, 222, 233, 0.45); } + .menu .popup-menu-item:active .popup-inactive-menu-item, + .popup-menu .popup-menu-item:active .popup-inactive-menu-item, + .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item { + color: #fff; } + .menu-icon, + .popup-menu-icon { + icon-size: 16px; } + +.popup-menu-boxpointer { + -arrow-border-radius: 3px; + -arrow-background-color: rgba(0, 0, 0, 0); + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0); + -arrow-base: 0; + -arrow-rise: 0; } + +.popup-combo-menu { + padding: 10px 1px; } + +.popup-combobox-item { + spacing: 1em; } + +.popup-separator-menu-item { + -gradient-height: 2px; + -gradient-start: transparent; + -gradient-end: transparent; + -margin-horizontal: 1.5em; + height: 1em; } + +.popup-alternating-menu-item:alternate { + font-weight: normal; } + +.popup-device-menu-item { + spacing: .5em; } + +.popup-subtitle-menu-item { + font-weight: normal; } + +.nm-menu-item-icons { + spacing: .5em; } + +#panel { + height: 28px; + width: 32px; + font-weight: 700; + background-color: #2a3344; + color: #d8dee9; } + #panel:highlight { + border-image: none; + background-color: rgba(255, 61, 159, 0.5); } + #panelLeft { + spacing: 4px; } + #panelLeft:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(255, 0, 0, 0.05); + background-gradient-end: rgba(255, 0, 0, 0.2); } + #panelLeft:ltr { + padding-right: 4px; } + #panelLeft:rtl { + padding-left: 4px; } + #panelLeft.vertical { + padding: 0; } + #panelLeft.vertical:ltr { + padding-right: 0px; } + #panelLeft.vertical:rtl { + padding-left: 0px; } + #panelRight:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 0, 255, 0.05); + background-gradient-end: rgba(0, 0, 255, 0.2); } + #panelRight:ltr { + padding-left: 4px; + spacing: 0px; } + #panelRight:rtl { + padding-right: 4px; + spacing: 0px; } + #panelRight.vertical { + padding: 0; } + #panelRight.vertical:ltr { + padding-right: 0px; } + #panelRight.vertical:rtl { + padding-left: 0px; } + #panelCenter { + spacing: 4px; } + #panelCenter:dnd { + background-gradient-direction: vertical; + background-gradient-start: rgba(0, 255, 0, 0.05); + background-gradient-end: rgba(0, 255, 0, 0.2); } + +.panel-top, .panel-bottom, .panel-left, .panel-right { + color: #d8dee9; + font-size: 1em; + padding: 0px; } +.panel-dummy { + background-color: rgba(255, 61, 159, 0.5); } + .panel-dummy:entered { + background-color: rgba(255, 61, 159, 0.6); } +.panel-status-button { + border-width: 0; + -natural-hpadding: 3px; + -minimum-hpadding: 3px; + font-weight: bold; + color: white; + height: 22px; } +.panel-button { + -natural-hpadding: 6px; + -minimum-hpadding: 2px; + font-weight: bold; + color: green; + transition-duration: 100; } + +.system-status-icon { + icon-size: 16px; + padding: 0 1px; } + +#overview { + spacing: 12px; } + +.window-caption { + background-color: #272F3F; + border: 1px solid #272F3F; + color: #BAC3CF; + spacing: 25px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; } + .window-caption#selected { + background-color: #cd7ebf; + color: #fff; + border: 1px solid #cd7ebf; + spacing: 25px; } + +.expo-workspaces-name-entry, +.expo-workspaces-name-entry#selected { + height: 15px; + border-radius: 2px; + font-size: 9pt; + padding: 5px 8px; + -cinnamon-caption-spacing: 4px; + color: #BAC3CF; + background-color: rgba(82, 99, 132, 0.4); + border: 1px solid rgba(16, 19, 25, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .expo-workspaces-name-entry:focus, + .expo-workspaces-name-entry#selected:focus { + border: 1px solid #cd7ebf; + background-color: #cd7ebf; + color: #fff; + font-style: italic; + transition-duration: 300; + selection-background-color: #fff; + selected-color: #cd7ebf; } + +.expo-workspace-thumbnail-frame { + border: 4px solid rgba(255, 255, 255, 0); + background-color: rgba(255, 255, 255, 0); + border-radius: 2px; } + .expo-workspace-thumbnail-frame#active { + border: 4px solid #cd7ebf; + background-color: black; + border-radius: 2px; } + +.expo-background { + background-color: #272f3f; } + +.workspace-thumbnails { + spacing: 26px; } + .workspace-thumbnails-background, .workspace-thumbnails-background:rtl { + padding: 8px; } +.workspace-add-button { + background-image: url("common-assets/misc/add-workspace.svg"); + height: 200px; + width: 35px; + transition-duration: 100; } + .workspace-add-button:hover { + background-image: url("common-assets/misc/add-workspace-hover.svg"); + transition-duration: 100; } + .workspace-add-button:active { + background-image: url("common-assets/misc/add-workspace-active.svg"); + transition-duration: 100; } +.workspace-overview-background-shade { + background-color: rgba(0, 0, 0, 0.5); } + +.workspace-close-button, +.window-close { + background-image: url("common-assets/misc/close.svg"); + background-size: 26px; + height: 26px; + width: 26px; + -cinnamon-close-overlap: 10px; } + .workspace-close-button:hover, + .window-close:hover { + background-image: url("common-assets/misc/close-hover.svg"); + background-size: 26px; + height: 26px; + width: 26px; } + .workspace-close-button:active, + .window-close:active { + background-image: url("common-assets/misc/close-active.svg"); + background-size: 26px; + height: 26px; + width: 26px; } + +.window-close-area { + background-image: url("common-assets/misc/trash-icon.svg"); + height: 120px; + width: 400px; } + +.about-content { + width: 550px; + height: 250px; + spacing: 8px; + padding-bottom: 10px; } +.about-title { + font-size: 2em; + font-weight: bold; } +.about-uuid { + font-size: 10px; + color: #888; } +.about-icon { + padding-right: 20px; + padding-bottom: 14px; } +.about-scrollBox { + border: 1px solid #1c222e; + border-radius: 2px; + background-color: #2e394c; + padding: 4px; + padding-right: 0; + border-radius: 0; } + .about-scrollBox-innerBox { + padding: 1.2em; + spacing: 1.2em; } +.about-description { + padding-top: 4px; + padding-bottom: 16px; } +.about-version { + padding-left: 7px; + font-size: 10px; + color: #888; } + +.calendar { + spacing-rows: 0; + spacing-columns: 0; } + +.calendar-main-box { + margin: 0 .8em .5em .8em; } + +.calendar-events-main-box { + height: 300px; + margin-right: .5em; + padding: .5em; + min-width: 350px; + border: 1px solid #1c222e; + background-color: #2e394c; } + +.calendar-events-no-events-button { + margin: 6px 0 6px 0; + padding: 6px; } + .calendar-events-no-events-button:hover { + background-color: #cd7ebf; } + .calendar-events-no-events-button:hover .calendar-events-no-events-icon, + .calendar-events-no-events-button:hover .calendar-events-no-events-label { + color: #fff; } + +.calendar-events-no-events-icon, +.calendar-events-no-events-label { + font-weight: bold; + color: #d8dee9; + text-align: center; } + +.calendar-events-date-label { + padding: .1em .1em .5em .1em; + color: #d8dee9; + font-weight: bold; + text-align: center; } + +.calendar-events-event-container { + padding: 0; } + +.calendar-event-button { + border: 1px solid rgba(0, 0, 0, 0); } + .calendar-event-button .calendar-event-time-past { + color: rgba(216, 222, 233, 0.4); + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-time-present { + color: #d8dee9; + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-time-present:all-day { + color: #cd7ebf; } + .calendar-event-button .calendar-event-time-future { + color: #d8dee9; + font-weight: bold; + text-align: left; + margin-bottom: .2em; } + .calendar-event-button .calendar-event-summary { + color: #d8dee9; + text-align: left; + width: 200px; } + .calendar-event-button .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: #d8dee9; } + .calendar-event-button .calendar-event-countdown:soon { + font-weight: bold; } + .calendar-event-button .calendar-event-countdown:imminent { + font-weight: bold; + color: #e65b66; } + .calendar-event-button .calendar-event-countdown:current { + font-weight: bold; + color: #cd7ebf; } + .calendar-event-button:hover { + background-color: #cd7ebf; + border: 1px solid #1c222e; } + .calendar-event-button:hover .calendar-event-time-past, + .calendar-event-button:hover .calendar-event-time-present, + .calendar-event-button:hover .calendar-event-time-future, + .calendar-event-button:hover .calendar-event-summary { + color: #fff; } + .calendar-event-button:hover .calendar-event-countdown { + text-align: right; + margin-bottom: .6em; + color: #fff; } + .calendar-event-button:hover .calendar-event-countdown:soon { + font-weight: bold; } + .calendar-event-button:hover .calendar-event-countdown:imminent { + font-weight: bold; } + .calendar-event-button:hover .calendar-event-countdown:current { + font-weight: bold; } + +.calendar-event-color-strip { + width: 2px; } + +.calendar-today-home-button { + padding: 6px; } + +.calendar-today-day-label { + font-size: 1.75em; + color: #d8dee9; + font-weight: bold; + text-align: center; + padding-bottom: .1em; } + +.calendar-today-date-label { + font-size: 1.1em; + color: #d8dee9; + font-weight: bold; + text-align: center; } + +.calendar-today-home-button-enabled { + padding: 6px; } + .calendar-today-home-button-enabled:hover { + background-color: #cd7ebf; } + .calendar-today-home-button-enabled:hover .calendar-today-day-label { + color: #fff; } + .calendar-today-home-button-enabled:hover .calendar-today-date-label { + color: #fff; } + +.calendar-month-label { + color: #d8dee9; + font-weight: bold; + padding: 8px 0; } + +.calendar-change-month-back, +.calendar-change-month-forward { + width: 16px; + height: 16px; } + +.calendar-change-month-back { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-back:focus, .calendar-change-month-back:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + .calendar-change-month-back:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-back:rtl:focus, .calendar-change-month-back:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + .calendar-change-month-back:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-forward:focus, .calendar-change-month-forward:hover { + background-image: url("common-assets/misc/calendar-arrow-right-hover.svg"); } + .calendar-change-month-forward:active { + background-image: url("common-assets/misc/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + .calendar-change-month-forward:rtl:focus, .calendar-change-month-forward:rtl:hover { + background-image: url("common-assets/misc/calendar-arrow-left-hover.svg"); } + .calendar-change-month-forward:rtl:active { + background-image: url("common-assets/misc/calendar-arrow-left.svg"); } + +.calendar-day-event-dot-box { + margin-top: 1.7em; + max-rows: 1; } + +.calendar-day-event-dot { + margin: 1px; + border-radius: 2px; + width: 4px; + height: 4px; } + +.calendar-day-base { + font-size: 1em; + text-align: center; + width: 2.2em; + height: 2.2em; + padding: 0.1em; } + .calendar-day-base:hover { + font-weight: bold; + color: #fff; + background-color: #cd7ebf; } + +.calendar-day-heading { + color: rgba(216, 222, 233, 0.85); + margin-top: 1em; + font-size: 1.05em; } + +.calendar-day { + border-width: 0; + color: rgba(216, 222, 233, 0.9); } + +.calendar-day-top { + border-top-width: 0; } + +.calendar-day-left { + border-left-width: 0; } + +.calendar-nonwork-day { + color: #d8dee9; + background-color: transparent; + font-weight: bold; } + +.calendar-today { + color: #d8dee9; + background-color: rgba(205, 126, 191, 0.4); + border-width: 0; } + .calendar-today:selected { + font-weight: bold; } + +.calendar-not-today { + color: #d8dee9; } + .calendar-not-today:selected { + font-weight: bold; + background-color: rgba(216, 222, 233, 0.4); } + .calendar-not-today:selected:hover { + font-weight: bold; + color: #d8dee9; } + +.calendar-other-month-day { + color: rgba(216, 222, 233, 0.3); + opacity: 1; } + +.calendar-other-month-day:hover { + color: #fff; + opacity: 1; } + +.calendar-week-number { + color: rgba(216, 222, 233, 0.85); + font-size: 0.8em; + margin-top: 0.8em; } + +#notification { + border-radius: 3px; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + padding: 13px; + spacing-rows: 10px; + spacing-columns: 10px; + margin-from-right-edge-of-screen: 20px; + width: 34em; + color: #BAC3CF; } + .menu #notification, .popup-menu #notification { + border-image: url("dark-assets/misc/message.svg") 9 9 9 9; } + .menu #notification, .menu #notification.multi-line-notification, .popup-menu #notification, .popup-menu #notification.multi-line-notification { + color: #d8dee9; } + .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button { + padding: 5px; } + #notification.multi-line-notification { + padding-bottom: 13px; + color: #BAC3CF; } + #notification-scrollview { + max-height: 10em; } + #notification-scrollview > .top-shadow, #notification-scrollview > .bottom-shadow { + height: 1em; } + #notification-scrollview:ltr > StScrollBar { + padding-left: 6px; } + #notification-scrollview:rtl > StScrollBar { + padding-right: 6px; } + #notification-body { + spacing: 5px; } + #notification-actions { + spacing: 10px; } + +.notification-with-image { + min-height: 159px; + color: #BAC3CF; } +.notification-button, .notification-icon-button { + padding: 5px; } +.notification-icon-button > StIcon { + icon-size: 36px; } + +#altTabPopup { + padding: 8px; + spacing: 16px; } + +.switcher-list { + color: #BAC3CF; + background: none; + border: none; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + border-radius: 3px; + padding: 20px; } + .switcher-list > StBoxLayout { + padding: 4px; } + .switcher-list-item-container { + spacing: 8px; } + .switcher-list .item-box { + padding: 8px; + border-radius: 2px; } + .switcher-list .item-box:outlined { + padding: 8px; + border: 1px solid #cd7ebf; } + .switcher-list .item-box:selected { + color: #fff; + background-color: #cd7ebf; + border: 0px solid #cd7ebf; } + .switcher-list .thumbnail { + width: 256px; } + .switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + .switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); } + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: #BAC3CF; } + .switcher-arrow:highlighted { + border-color: rgba(0, 0, 0, 0); + color: #d8dee9; } + +.thumbnail-scroll-gradient-left { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topright: 0px; + border-radius-bottomright: 0px; + width: 60px; } + +.thumbnail-scroll-gradient-right { + background-color: rgba(0, 0, 0, 0); + border-radius: 24px; + border-radius-topleft: 0px; + border-radius-bottomleft: 0px; + width: 60px; } + +.ripple-box { + width: 104px; + height: 104px; + background-image: url("common-assets/misc/corner-ripple.svg"); + background-size: contain; } + +.lightbox { + background-color: rgba(0, 0, 0, 0.4); } + +.flashspot { + background-color: white; } + +.modal-dialog { + color: #d8dee9; + background-color: rgba(42, 51, 68, 0); + border: none; + border-image: url("dark-assets/misc/modal.svg") 9 9 9 67; + padding: 0 5px 6px 5px; } + .modal-dialog > StBoxLayout:first-child { + padding: 20px 10px 10px 10px; } + .modal-dialog-button-box { + spacing: 0; + margin: 0px; + padding: 14px 10px; + background: none; + border: none; + border-image: url("dark-assets/misc/button-box.svg") 9 9 9 9; } + .modal-dialog-button-box .modal-dialog-button { + padding-top: 0; + padding-bottom: 0; + height: 30px; } + +.run-dialog { + padding: 0px 15px 10px 15px; + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; } + .run-dialog > * { + padding: 0; } + .run-dialog-label { + font-size: 0; + font-weight: bold; + color: #BAC3CF; + padding-bottom: 0; } + .run-dialog-error-label { + color: #ff3d9f; } + .run-dialog-error-box { + padding-top: 15px; + spacing: 5px; } + .run-dialog-completion-box { + padding-left: 15px; + font-size: 10px; } + .run-dialog-entry { + width: 21em; + padding: 7px; + border-radius: 3px; + caret-color: #BAC3CF; + selected-color: #fff; + selection-background-color: #cd7ebf; + color: #BAC3CF; + background-color: rgba(82, 99, 132, 0.4); + border: 1px solid rgba(16, 19, 25, 0.4); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .run-dialog-entry:focus { + color: #fff; + background-color: #cd7ebf; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05); } + .run-dialog .modal-dialog-button-box { + border: none; + box-shadow: none; + background: none; + background-gradient-direction: none; } + +/* CinnamonMountOperation Dialogs */ +.cinnamon-mount-operation-icon { + icon-size: 48px; } + +.mount-password-reask { + color: #e65b66; } + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; } + .show-processes-dialog-subject, + .mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; } + .show-processes-dialog-subject:rtl, + .mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; } + .show-processes-dialog-description, + .mount-question-dialog-description { + padding-left: 17px; + width: 28em; } + .show-processes-dialog-description:rtl, + .mount-question-dialog-description:rtl { + padding-right: 17px; } + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; } + .show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; } + .show-processes-dialog-app-list-item { + color: #ccc; } + .show-processes-dialog-app-list-item:hover { + color: white; } + .show-processes-dialog-app-list-item:ltr { + padding-right: 1em; } + .show-processes-dialog-app-list-item:rtl { + padding-left: 1em; } + .show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; } + .show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; } + .show-processes-dialog-app-list-item-name { + font-size: 1.1em; } + +.magnifier-zoom-region { + border: 2px solid maroon; } + .magnifier-zoom-region .full-screen { + border-width: 0px; } + +#keyboard { + background-color: #272F3F; + border-width: 0; + border-top-width: 1px; + border-color: rgba(0, 0, 0, 0.4); } + +.keyboard-layout { + spacing: 10px; + padding: 10px; } + +.keyboard-row { + spacing: 15px; } + +.keyboard-key { + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 3px; + box-shadow: none; + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #BAC3CF; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(82, 99, 132, 0.4); } + .keyboard-key:hover { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #BAC3CF; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(96, 115, 154, 0.5); } + .keyboard-key:active, .keyboard-key:checked { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #fff; + border: 1px solid #cd7ebf; + background-color: #cd7ebf; } + .keyboard-key:grayed { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #535b6a; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(82, 99, 132, 0.25); } + +.keyboard-subkeys { + color: #BAC3CF; + padding: 5px; + -arrow-border-radius: 2px; + -arrow-background-color: #272F3F; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; } + +.menu-favorites-box { + margin: auto; + padding: 10px; + transition-duration: 300; + background-color: #2a3344; + border: 1px solid #1c222e; } +.menu-favorites-button { + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0); } +.menu-places-box { + margin: auto; + padding: 10px; + border: 0px solid red; } +.menu-places-button { + padding: 10px; } +.menu-categories-box { + padding: 10px 30px 10px 30px; } +.menu-applications-inner-box, .menu-applications-outer-box { + padding: 10px 10px 0 10px; } +.menu-application-button { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0); } + .menu-application-button:highlighted { + font-weight: bold; } + .menu-application-button-selected { + padding: 7px; } + .menu-application-button-selected:highlighted { + font-weight: bold; } + .menu-application-button-label:ltr { + padding-left: 5px; } + .menu-application-button-label:rtl { + padding-right: 5px; } +.menu-category-button { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0); } + .menu-category-button-selected { + padding: 7px; } + .menu-category-button-hover { + background-color: red; + border-radius: 2px; } + .menu-category-button-greyed { + padding: 7px; + color: rgba(216, 222, 233, 0.45); + border: 1px solid rgba(0, 0, 0, 0); } + .menu-category-button-label:ltr { + padding-left: 5px; } + .menu-category-button-label:rtl { + padding-right: 5px; } +.menu-selected-app-box { + padding-right: 30px; + padding-left: 28px; + text-align: right; + height: 30px; } + .menu-selected-app-box:rtl { + padding-top: 10px; + height: 30px; } +.menu-selected-app-title { + font-weight: bold; } +.menu-selected-app-description { + max-width: 150px; } +.menu-search-box:ltr { + padding-left: 30px; } +.menu-search-box-rtl { + padding-right: 30px; } + +#menu-search-entry { + width: 250px; + min-height: 15px; + font-weight: normal; + caret-color: #d8dee9; } + +.menu-search-entry-icon { + icon-size: 1em; + color: #d8dee9; } + +/* Context menu (at the moment only for favorites) */ +.info-osd { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 16px; + color: #d8dee9; + border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } + +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + padding: 20px; + margin: 32px; + min-width: 64px; + min-height: 64px; + color: #d8dee9; + background: none; + border: none; + border-radius: 5px; + border-image: url("common-assets/misc/osd.svg") 9 9 9 9; } + .osd-window .osd-monitor-label { + font-size: 3em; } + .osd-window .level { + padding: 0; + height: 4px; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 2px; + color: #cd7ebf; } + .osd-window .level-bar { + background-color: #cd7ebf; } + +.window-list-box { + spacing: 6px; + padding-left: 10px; + padding-top: 1px; } + .window-list-box.vertical { + spacing: 2px; + padding-left: 0px; + padding-right: 0px; + padding-top: 10px; + padding-bottom: 10px; } + .window-list-box:highlight { + background-color: rgba(255, 61, 159, 0.5); } +.window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; } +.window-list-item-box { + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); } + .window-list-item-box.top, .window-list-item-box.bottom { + border-bottom-width: 2px; } + .window-list-item-box.top StLabel, .window-list-item-box.bottom StLabel { + padding-left: 2px; } + .window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; } + .window-list-item-box.right StBin { + padding-right: 0; } + .window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; } + .window-list-item-box.left StBin { + padding-left: 1px; } + .window-list-item-box:hover, .window-list-item-box:groupFocus { + color: #fff; + background-color: rgba(255, 255, 255, 0.1); } + .window-list-item-box:active, .window-list-item-box:checked, .window-list-item-box:focus, .window-list-item-box:running { + color: #fff; + border-color: #cd7ebf; + background-color: rgba(186, 195, 207, 0.1); } + .window-list-item-box .progress { + background-color: rgba(205, 126, 191, 0.8); } +.window-list-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: #ff2393; + background-gradient-end: #ff2393; } +.window-list-preview { + spacing: 6px; + color: #d8dee9; + border: 1px solid #1c222e; + background-color: #2a3344; + border-radius: 3px; + padding: 6px 12px 12px 12px; + font-size: 1em; } + +.grouped-window-list-item-label { + font-weight: bold; + width: 15em; + min-width: 5px; } +.grouped-window-list-item-box { + text-align: left; + font-weight: bold; + background-image: none; + padding-top: 0; + padding-left: 8px; + padding-right: 8px; + transition-duration: 100; + color: rgba(255, 255, 255, 0.6); } + .grouped-window-list-item-box.top, .grouped-window-list-item-box.bottom { + border-bottom-width: 2px; } + .grouped-window-list-item-box.top StLabel, .grouped-window-list-item-box.bottom StLabel { + padding-left: 2px; } + .grouped-window-list-item-box.right { + padding-left: 0px; + padding-right: 0px; + border-right-width: 2px; } + .grouped-window-list-item-box.right StBin { + padding-right: 0; } + .grouped-window-list-item-box.left { + padding-left: 0px; + padding-right: 0px; + border-left-width: 2px; } + .grouped-window-list-item-box.left StBin { + padding-left: 1px; } + .grouped-window-list-item-box:active, .grouped-window-list-item-box:checked { + color: #fff; + border-color: #7688aa; } + .grouped-window-list-item-box:hover, .grouped-window-list-item-box:active:hover, .grouped-window-list-item-box:focus, .grouped-window-list-item-box:active:focus, .grouped-window-list-item-box:focus:hover, .grouped-window-list-item-box:active:focus:hover { + color: #fff; + border-color: #cd7ebf; } + .grouped-window-list-item-box .progress { + background-color: rgba(205, 126, 191, 0.8); } +.grouped-window-list-item-demands-attention { + background-gradient-direction: vertical; + background-gradient-start: #ff2393; + background-gradient-end: #ff2393; } +.grouped-window-list-thumbnail-label { + padding-left: 4px; } +.grouped-window-list-number-label { + z-index: 99; + color: #d8dee9; } +.grouped-window-list-badge { + border-radius: 256px; + background-color: #2a3344; } +.grouped-window-list-button-label { + padding-left: 4px; } +.grouped-window-list-thumbnail-alert { + background: rgba(255, 52, 52, 0.3); } +.grouped-window-list-thumbnail-menu { + color: #d8dee9; + border: 1px solid #1c222e; + background-color: #2a3344; + border-radius: 3px; + padding: 0px; } + .grouped-window-list-thumbnail-menu > StBoxLayout { + padding: 4px; } + .grouped-window-list-thumbnail-menu .item-box { + padding: 10px; + border-radius: 2px; + spacing: 4px; } + .grouped-window-list-thumbnail-menu .item-box:outlined { + padding: 8px; + border: 1px solid #cd7ebf; } + .grouped-window-list-thumbnail-menu .item-box:selected { + border: 1px solid #cd7ebf; } + .grouped-window-list-thumbnail-menu .thumbnail { + width: 256px; } + .grouped-window-list-thumbnail-menu .separator { + width: 1px; + background: rgba(255, 255, 255, 0.2); } + +.sound-button { + width: 22px; + height: 13px; + padding: 8px; } + .sound-button-container { + padding-right: 3px; + padding-left: 3px; } + .sound-button StIcon { + icon-size: 1.4em; } + +.sound-track-infos { + padding: 5px; } +.sound-track-info { + padding-top: 2px; + padding-bottom: 2px; } + .sound-track-info StIcon { + icon-size: 16px; } + .sound-track-info StLabel { + padding-left: 5px; + padding-right: 5px; } +.sound-track-box { + padding-left: 15px; + padding-right: 15px; + max-width: 220px; } + +.sound-seek-box { + padding-left: 15px; } + .sound-seek-box StLabel { + padding-top: 2px; } + .sound-seek-box StIcon { + icon-size: 16px; } + +.sound-seek-slider { + width: 140px; } + +.sound-volume-menu-item { + padding: .4em 1.75em; } + .sound-volume-menu-item StIcon { + icon-size: 1.14em; + padding-left: 8px; + padding-right: 8px; } + +.sound-playback-control { + padding: 5px 10px 10px 10px; } + +.sound-player { + padding: 0 4px; } + .sound-player > StBoxLayout:first-child { + padding: 5px 10px 12px 10px; + spacing: 0.5em; } + .sound-player > StBoxLayout:first-child StButton:small { + width: 16px; + height: 8px; + padding: 1px; } + .sound-player > StBoxLayout:first-child StButton:small StIcon { + icon-size: 12px; } + .sound-player-generic-coverart { + background: rgba(0, 0, 0, 0.2); } + .sound-player-overlay { + width: 290px; + height: 70px; + padding: 15px; + spacing: 0.5em; + background: rgba(29, 35, 47, 0.9); + border: 0px solid #141820; + border-bottom: 1px; + color: #BAC3CF; } + .sound-player-overlay StButton { + width: 22px; + height: 13px; + padding: 5px; + color: #BAC3CF; + border-radius: 2px; + border: 1px solid rgba(39, 47, 63, 0); } + .sound-player-overlay StButton StIcon { + icon-size: 16px; } + .sound-player-overlay StButton:hover { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #BAC3CF; + border: 1px solid rgba(16, 19, 25, 0.4); + background-color: rgba(96, 115, 154, 0.5); } + .sound-player-overlay StButton:active { + text-shadow: 0 1px rgba(46, 57, 76, 0); + color: #fff; + background-color: #cd7ebf; + border: 1px solid #cd7ebf; + box-shadow: inset 0 2px 4px #cd7ebf; } + .sound-player-overlay StBoxLayout { + padding-top: 2px; } + .sound-player .slider { + height: 0.5em; + padding: 0; + border: none; + -slider-height: 0.5em; + -slider-background-color: #202734; + -slider-border-color: rgba(0, 0, 0, 0); + -slider-active-background-color: #cd7ebf; + -slider-active-border-color: rgba(0, 0, 0, 0); + -slider-border-width: 0px; + -slider-handle-radius: 0px; } + +#workspaceSwitcher { + spacing: 0px; + padding: 3px; } + +/* Controls the styling when using the "Simple buttons" option */ +.workspace-switcher { + padding-left: 3px; + padding-right: 3px; } + +.workspace-button { + width: 20px; + height: 10px; + color: #fff; + padding: 3px; + padding-top: 4px; + transition-duration: 300; } + .workspace-button:outlined, .workspace-button:outlined:hover { + color: #cd7ebf; } + .workspace-button:hover { + color: rgba(205, 126, 191, 0.5); } + +/* Controls the style when using the "Visual representation" option */ +.workspace-graph { + padding: 3px; + spacing: 3px; } + +.workspace-graph .workspace { + border: 1px solid rgba(0, 0, 0, 0.4); + background-gradient-direction: none; + background-color: rgba(0, 0, 0, 0.2); } + +.workspace-graph .workspace:active { + border: 1px solid #cd7ebf; + background-gradient-direction: none; } + +.workspace-graph .workspace .windows { + -active-window-background: #475673; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #475673; + -inactive-window-border: rgba(0, 0, 0, 0.8); } + +.workspace-graph .workspace:active .windows { + -active-window-background: #516283; + -active-window-border: rgba(0, 0, 0, 0.8); + -inactive-window-background: #343f54; + -inactive-window-border: rgba(0, 0, 0, 0.8); } + +.panel-launchers { + padding-left: 7px; + spacing: 2px; } + .panel-launchers .launcher { + padding-left: 2px; + padding-right: 2px; + padding-bottom: 2px; + transition-duration: 200; } + .panel-launchers .launcher:hover { + background-color: rgba(186, 195, 207, 0.1); } + .panel-launchers.vertical { + padding-top: 2px; + padding-bottom: 2px; + padding-left: 0px; + padding-right: 0px; + spacing: 1px; } + .panel-launchers.vertical .launcher { + padding-top: 2px; + padding-bottom: 2px; } + +#overview-corner { + background-image: url("common-assets/misc/overview.png"); } + #overview-corner:hover { + background-image: url("common-assets/misc/overview-hover.png"); } + +.applet-separator { + padding: 1px 4px; } +.applet-separator-line { + width: 1px; + background: rgba(255, 255, 255, 0.12); } +.applet-box { + padding-left: 3px; + padding-right: 3px; + color: #d8dee9; + text-shadow: none; + transition-duration: 100; } + .applet-box.vertical { + padding: 3px 0; } + .applet-box:hover { + color: #fff; + background-color: #cd7ebf; } + .applet-box:highlight { + background-image: none; + border-image: none; + background-color: rgba(255, 61, 159, 0.5); } +.applet-label { + font-weight: bold; + color: #d8dee9; } + .applet-label:hover, .applet-box:hover > .applet-label { + color: #fff; + text-shadow: none; } +.applet-icon { + color: #d8dee9; + icon-size: 22px; } + .applet-icon:hover, .applet-box:hover > .applet-icon { + color: #fff; + text-shadow: none; } + +.user-icon { + width: 32px; + height: 32px; + background-color: transparent; + border: none; + border-radius: 0; } + +.user-label { + color: #d8dee9; + font-size: 1em; + font-weight: bold; + margin: 0px; } + +.desklet { + color: #BAC3CF; } + .desklet:highlight { + background-color: rgba(255, 61, 159, 0.5); } + .desklet-with-borders { + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + color: #BAC3CF; + padding: 12px; + padding-bottom: 16px; } + .desklet-with-borders:highlight { + background-color: rgba(255, 61, 159, 0.5); } + .desklet-with-borders-and-header { + border-image: url("common-assets/misc/desklet.svg") 9 9 9 9; + color: #BAC3CF; + border-radius: 0; + border-radius-topleft: 0; + border-radius-topright: 0; + padding: 12px; + padding-bottom: 17px; } + .desklet-with-borders-and-header:highlight { + background-color: rgba(255, 61, 159, 0.5); } + .desklet-header { + border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9; + color: #BAC3CF; + font-size: 1em; + padding: 12px; + padding-bottom: 6px; } + .desklet-drag-placeholder { + border: 2px solid #cd7ebf; + background-color: rgba(205, 126, 191, 0.3); } + +.photoframe-box { + border-image: url("common-assets/misc/bg.svg") 9 9 9 9; + color: #BAC3CF; + padding: 12px; + padding-bottom: 16px; } + +/*FIXME*/ +.workspace-osd { + /*color: red;*/ + text-shadow: black 5px 5px 5px; + font-weight: bold; + font-size: 48pt; } + +.notification-applet-padding { + padding: .5em 1em; } + +.notification-applet-container { + max-height: 100px; } + +.tile-preview, .tile-preview.snap, +.tile-hud, .tile-hud.snap { + background-color: rgba(205, 126, 191, 0.3); + border: 1px solid #cd7ebf; } + +.xkcd-box { + padding: 6px; + border: 0px; + background-color: rgba(0, 0, 0, 0); + border-radius: 0px; } + +/*# sourceMappingURL=cinnamon.css.map */ diff --git a/.themes/Otis/cinnamon/common-assets/misc/add-workspace-active.svg b/.themes/Otis/cinnamon/common-assets/misc/add-workspace-active.svg new file mode 100644 index 000000000..89c33c0de --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/add-workspace-active.svg @@ -0,0 +1,144 @@ + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/add-workspace-hover.svg b/.themes/Otis/cinnamon/common-assets/misc/add-workspace-hover.svg new file mode 100644 index 000000000..e771e33f9 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/add-workspace-hover.svg @@ -0,0 +1,117 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/add-workspace.svg b/.themes/Otis/cinnamon/common-assets/misc/add-workspace.svg new file mode 100644 index 000000000..65f536108 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/add-workspace.svg @@ -0,0 +1,117 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/bg.svg b/.themes/Otis/cinnamon/common-assets/misc/bg.svg new file mode 100644 index 000000000..90547fd68 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/bg.svg @@ -0,0 +1,132 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-left-hover.svg b/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-left-hover.svg new file mode 100644 index 000000000..3e9268568 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-left-hover.svg @@ -0,0 +1,161 @@ + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-left.svg b/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-left.svg new file mode 100644 index 000000000..27742545b --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-left.svg @@ -0,0 +1,152 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-right-hover.svg b/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-right-hover.svg new file mode 100644 index 000000000..2a0137860 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-right-hover.svg @@ -0,0 +1,161 @@ + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-right.svg b/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-right.svg new file mode 100644 index 000000000..366e69b10 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/calendar-arrow-right.svg @@ -0,0 +1,152 @@ + + + + + + + + image/svg+xml + + Gnome Symbolic Icon Theme + + + + + + + + Gnome Symbolic Icon Theme + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/close-active.svg b/.themes/Otis/cinnamon/common-assets/misc/close-active.svg new file mode 100644 index 000000000..95822bf34 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/close-active.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/.themes/Otis/cinnamon/common-assets/misc/close-hover.svg b/.themes/Otis/cinnamon/common-assets/misc/close-hover.svg new file mode 100644 index 000000000..7b52140c5 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/close-hover.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/.themes/Otis/cinnamon/common-assets/misc/close.svg b/.themes/Otis/cinnamon/common-assets/misc/close.svg new file mode 100644 index 000000000..e221a33fb --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/close.svg @@ -0,0 +1,100 @@ + + + +image/svg+xml \ No newline at end of file diff --git a/.themes/Otis/cinnamon/common-assets/misc/corner-ripple.svg b/.themes/Otis/cinnamon/common-assets/misc/corner-ripple.svg new file mode 100644 index 000000000..e60fae5e2 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/corner-ripple.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/desklet-header.svg b/.themes/Otis/cinnamon/common-assets/misc/desklet-header.svg new file mode 100644 index 000000000..ce4fc06d3 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/desklet-header.svg @@ -0,0 +1,163 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/desklet.svg b/.themes/Otis/cinnamon/common-assets/misc/desklet.svg new file mode 100644 index 000000000..65f0725e9 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/desklet.svg @@ -0,0 +1,157 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/osd.svg b/.themes/Otis/cinnamon/common-assets/misc/osd.svg new file mode 100644 index 000000000..9a93e6e00 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/osd.svg @@ -0,0 +1,132 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/misc/overview-hover.png b/.themes/Otis/cinnamon/common-assets/misc/overview-hover.png new file mode 100644 index 000000000..75673f9cf Binary files /dev/null and b/.themes/Otis/cinnamon/common-assets/misc/overview-hover.png differ diff --git a/.themes/Otis/cinnamon/common-assets/misc/overview.png b/.themes/Otis/cinnamon/common-assets/misc/overview.png new file mode 100644 index 000000000..9eb4f87f4 Binary files /dev/null and b/.themes/Otis/cinnamon/common-assets/misc/overview.png differ diff --git a/.themes/Otis/cinnamon/common-assets/misc/trash-icon.svg b/.themes/Otis/cinnamon/common-assets/misc/trash-icon.svg new file mode 100644 index 000000000..61097ddb0 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/misc/trash-icon.svg @@ -0,0 +1,97 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/switch/switch-off-selected.svg b/.themes/Otis/cinnamon/common-assets/switch/switch-off-selected.svg new file mode 100644 index 000000000..678acaa35 --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/switch/switch-off-selected.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/common-assets/switch/switch-on-selected.svg b/.themes/Otis/cinnamon/common-assets/switch/switch-on-selected.svg new file mode 100644 index 000000000..26b2a75db --- /dev/null +++ b/.themes/Otis/cinnamon/common-assets/switch/switch-on-selected.svg @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-checked-focused.svg b/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-checked-focused.svg new file mode 100644 index 000000000..a2529c4e3 --- /dev/null +++ b/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-checked-focused.svg @@ -0,0 +1,229 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-checked.svg b/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-checked.svg new file mode 100644 index 000000000..a2529c4e3 --- /dev/null +++ b/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-checked.svg @@ -0,0 +1,229 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-unchecked-focused.svg b/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-unchecked-focused.svg new file mode 100644 index 000000000..6eb36cfe8 --- /dev/null +++ b/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-unchecked-focused.svg @@ -0,0 +1,175 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-unchecked.svg b/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-unchecked.svg new file mode 100644 index 000000000..cc88e2176 --- /dev/null +++ b/.themes/Otis/cinnamon/dark-assets/checkbox/checkbox-unchecked.svg @@ -0,0 +1,141 @@ + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/dark-assets/misc/button-box.svg b/.themes/Otis/cinnamon/dark-assets/misc/button-box.svg new file mode 100644 index 000000000..d2d61e58a --- /dev/null +++ b/.themes/Otis/cinnamon/dark-assets/misc/button-box.svg @@ -0,0 +1,106 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/dark-assets/misc/message.svg b/.themes/Otis/cinnamon/dark-assets/misc/message.svg new file mode 100644 index 000000000..6e370990c --- /dev/null +++ b/.themes/Otis/cinnamon/dark-assets/misc/message.svg @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/dark-assets/misc/modal.svg b/.themes/Otis/cinnamon/dark-assets/misc/modal.svg new file mode 100644 index 000000000..622cabb87 --- /dev/null +++ b/.themes/Otis/cinnamon/dark-assets/misc/modal.svg @@ -0,0 +1,147 @@ + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/dark-assets/switch/switch-off.svg b/.themes/Otis/cinnamon/dark-assets/switch/switch-off.svg new file mode 100644 index 000000000..678acaa35 --- /dev/null +++ b/.themes/Otis/cinnamon/dark-assets/switch/switch-off.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/dark-assets/switch/switch-on.svg b/.themes/Otis/cinnamon/dark-assets/switch/switch-on.svg new file mode 100644 index 000000000..967f0e65a --- /dev/null +++ b/.themes/Otis/cinnamon/dark-assets/switch/switch-on.svg @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + diff --git a/.themes/Otis/cinnamon/thumbnail.png b/.themes/Otis/cinnamon/thumbnail.png new file mode 100644 index 000000000..92d156b79 Binary files /dev/null and b/.themes/Otis/cinnamon/thumbnail.png differ diff --git a/.themes/Otis/gnome-shell/assets/calendar-arrow-left.svg b/.themes/Otis/gnome-shell/assets/calendar-arrow-left.svg new file mode 100755 index 000000000..deaa12348 --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/calendar-arrow-right.svg b/.themes/Otis/gnome-shell/assets/calendar-arrow-right.svg new file mode 100755 index 000000000..626ed7ef6 --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,87 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/calendar-today.svg b/.themes/Otis/gnome-shell/assets/calendar-today.svg new file mode 100755 index 000000000..66cfc806d --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/calendar-today.svg @@ -0,0 +1,178 @@ + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/checkbox-focused.svg b/.themes/Otis/gnome-shell/assets/checkbox-focused.svg new file mode 100755 index 000000000..f23caea54 --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/checkbox-focused.svg @@ -0,0 +1,262 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/checkbox-off-focused.svg b/.themes/Otis/gnome-shell/assets/checkbox-off-focused.svg new file mode 100755 index 000000000..7ea91e0e1 --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/checkbox-off-focused.svg @@ -0,0 +1,237 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/checkbox-off.svg b/.themes/Otis/gnome-shell/assets/checkbox-off.svg new file mode 100755 index 000000000..75ae6b8bf --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,211 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/checkbox.svg b/.themes/Otis/gnome-shell/assets/checkbox.svg new file mode 100755 index 000000000..f23caea54 --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/checkbox.svg @@ -0,0 +1,262 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/close-window.svg b/.themes/Otis/gnome-shell/assets/close-window.svg new file mode 100644 index 000000000..d63d8e0db --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/close-window.svg @@ -0,0 +1,109 @@ + + + +image/svg+xml diff --git a/.themes/Otis/gnome-shell/assets/corner-ripple-ltr.png b/.themes/Otis/gnome-shell/assets/corner-ripple-ltr.png new file mode 100755 index 000000000..32e14ca63 Binary files /dev/null and b/.themes/Otis/gnome-shell/assets/corner-ripple-ltr.png differ diff --git a/.themes/Otis/gnome-shell/assets/corner-ripple-rtl.png b/.themes/Otis/gnome-shell/assets/corner-ripple-rtl.png new file mode 100755 index 000000000..1434e7c43 Binary files /dev/null and b/.themes/Otis/gnome-shell/assets/corner-ripple-rtl.png differ diff --git a/.themes/Otis/gnome-shell/assets/dash-placeholder.svg b/.themes/Otis/gnome-shell/assets/dash-placeholder.svg new file mode 100755 index 000000000..cbae148a2 --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/logged-in-indicator.svg b/.themes/Otis/gnome-shell/assets/logged-in-indicator.svg new file mode 100755 index 000000000..c0267ea01 --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/logged-in-indicator.svg @@ -0,0 +1,130 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/noise-texture.png b/.themes/Otis/gnome-shell/assets/noise-texture.png new file mode 100755 index 000000000..6b70a2d40 Binary files /dev/null and b/.themes/Otis/gnome-shell/assets/noise-texture.png differ diff --git a/.themes/Otis/gnome-shell/assets/process-working.svg b/.themes/Otis/gnome-shell/assets/process-working.svg new file mode 100755 index 000000000..920a67d2d --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/process-working.svg @@ -0,0 +1,3084 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/running-indicator.svg b/.themes/Otis/gnome-shell/assets/running-indicator.svg new file mode 100755 index 000000000..ebe7ecfc9 --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/running-indicator.svg @@ -0,0 +1,130 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/source-button-border.svg b/.themes/Otis/gnome-shell/assets/source-button-border.svg new file mode 100755 index 000000000..6e5051ee9 --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/source-button-border.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/toggle-off.svg b/.themes/Otis/gnome-shell/assets/toggle-off.svg new file mode 100755 index 000000000..6e8a24a26 --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,203 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/toggle-on.svg b/.themes/Otis/gnome-shell/assets/toggle-on.svg new file mode 100755 index 000000000..80310b1a8 --- /dev/null +++ b/.themes/Otis/gnome-shell/assets/toggle-on.svg @@ -0,0 +1,204 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + diff --git a/.themes/Otis/gnome-shell/assets/ws-switch-arrow-down.png b/.themes/Otis/gnome-shell/assets/ws-switch-arrow-down.png new file mode 100644 index 000000000..a674ad58d Binary files /dev/null and b/.themes/Otis/gnome-shell/assets/ws-switch-arrow-down.png differ diff --git a/.themes/Otis/gnome-shell/assets/ws-switch-arrow-up.png b/.themes/Otis/gnome-shell/assets/ws-switch-arrow-up.png new file mode 100644 index 000000000..1b6f61114 Binary files /dev/null and b/.themes/Otis/gnome-shell/assets/ws-switch-arrow-up.png differ diff --git a/.themes/Otis/gnome-shell/gnome-shell.css b/.themes/Otis/gnome-shell/gnome-shell.css new file mode 100644 index 000000000..b701385a0 --- /dev/null +++ b/.themes/Otis/gnome-shell/gnome-shell.css @@ -0,0 +1,2246 @@ +/***************** +* Drawing mixins * +*****************/ +/* GLOBALS */ +stage { + font-size: 11pt; + color: #d8dee9; } + +/* WIDGETS */ +/* Buttons */ +.button, .icon-button, .app-folder-dialog .edit-folder-button, .quick-settings-system-item .icon-button { + color: #d8dee9; + background-color: #2d3749; + box-shadow: none; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + border: 1px solid #151921; } + .button:focus, .icon-button:focus, .app-folder-dialog .edit-folder-button:focus, .quick-settings-system-item .icon-button:focus { + color: #fff; + background-color: #364359; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none; + border: 1px solid #151921; } + .button:insensitive, .icon-button:insensitive, .app-folder-dialog .edit-folder-button:insensitive, .quick-settings-system-item .icon-button:insensitive { + color: #7e8592; + background-color: rgba(55, 63, 78, 0.66); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border: none; + text-shadow: none; + icon-shadow: none; } + .button:active, .icon-button:active, .app-folder-dialog .edit-folder-button:active, .quick-settings-system-item .icon-button:active { + color: #cd7ebf; + background-color: rgba(36, 44, 59, 0.95); + border: 1px solid #151921; + text-shadow: none; + icon-shadow: none; } + .button:hover, .icon-button:hover, .app-folder-dialog .edit-folder-button:hover, .quick-settings-system-item .icon-button:hover { + color: #fff; + background-color: #364359; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + +.button { + border-radius: 4px; + padding: 4px 32px; } + +.modal-dialog-linked-button { + padding: 10px; + color: #d8dee9; + background-color: #2d3749; + box-shadow: none; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + border: 1px solid #151921; } + .modal-dialog-linked-button:insensitive { + color: #7e8592; + background-color: rgba(55, 63, 78, 0.66); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border: none; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:active { + color: #cd7ebf; + background-color: rgba(36, 44, 59, 0.95); + border: 1px solid #151921; + text-shadow: none; + icon-shadow: none; } + .modal-dialog-linked-button:focus { + color: #fff; + background-color: #364359; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none; + border: 1px solid #151921; } + .modal-dialog-linked-button:focus:hover { + color: #fff; + background-color: #364359; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none; + border: 1px solid #151921; } + .modal-dialog-linked-button:hover { + color: #fff; + background-color: #364359; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .modal-dialog-linked-button:first-child { + border-radius: 0px 0px 0px 10px; } + .modal-dialog-linked-button:last-child { + border-radius: 0px 0px 10px 0px; } + .modal-dialog-linked-button:first-child:last-child { + border-radius: 0px 0px 10px 10px; } + +/* Entries */ +StEntry { + background-color: #364359; + border-color: #151921; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + border-radius: 6px; + padding: 4px; + border-width: 1px; + color: #d8dee9; + selection-background-color: #cd7ebf; + selected-color: #fff; } + StEntry:hover { + border-color: rgba(205, 126, 191, 0.7); } + StEntry:focus { + border-color: rgba(205, 126, 191, 0.7); + box-shadow: none !important; } + StEntry:insensitive { + color: #7e8592; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } + StEntry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #e65b66; + padding: 0 4px; } + StEntry StLabel.hint-text { + color: rgba(216, 222, 233, 0.7); } + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 68px; } +StScrollView.hfade { + -st-hfade-offset: 68px; } + +StScrollBar { + padding: 0; } + StScrollView StScrollBar { + min-width: 14px; + min-height: 14px; } + StScrollBar StBin#trough { + border-radius: 0; + background-color: transparent; } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 8px; + background-color: #48505e; + margin: 3px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #b4bac6; } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #cd7ebf; } + +/* Slider */ +.slider { + color: #d8dee9; + -barlevel-height: 2px; + -barlevel-background-color: rgba(216, 222, 233, 0.2); + -barlevel-border-width: 2px; + -barlevel-border-color: transparent; + -barlevel-active-background-color: #8CA1A5; + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #9b1b32; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 0px; + -slider-handle-radius: 8px; + -slider-handle-border-width: 0; + -slider-handle-border-color: transparent; } + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: .8em; } +.check-box StBin { + width: 24px; + height: 22px; + background-image: url("assets/checkbox-off.svg"); } +.check-box:focus, .check-box:hover StBin { + background-image: url("assets/checkbox-off-focused.svg"); } +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); } +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-focused.svg"); } + +/* Switches */ +.toggle-switch { + width: 65px; + height: 22px; + background-size: contain; + background-image: url("assets/toggle-off.svg"); } + .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); } + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); } + +.toggle-switch-intl { + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); } + +/* links */ +.shell-link { + color: #A0C1B9; } + .shell-link:hover { + color: #bfd5d0; } + +/* Modal Dialogs */ +.headline { + font-size: 110%; } + +.lightbox { + background-color: black; } + +.flashspot { + background-color: white; } + +.modal-dialog { + border: none; + border-radius: 10px; + color: #d8dee9; + background-color: rgba(26, 32, 43, 0.95); + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); } + .modal-dialog .modal-dialog-content-box { + margin: 32px 40px; + spacing: 32px; + max-width: 28em; } + .modal-dialog .run-dialog-entry { + width: 20em; + margin-bottom: 6px; } + .modal-dialog .run-dialog-error-box { + color: #ff3d9f; + padding-top: 16px; + spacing: 6px; } + .modal-dialog .run-dialog-button-box { + padding-top: 1em; } + .modal-dialog .run-dialog-label { + font-size: 12pt; + font-weight: bold; + color: #b7c2d7; + padding-bottom: .4em; } + .modal-dialog .run-dialog-description { + color: #d8dee9; } + +.mount-dialog-subject, +.end-session-dialog-subject { + font-size: 14pt; } + +/* Message Dialog */ +.message-dialog-main-layout { + padding: 12px 20px 0; + spacing: 12px; } + +.message-dialog-content { + max-width: 28em; + spacing: 20px; } + +.message-dialog-icon { + min-width: 48px; + icon-size: 48px; } + +.message-dialog-title { + font-weight: bold; } + +.message-dialog-subtitle { + color: #58709d; + font-weight: bold; } + +/* End Session Dialog */ +.end-session-dialog { + border: none; } + .end-session-dialog .modal-dialog-linked-button:last-child { + background-gradient-start: #f8ab95; + background-gradient-end: #ee73c8; + background-gradient-direction: horizontal; + color: #fff; } + .end-session-dialog .modal-dialog-linked-button:last-child:hover, .end-session-dialog .modal-dialog-linked-button:last-child:focus { + background: #ff2d98; + color: #fff; } + +.end-session-dialog-list { + padding-top: 20px; } + +.end-session-dialog-layout { + padding-left: 17px; } + .end-session-dialog-layout:rtl { + padding-right: 17px; } + +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; } + .end-session-dialog-description:rtl { + text-align: right; } + +.end-session-dialog-warning { + width: 28em; + color: #e65b66; + padding-top: 6px; } + .end-session-dialog-warning:rtl { + text-align: right; } + +.end-session-dialog-logout-icon { + border-radius: 3px; + width: 48px; + height: 48px; + background-size: contain; } + +.end-session-dialog-shutdown-icon { + color: #ff3d9f; + width: 48px; + height: 48px; } + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; } + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; } + +.end-session-dialog-list-header { + font-weight: bold; } + .end-session-dialog-list-header:rtl { + text-align: right; } + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; } + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; } + +.end-session-dialog-app-list-item-description { + color: #c8d0e0; + font-size: 10pt; } + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { + icon-size: 48px; } + +.mount-dialog { + spacing: 24px; } + .mount-dialog .message-dialog-title { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; + max-width: 34em; } + .mount-dialog .message-dialog-title:rtl { + padding-left: 0px; + padding-right: 17px; } + .mount-dialog .message-dialog-body { + padding-left: 17px; + width: 28em; } + .mount-dialog .message-dialog-body:rtl { + padding-left: 0px; + padding-right: 17px; } + +.mount-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; } + +.mount-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; } + +.mount-dialog-app-list-item { + color: #b7c2d7; } + .mount-dialog-app-list-item:hover { + color: #d8dee9; } + .mount-dialog-app-list-item:ltr { + padding-right: 1em; } + .mount-dialog-app-list-item:rtl { + padding-left: 1em; } + +.mount-dialog-app-list-item-icon:ltr { + padding-right: 17px; } +.mount-dialog-app-list-item-icon:rtl { + padding-left: 17px; } + +.mount-dialog-app-list-item-name { + font-size: 10pt; } + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 28em; + border: none; + border-radius: 10px; } + .prompt-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; } + .prompt-dialog .message-dialog-content { + spacing: 16px; } + .prompt-dialog .message-dialog-title { + color: #8699bb; } + +.prompt-dialog-description:rtl { + text-align: right; } + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; } + +.prompt-dialog-error-label { + font-size: 10pt; + color: #ff3d9f; + padding-bottom: 8px; } + +.prompt-dialog-info-label { + font-size: 10pt; + padding-bottom: 8px; } + +.hidden { + color: rgba(0, 0, 0, 0); } + +.prompt-dialog-null-label { + font-size: 10pt; + padding-bottom: 8px; } + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; } + .polkit-dialog-user-layout:rtl { + padding-left: 0px; + padding-right: 10px; } + +.polkit-dialog-user-root-label { + color: #e65b66; } + +.polkit-dialog-user-icon { + border-radius: 3px; + background-size: contain; + width: 48px; + height: 48px; } + +/* Audio selection dialog */ +.audio-device-selection-dialog { + spacing: 30px; } + +.audio-selection-content { + spacing: 20px; + padding: 24px; } + +.audio-selection-title { + font-weight: bold; + text-align: center; } + +.audio-selection-box { + spacing: 20px; } + +.audio-selection-device { + border: 1px solid #d8dee9; + border-radius: 12px; } + .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { + background-color: #cd7ebf; } + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; } + +.audio-selection-device-icon { + icon-size: 64px; } + +/* Access Dialog */ +.access-dialog { + spacing: 30px; } + +/* Geolocation Dialog */ +.geolocation-dialog { + spacing: 30px; } + +/* Extension Dialog */ +.extension-dialog .message-dialog-main-layout { + spacing: 24px; + padding: 10px; } +.extension-dialog .message-dialog-title { + color: #8699bb; } + +/* Inhibit-Shortcuts Dialog */ +.inhibit-shortcuts-dialog { + spacing: 30px; } + +/* Network Agent Dialog */ +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +/* Popovers/Menus */ +.popup-menu { + min-width: 15em; + background-color: transparent; + color: #d8dee9; } + .popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; } + +.popup-sub-menu { + background-color: #2c3547; + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); + border: none; + border-radius: 0px 0px 6px 6px; } + .popup-sub-menu .popup-menu-item { + border-radius: 0; + margin: 0; + background-color: #2c3547 !important; } + .popup-sub-menu .popup-menu-item:last-child { + border-radius: 0 0 6px 6px; } + .popup-sub-menu .popup-menu-item:active, .popup-sub-menu .popup-menu-item.selected, .popup-sub-menu .popup-menu-item:hover, .popup-sub-menu .popup-menu-item:focus { + background-color: #364157 !important; + color: #d8dee9; } + +.popup-menu-content { + padding: 6px; + background: #222a37; + border-radius: 12px; + border: 1px solid #151921; } + +.popup-menu-item { + spacing: 6px; + border-radius: 6px; + background-gradient-direction: none; + color: #d8dee9 !important; } + .popup-menu-item:ltr { + padding-left: 6px; } + .popup-menu-item:rtl { + padding-right: 6px; } + .popup-menu-item:active, .popup-menu-item.selected, .popup-menu-item:hover, .popup-menu-item:focus { + background-color: #303a4d !important; + color: #d8dee9 !important; } + .popup-menu-item:checked { + background-color: #323c51 !important; + color: #fff !important; + border-radius: 6px 6px 0px 0px; + box-shadow: none; } + .popup-menu-item:insensitive { + color: rgba(216, 222, 233, 0.5); } + +.popup-inactive-menu-item { + color: #d8dee9; } + .popup-inactive-menu-item:insensitive { + color: rgba(216, 222, 233, 0.5); } + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 16px !important; } + +.popup-menu-ornament { + text-align: right; + width: 1.2em; } + +.popup-separator-menu-item { + margin: 6px 0; + padding: 0 !important; } + .popup-separator-menu-item:ltr { + margin-right: 6px; } + .popup-separator-menu-item:rtl { + margin-left: 6px; } + .popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + background-color: #3b4a62; } + .popup-separator-menu-item .popup-menu-ornament { + width: 0 !important; } + .popup-sub-menu .popup-separator-menu-item { + background-color: transparent; } + .popup-sub-menu .popup-separator-menu-item:ltr { + margin-right: 2.5em; } + .popup-sub-menu .popup-separator-menu-item:rtl { + margin-left: 2.5em; } + .popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + background-color: #495a78; } + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0px; } + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; } + .osd-window .osd-monitor-label { + font-size: 3em; } + .osd-window .level { + height: 0.4em; + border-radius: 0.3em; + color: #d8dee9; + border: 1px solid #151921; + -barlevel-height: 0.4em; + -barlevel-background-color: #3b4a62; + -barlevel-active-background-color: #cd7ebf; + -barlevel-overdrive-color: #FF56AC; + -barlevel-overdrive-separator-width: 0.2em; } + .osd-window .level-bar { + background-color: #cd7ebf; + border-radius: 0.3em; } + +/* Pad OSD */ +.pad-osd-window { + padding: 32px; + background-color: rgba(0, 0, 0, 0.8); } + .pad-osd-window .pad-osd-title-box { + spacing: 12px; } + .pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; } + +.combo-box-label { + width: 15em; } + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; } + +.switcher-list-item-container { + spacing: 8px; } + +.switcher-list .item-box { + padding: 8px; + border-radius: 10px; + background-color: transparent; } + +.switcher-list .item-box:outlined { + padding: 6px; + border: 2px solid #010102; } + +.switcher-list .item-box:selected { + background-color: #b747a4; + color: #fff; } + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + +.switcher-list .thumbnail { + width: 256px; } + +.switcher-list .separator { + width: 1px; + background: #151921; } + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: rgba(216, 222, 233, 0.8); } + .switcher-arrow:highlighted { + color: #d8dee9; } + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; } + +/* Window Cycler */ +.cycler-highlight { + border: 5px solid #cd7ebf; } + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 12px; } + +.workspace-switcher { + background: transparent; + border: 0px; + border-radius: 0px; + padding: 0px; + spacing: 8px; } + +.ws-switcher-active-up, +.ws-switcher-active-down, +.ws-switcher-active-left, +.ws-switcher-active-right { + height: 50px; + background-color: #cd7ebf; + color: #fff; + border: none; + background-size: 32px; + border-radius: 8px; } + +.ws-switcher-active-up { + background-image: url("assets/ws-switch-arrow-up.png"); } + +.ws-switcher-active-down { + background-image: url("assets/ws-switch-arrow-down.png"); } + +.ws-switcher-box { + height: 50px; + border: 1px solid rgba(216, 222, 233, 0.1); + background: rgba(17, 20, 27, 0.95); + border-radius: 8px; } + +.osd-window, +.resize-popup, +.switcher-list, .workspace-switcher-container { + color: #d8dee9; + background-color: rgba(36, 44, 59, 0.95); + border: 1px solid #151921; + box-shadow: 0px 0px 7px rgba(21, 25, 33, 0.8); + padding: 12px; } + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(205, 126, 191, 0.5); + border: 1px solid #cd7ebf; } + +.tile-preview-left.on-primary { + border-radius: 2px 2px 0 0; } + +.tile-preview-right.on-primary { + border-radius: 0 2px 0 0; } + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 2px 2px 0 0; } + +/* TOP BAR */ +#panel { + background-gradient-direction: none; + background-color: rgba(36, 44, 59, 0.93); + /* transition from solid to transparent */ + transition-duration: 500ms; + font-weight: bold; + height: 2.1em; + padding: 0px 0px; } + #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; } + #panel #panelLeft, #panel #panelCenter { + spacing: 4px; } + #panel .panel-corner { + -panel-corner-radius: 0px; + -panel-corner-background-color: rgba(0, 0, 0, 0.2); + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; } + #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #d490c8; } + #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-corner.unlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; } + #panel .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: white; + text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); + transition-duration: 100ms; } + #panel .panel-button, #panel .panel-button.clock-display .clock { + border-radius: 0; } + #panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 4px; + margin-right: 4px; } + #panel .panel-button .system-status-icon, + #panel .panel-button .app-menu-icon > StIcon, + #panel .panel-button .popup-menu-arrow { + icon-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); } + #panel .panel-button:hover { + box-shadow: inset 0 0 0 100px rgba(56, 68, 90, 0.93); + color: white; + transition-duration: 200ms; } + #panel .panel-button:hover.clock-display { + box-shadow: none; } + #panel .panel-button:hover.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(56, 68, 90, 0.93); } + #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + box-shadow: inset 0 0 0 100px rgba(56, 68, 90, 0.93); + color: #fff; } + #panel .panel-button:active.clock-display, #panel .panel-button:overview.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:checked.clock-display { + box-shadow: none; } + #panel .panel-button:active.clock-display .clock, #panel .panel-button:overview.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:checked.clock-display .clock { + box-shadow: inset 0 0 0 100px rgba(56, 68, 90, 0.93); } + #panel .panel-button .system-status-icon { + icon-size: 1.09em; + padding: 0 5px; } + .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: #f9fafb; } + .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: #f9fafb; } + #panel .panel-status-indicators-box, + #panel .panel-status-menu-box { + spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } + #panel .screencast-indicator { + color: #e65b66; } + #panel.solid { + background-color: #242c3b; + /* transition from transparent to solid */ + transition-duration: 300ms; } + #panel.solid .panel-corner { + -panel-corner-background-color: black; } + #panel.solid .system-status-icon, + #panel.solid .app-menu-icon > StIcon, + #panel.solid .popup-menu-arrow { + icon-shadow: none; } + +.calendar { + background: transparent; + border: none; + box-shadow: none; } + +.world-clocks-button, .weather-button, .events-button { + background: #283141; + border-radius: 7px; + color: #d8dee9; } + +.datemenu-calendar-column { + border: 0 solid transparent; } + +.datemenu-today-button, +.events-section-title, +.message-list-section-title { + border-radius: 4px; + color: #d8dee9; + padding: .4em; } + +.datemenu-today-button:hover, .datemenu-today-button:focus, +.world-clocks-button:hover, +.world-clocks-button:focus, +.weather-button:hover, +.weather-button:focus, +.events-section-title:hover, +.events-section-title:focus, +.message-list-section-title:hover, +.message-list-section-title:focus, +.events-button:hover, +.events-button:focus { + background-color: #2e384a; } +.datemenu-today-button:active, +.world-clocks-button:active, +.weather-button:active, +.events-section-title:active, +.message-list-section-title:active, +.events-button:active { + color: white; + background-color: #cd7ebf; } + +.datemenu-today-button .date-label { + font-size: 1.5em; } + +.world-clocks-header, +.weather-header, +.events-section-title, +.message-list-section-title, +.events-title { + color: #b7c2d7; + font-weight: bold; } + +.events-button .event-time { + color: #cbd3e2; } + +.world-clocks-grid { + spacing-rows: 0.4em; } + +.weather-box { + spacing: 0.4em; } + +.calendar-month-label { + background-color: transparent; + color: #c8d0e0; + font-weight: bold; + padding: 8px 0; } + +.pager-button { + color: white; + background-color: transparent; + width: 32px; + border-radius: 4px; } + .pager-button:hover, .pager-button:focus { + background-color: rgba(216, 222, 233, 0.05); } + .pager-button:active { + background-color: rgba(36, 44, 59, 0.05); } + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); } + +.calendar-change-month-back StIcon, +.calendar-change-month-forward StIcon { + color: #c8d0e0; } + +.calendar-day-base, .calendar-day { + font-size: 80%; + text-align: center; + width: 2.4em; + height: 2.4em; + padding: 0.1em; + margin: 2px; + border-radius: 99px; + color: #d8dee9; + background-color: transparent; } + .calendar-day-base:hover, .calendar-day-base:focus, .calendar-day:hover, .calendar-day:focus { + background-color: #38445a; + box-shadow: none !important; } + .calendar-day-base:active, .calendar-day-base:selected, .calendar-day:active, .calendar-day:selected { + color: #fff; + background-color: #cd7ebf; + border-color: transparent; + box-shadow: none !important; } + +.calendar-day-heading { + background-color: transparent; + color: #b7c2d7; + margin-top: 1em; + font-size: 70%; } + +.calendar-day { + border-width: 0; } + +.calendar-day-top { + border-top-width: 1px; } + +.calendar-day-left { + border-left-width: 1px; } + +.calendar-nonwork-day { + color: #7e8592; } + +.calendar-today { + font-weight: bold; + border: 1px solid rgba(21, 25, 33, 0.5); + border: 1px solid #cd7ebf; + background-color: transparent; + color: #fff !important; + background-gradient-direction: none; } + .calendar-today:hover, .calendar-today:focus { + background-color: #d189c4; + color: #fff; } + .calendar-today:active, .calendar-today:selected { + background-color: #cd7ebf; + color: #fff; } + .calendar-today:active:hover, .calendar-today:active:focus, .calendar-today:selected:hover, .calendar-today:selected:focus { + background-color: #d189c4; + color: #fff; } + +.calendar-day-with-events { + color: #f9fafb; + font-weight: bold; + background-image: url("assets/calendar-today.svg"); } + +.calendar-other-month-day { + color: #7e8592; + opacity: 0.5; } + +.calendar-week-number { + font-size: 70%; + font-weight: bold; + width: 2.3em; + height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: #202734; + color: #d8dee9; } + +/* Message list */ +.message-list { + border-color: #323e52; } + +.message-title, .message-content, .message-body { + color: #cbd3e2; } + +.message-list-sections { + spacing: 1em; } + +.message-list-section, +.message-list-section-list { + spacing: 0.4em; } + +.message-list-section-close > StIcon { + icon-size: 16px; + border-radius: 16px; + padding: 8px; + color: #d8dee9; + background-color: transparent; } +.message-list-section-close:hover > StIcon, .message-list-section-close:focus > StIcon +.message-list-section-close:active > StIcon { + color: #FF56AC; + background: transparent; } + +.message { + color: #d8dee9; + background-color: #2d3749; + box-shadow: none; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + border: 1px solid #151921; + border-radius: 10px; + text-shadow: none; } + .message:hover, .message:focus { + color: #fff; + background-color: #364359; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + text-shadow: none; } + +.message-secondary-bin > .event-time { + color: #a7b5cd; + font-size: 0.7em; + /* HACK: the label should be baseline-aligned with a 1em label, + fake this with some bottom padding */ + padding-bottom: 0.13em; } + +.message-secondary-bin > StIcon { + icon-size: 16px; } + +.message-content { + padding: 10px; } + +.message-close-button:hover { + background-color: #FF56AC; } + +/* Media Controls */ +.message-media-control { + color: #d8dee9; } + .message-media-control:hover { + background-color: #343f54; + color: #fff; } + .message-media-control:active { + background-color: #3c4860; + color: #fff; } + .message-media-control:insensitive { + color: #8c929e; } + +.media-message-cover-icon { + icon-size: 48px !important; } + .media-message-cover-icon.fallback { + color: #38445a; + background-color: #242c3b; + border: 2px solid #242c3b; + border-radius: 2px; + icon-size: 16px; + padding: 8px; } + +/* World clocks */ +.world-clocks-button .world-clocks-city { + color: #d8dee9; + font-weight: normal; } +.world-clocks-button .world-clocks-time { + font-weight: bold; + color: #d8dee9; + font-feature-settings: "lnum"; + text-align: right; } +.world-clocks-button .world-clocks-timezone { + color: #97a7c4; + font-feature-settings: "tnum"; } + +/* Weather */ +.weather-button .weather-header { + color: #b7c2d7; + font-weight: bold; } + .weather-button .weather-header.location { + font-weight: normal; } +.weather-button .weather-forecast-time { + color: #b7c2d7; + font-feature-settings: "tnum"; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; } +.weather-button .weather-forecast-temp { + font-weight: bold; } + +.system-switch-user-submenu-icon.user-icon { + icon-size: 20px; + padding: 0 2px; } + +.system-switch-user-submenu-icon.default-icon { + icon-size: 16px; + padding: 0 4px; } + +#appMenu { + spinner-image: url("assets/process-working.svg"); + spacing: 4px; } + #appMenu .label-shadow { + color: transparent; } + +.aggregate-menu { + min-width: 21em; } + .aggregate-menu .popup-menu-icon { + padding: 0 4px; } + +.system-menu-action { + color: #d8dee9; + border-radius: 32px; + /* wish we could do 50% */ + border: 1px solid #151921; + background: #1e2531; + padding: 13px; } + .system-menu-action:hover, .system-menu-action:focus { + border: 1px solid #cd7ebf; + color: #cd7ebf; + background: transparent; } + .system-menu-action:active { + background-color: #bf59ad; + color: #fff; + border: 1px solid #bf59ad; } + .system-menu-action > StIcon { + icon-size: 16px; } + +.ripple-box { + width: 52px; + height: 52px; + background-image: url("assets/corner-ripple-ltr.png"); + background-size: contain; } + +.ripple-box:rtl { + background-image: url("assets/corner-ripple-rtl.png"); } + +.popup-menu-arrow { + width: 16px; + height: 16px; } + +.popup-menu-icon { + icon-size: 1.09em; } + +.window-close { + background-color: #ED878F; + color: white; + border-radius: 21px; + padding: 2px; + height: 30px; + width: 30px; + border: 2px solid #ea757e; + transition-duration: 300ms; } + .window-close StIcon { + icon-size: 23px; } + .window-close:hover { + background-color: #ef949b; } + .window-close:active { + background-color: #ea717a; } + +.window-close { + -shell-close-overlap: 16px; } + .window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } + +/* NETWORK DIALOGS */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; } + +.nm-dialog-content { + spacing: 20px; + padding: 24px; } + +.nm-dialog-header-hbox { + spacing: 10px; } + +.nm-dialog-airplane-box { + spacing: 12px; } + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; } + +.nm-dialog-airplane-text { + color: #d8dee9; } + +.nm-dialog-header-icon { + icon-size: 32px; } + +.nm-dialog-scroll-view { + border: 2px solid #151921; + background: #242c3b; } + +.nm-dialog-header { + font-weight: bold; } + +.nm-dialog-item { + font-size: 110%; + border-bottom: 1px solid #151921; + padding: 12px; + spacing: 20px; } + +.nm-dialog-item:selected { + background-color: #cd7ebf; + color: #fff; } + +.nm-dialog-icons { + spacing: .5em; } + +.nm-dialog-icon { + icon-size: 16px; } + +.no-networks-label { + color: #999999; } + +.no-networks-box { + spacing: 12px; } + +/* OVERVIEW */ +#overview, .controls-manager, .secondary-monitor-workspaces { + spacing: 24px; } + +#overviewGroup { + background-color: #2e394c; } + +.overview-controls { + padding-bottom: 32px; } + +.window-picker { + -horizontal-spacing: 16px; + -vertical-spacing: 16px; } + .window-picker.external-monitor { + padding: 16px; } + +.window-clone-border { + border: 1px solid rgba(255, 255, 255, 0); + border-radius: 0px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); } + +.window-caption { + spacing: 20px; + color: white; + background-color: rgba(36, 44, 59, 0.65); + border-radius: 2px; + padding: 4px 8px; } + +.search-entry { + width: 320px; + padding: 9px; + border-radius: 7px; + border: 2px solid #202734; + color: #d8dee9; + background-color: #202734; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } + .search-entry .search-entry-icon { + icon-size: 1em; + padding: 0 4px; + color: rgba(216, 222, 233, 0.7); } + .search-entry:hover, .search-entry:focus { + background-color: #242c3b; + border-color: rgba(205, 126, 191, 0.5); } + .search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: #d8dee9; } + +.search-provider-icon, +.list-search-result { + background-color: transparent; } + .search-provider-icon:focus, + .list-search-result:focus, .search-provider-icon:hover, + .list-search-result:hover, .search-provider-icon:selected, + .list-search-result:selected { + background-color: rgba(216, 222, 233, 0.1); + transition-duration: 200ms; } + .search-provider-icon:active, + .list-search-result:active, .search-provider-icon:checked, + .list-search-result:checked { + background-color: rgba(17, 20, 27, 0.85); } + +#searchResultsBin { + max-width: 1000px; } + +#searchResultsContent { + padding-left: 20px; + padding-right: 20px; + spacing: 16px; } + +.search-section { + spacing: 16px; } + +.search-section-content { + background-color: transparent; + border-radius: 0; + border: none; + box-shadow: none; + spacing: 32px; } + +.list-search-results { + spacing: 3px; } + +.search-section-separator { + height: 2px; + background-color: #3b4a62; } + +.list-search-result-content { + spacing: 30px; } + +.list-search-result-title { + color: white; + spacing: 12px; } + +.list-search-result-description { + color: rgba(255, 255, 255, 0.5); } + +.list-search-provider-details { + width: 150px; + color: white; + margin-top: 0.24em; } + +.list-search-provider-content { + spacing: 20px; } + +.search-provider-icon { + padding: 15px; } + +/* DASHBOARD */ +.dash-background { + background-color: rgba(32, 39, 52, 0.9); } + +.dash-separator { + width: 1px; + background-color: #3b4a62; } + +.dash-label { + border-radius: 7px; + padding: 4px 12px; + color: white; + background-color: rgba(36, 44, 59, 0.93); + text-align: center; + -x-offset: 8px; } + +#dash .app-well-app-running-dot, #dash .app-grid-running-dot { + margin-bottom: 14px; } + +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 136px; + -shell-grid-vertical-item-size: 136px; } + .icon-grid .overview-icon { + icon-size: 96px; } + +.system-action-icon { + background-color: black; + color: white; + border-radius: 99px; + icon-size: 48px; } + +.app-view-controls { + padding-bottom: 32px; } + +.app-view-control { + padding: 4px 32px; } + .app-view-control:checked { + color: #cd7ebf; + background-color: rgba(36, 44, 59, 0.95); + border: 1px solid #151921; + text-shadow: none; + icon-shadow: none; } + .app-view-control:first-child { + border-right-width: 0; + border-radius: 3px 0 0 3px; } + .app-view-control:last-child { + border-radius: 0 3px 3px 0; } + +.app-well-app, +.app-well-app.app-folder, +.show-apps, +.grid-search-result, +.overview-tile, +.dash-item-container .overview-tile { + background-color: transparent; + border: none; } + .app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, + .app-well-app.app-folder:hover .overview-icon, + .app-well-app.app-folder:focus .overview-icon, + .app-well-app.app-folder:selected .overview-icon, + .show-apps:hover .overview-icon, + .show-apps:focus .overview-icon, + .show-apps:selected .overview-icon, + .grid-search-result:hover .overview-icon, + .grid-search-result:focus .overview-icon, + .grid-search-result:selected .overview-icon, + .overview-tile:hover .overview-icon, + .overview-tile:focus .overview-icon, + .overview-tile:selected .overview-icon, + .dash-item-container .overview-tile:hover .overview-icon, + .dash-item-container .overview-tile:focus .overview-icon, + .dash-item-container .overview-tile:selected .overview-icon { + background-color: #3b4a62; + transition-duration: 0ms; + border-image: none; + background-image: none; } + .app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, + .app-well-app.app-folder:active .overview-icon, + .app-well-app.app-folder:checked .overview-icon, + .show-apps:active .overview-icon, + .show-apps:checked .overview-icon, + .grid-search-result:active .overview-icon, + .grid-search-result:checked .overview-icon, + .overview-tile:active .overview-icon, + .overview-tile:checked .overview-icon, + .dash-item-container .overview-tile:active .overview-icon, + .dash-item-container .overview-tile:checked .overview-icon { + background-color: #3b4a62; + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + color: #d8dee9; } + +.app-well-app-running-dot, .app-grid-running-dot { + width: 4px; + height: 4px; + background-color: #cd7ebf; + border-radius: 10px !important; + box-shadow: 0px 0px 5px 4px rgba(205, 126, 191, 0.8); + margin-bottom: 0px; } + +.app-well-app .overview-icon, +.app-well-app.app-folder .overview-icon, +.show-apps .overview-icon, +.grid-search-result .overview-icon, +.overview-tile .overview-icon, +.dash-item-container .overview-tile .overview-icon { + background-color: transparent; + color: #fff; + padding: 6px; + border: none; + transition-duration: 100ms; + text-align: center; + box-shadow: none; + border-radius: 12px; } + +/* App Folders */ +.app-well-app.app-folder, .app-folder .overview-icon { + background-color: #38455c; + border-radius: 12px; } + +.app-folder-dialog { + background-color: rgba(36, 44, 59, 0.95); + border: none; + box-shadow: none; } + .app-folder-dialog .folder-name-label { + color: #d8dee9; } + .app-folder-dialog .edit-folder-button { + padding: 0; + width: 36px; + height: 36px; + border-radius: 18px; } + .app-folder-dialog .edit-folder-button > StIcon { + icon-size: 16px; } + +.app-well-app.app-folder > .overview-icon { + background-color: rgba(36, 44, 59, 0.35); } + +.show-apps .show-apps-icon { + color: white; } + +.show-apps:checked .show-apps-icon, +.show-apps:focus .show-apps-icon { + color: #d8dee9; + transition-duration: 100ms; } + +.app-folder-popup { + -arrow-border-radius: 8px; + -arrow-background-color: rgba(36, 44, 59, 0.5); + -arrow-base: 24px; + -arrow-rise: 11px; } + +.app-folder-popup-bin { + padding: 5px; + background: rgba(36, 44, 59, 0.5); } + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; } + +.page-indicator { + padding: 6px 12px; } + .page-indicator .page-indicator-icon { + width: 12px; + height: 12px; + border-radius: 12px; + background-image: none; + background-color: #6d82a6; + border: none; } + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; } + +.workspace-thumbnails { + visible-width: 32px; + spacing: 11px; + padding: 8px; + border-radius: 0; } + .workspace-thumbnails:rtl { + border-radius: 0; } + +.workspace-thumbnail-indicator { + border: 4px solid rgba(205, 126, 191, 0.5); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + padding: 0; } + +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; } + +.page-navigation-arrow { + background-color: transparent; + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 99px; } + .page-navigation-arrow:insensitive { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + icon-shadow: none; } + .page-navigation-arrow:hover { + background-color: rgba(205, 126, 191, 0.5); } + .page-navigation-arrow:active { + background-color: #cd7ebf; } + +.workspace-thumbnails { + color: #d8dee9; + background-color: transparent; + border: none; } + +.search-statustext, .no-frequent-applications-label { + font-size: 2em; + font-weight: bold; + color: #d8dee9; } + +/* NOTIFICATIONS & MESSAGE TRAY */ +.url-highlighter { + link-color: #dba3d1; } + +.notification-banner { + font-size: 11pt; + width: 34em; + margin: 5px; + border-radius: 12px; + color: white; + background-color: #242c3b; + border: 1px solid #151921; + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.342); } + .notification-banner:hover, .notification-banner:focus { + background-color: #2c3547; + box-shadow: none; + border-radius: 12px; } + .notification-banner * { + color: #fefefe; } + .notification-banner .notification-icon { + padding: 5px; } + .notification-banner .notification-content { + padding: 5px; + spacing: 5px; } + .notification-banner .secondary-icon { + icon-size: 1.09em; } + .notification-banner .notification-actions { + background-color: #202734; + padding-top: 2px; + spacing: 1px; + border-radius: 0px 0px 12px 12px; } + .notification-banner .notification-button { + padding: 7px; + background-color: #242c3b; + box-shadow: none; + border: none; } + .notification-banner .notification-button:first-child { + border-radius: 0 0 0 12px; } + .notification-banner .notification-button:last-child { + border-radius: 0 0 12px 0; } + .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { + color: #fff; + background-color: #364359; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + border: none; } + +.summary-source-counter { + font-size: 10pt; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #cd7ebf; + color: #fff; + border: 2px solid #d8dee9; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; } + +.secondary-icon { + icon-size: 1.09em; } + +.chat-body { + spacing: 5px; } + +.chat-response { + margin: 5px; } + +.chat-log-message { + color: #b7c2d7; } + +.chat-new-group { + padding-top: 1em; } + +.chat-received { + padding-left: 4px; } + .chat-received:rtl { + padding-left: 0px; + padding-right: 4px; } + +.chat-sent { + padding-left: 18pt; + color: #a7b5cd; } + .chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; } + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: bold; + color: #97a7c4; } + .chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; } + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; } + +.hotplug-notification-item { + padding: 2px 10px; } + .hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; } + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; } + +.hotplug-resident-box { + spacing: 8px; } + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 4px; } + .hotplug-resident-mount:hover { + background-color: rgba(36, 44, 59, 0.3); } + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; } + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; } + +.hotplug-resident-eject-icon { + icon-size: 16px; } + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 5px; + color: pink; } + +/* Eeeky things */ +.magnifier-zoom-region { + border: 2px solid #cd7ebf; } + .magnifier-zoom-region.full-screen { + border-width: 0; } + +/* On-screen Keyboard */ +#keyboard { + background-color: rgba(26, 32, 43, 0.92); } + #keyboard .page-indicator { + padding: 5px; } + #keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; } + +.keyboard-layout { + spacing: 10px; + padding: 10px; } + +.keyboard-row { + spacing: 15px; } + +.keyboard-key { + color: #d8dee9; + background-color: #2d3749; + box-shadow: none; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + border: 1px solid #151921; + min-height: 2.1em; + min-width: 2.1em; + font-size: 15pt; + font-weight: normal; + border-radius: 2px; } + .keyboard-key:focus { + color: #fff; + background-color: #364359; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + box-shadow: none; + border: 1px solid #151921; } + .keyboard-key:hover, .keyboard-key:checked { + color: #fff; + background-color: #364359; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .keyboard-key:active { + color: #cd7ebf; + background-color: rgba(36, 44, 59, 0.95); + border: 1px solid #151921; + text-shadow: none; + icon-shadow: none; } + .keyboard-key:grayed { + background-color: rgba(36, 44, 59, 0.95); + color: #d8dee9; + border-color: rgba(0, 0, 0, 0.7); } + .keyboard-key.default-key { + color: #d8dee9; + background-color: #232b39; + box-shadow: none; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + border: 1px solid #151921; } + .keyboard-key.default-key:hover, .keyboard-key.default-key:checked { + color: #fff; + background-color: #364359; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .keyboard-key.default-key:active { + color: #cd7ebf; + background-color: #2e394c; + border: 1px solid #151921; + text-shadow: none; + icon-shadow: none; } + .keyboard-key.enter-key { + background-gradient-start: #f8ab95; + background-gradient-end: #ee73c8; + background-gradient-direction: horizontal; + color: #fff; } + .keyboard-key.shift-key-uppercase { + color: #cd7ebf; } + +.keyboard-subkeys { + color: white; + padding: 5px; + -arrow-border-radius: 10px; + -arrow-background-color: rgba(26, 32, 43, 0.92); + -arrow-border-width: 2px; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; } + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; } + +.candidate-popup-content { + padding: 0.5em; + spacing: 0.3em; } + +.candidate-index { + padding: 0 0.5em 0 0; + color: #b7c2d7; } + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + border-radius: 4px; } + .candidate-box:selected, .candidate-box:hover { + background-color: #cd7ebf; + color: #fff; } + +.candidate-page-button-box { + height: 2em; } + .vertical .candidate-page-button-box { + padding-top: 0.5em; } + .horizontal .candidate-page-button-box { + padding-left: 0.5em; } + +.candidate-page-button { + padding: 4px; } + +.candidate-page-button-previous { + border-radius: 4px 0px 0px 4px; + border-right-width: 0; } + +.candidate-page-button-next { + border-radius: 0px 4px 4px 0px; } + +.candidate-page-button-icon { + icon-size: 1em; } + +/* Auth Dialogs & Screen Shield */ +.framed-user-icon { + background-size: contain; + border: 2px solid #d8dee9; + color: #d8dee9; + border-radius: 3px; } + .framed-user-icon:hover { + border-color: white; + color: white; } + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; } + +.login-dialog { + border: none; + background-color: transparent; } + .login-dialog .modal-dialog-button-box { + spacing: 3px; } + .login-dialog .modal-dialog-button { + padding: 3px 18px; } + .login-dialog .modal-dialog-button:default { + color: #d8dee9; + background-color: #cd7ebf; + box-shadow: none; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + border: 1px solid #151921; } + .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { + color: #fff; + background-color: #364359; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .login-dialog .modal-dialog-button:default:active { + color: #cd7ebf; + background-color: #cd7ebf; + border: 1px solid #151921; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default:insensitive { + color: #7e8592; + background-color: rgba(55, 63, 78, 0.66); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + border: none; + text-shadow: none; + icon-shadow: none; } + +.login-dialog-logo-bin { + padding: 24px 0px; } + +.login-dialog-banner { + color: #b7c2d7; } + +.login-dialog-button-box { + spacing: 5px; } + +.login-dialog-message-warning { + color: #e65b66; } + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; } + +.login-dialog-user-selection-box { + padding: 100px 0px; } + +.login-dialog-not-listed-label { + padding-left: 2px; } + .login-dialog-not-listed-button:focus .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-not-listed-label { + color: #d8dee9; } + +.login-dialog-not-listed-label { + font-size: 90%; + font-weight: bold; + color: #768bb2; + padding-top: 1em; } + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; } + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:selected { + background-color: #cd7ebf; + color: #fff; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #cd7ebf; } + +.login-dialog-user-list-item { + border-radius: 5px; + padding: .2em; + color: #768bb2; } + .login-dialog-user-list-item:ltr { + padding-right: 1em; } + .login-dialog-user-list-item:rtl { + padding-left: 1em; } + .login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 2px 0 0 0; + background-color: #d8dee9; } + .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: #fff; } + +.login-dialog-username, +.user-widget-label { + color: #d8dee9; + font-size: 120%; + font-weight: bold; + text-align: left; + padding-left: 15px; } + +.user-widget-label:ltr { + padding-left: 18px; } +.user-widget-label:rtl { + padding-right: 18px; } + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; } + +.login-dialog-prompt-label { + color: #97a7c4; + font-size: 110%; + padding-top: 1em; } + +.login-dialog-session-list-button StIcon { + icon-size: 1.25em; } + +.login-dialog-session-list-button { + color: #768bb2; } + .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { + color: #d8dee9; } + .login-dialog-session-list-button:active { + color: #46597c; } + +.screen-shield-arrows { + padding-bottom: 3em; } + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +.screen-shield-clock { + color: white; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); + font-weight: bold; + text-align: center; + padding-bottom: 1.5em; } + +.screen-shield-clock-time { + font-size: 72pt; + text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } + +.screen-shield-clock-date { + font-size: 28pt; } + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; } + .screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; } + .screen-shield-notifications-container .notification, + .screen-shield-notifications-container .screen-shield-notification-source { + padding: 12px 6px; + border: 1px solid #d8dee9; + background-color: rgba(36, 44, 59, 0.45); + color: #d8dee9; + border-radius: 4px; } + .screen-shield-notifications-container .notification { + margin-right: 15px; } + +.screen-shield-notification-label { + font-weight: bold; + padding: 0px 0px 0px 12px; } + +.screen-shield-notification-count-text { + padding: 0px 0px 0px 12px; } + +#panel.lock-screen { + background-color: rgba(36, 44, 59, 0.45); } + +.screen-shield-background { + background: black; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } + +#lockDialogGroup { + background: #2e3436 url(resource:///org/gnome/shell/theme/noise-texture.png); + background-repeat: repeat; } + +#screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { + background-color: rgba(36, 44, 59, 0.3); } + #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { + background-color: rgba(36, 44, 59, 0.5); } + #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { + background-color: rgba(205, 126, 191, 0.5); } + +#LookingGlassDialog { + background-color: rgba(0, 0, 0, 0.8); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; } + #LookingGlassDialog > #Toolbar { + border: 1px solid grey; + border-radius: 4px; } + #LookingGlassDialog .labels { + spacing: 4px; } + #LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 6px; + font-weight: bold; + color: #ccc; + transition-duration: 100ms; + padding-left: .3em; + padding-right: .3em; } + #LookingGlassDialog .notebook-tab:hover { + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 2px; + border-color: #d490c8; + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; } + #LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; } + +.lg-dialog StEntry { + selection-background-color: #bbbbbb; + selected-color: #333333; } +.lg-dialog .shell-link { + color: #999999; } + .lg-dialog .shell-link:hover { + color: #dddddd; } + +.lg-completions-text { + font-size: .9em; + font-style: italic; } + +.lg-obj-inspector-title { + spacing: 4px; } + +.lg-obj-inspector-button { + border: 1px solid gray; + padding: 4px; + border-radius: 4px; } + .lg-obj-inspector-button:hover { + border: 1px solid #ffffff; } + +#lookingGlassExtensions { + padding: 4px; } + +.lg-extensions-list { + padding: 4px; + spacing: 6px; } + +.lg-extension { + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; } + +.lg-extension-name { + font-weight: bold; } + +.lg-extension-meta { + spacing: 6px; } + +#LookingGlassPropertyInspector { + background: rgba(0, 0, 0, 0.8); + border: 2px solid grey; + border-radius: 4px; + padding: 6px; } + +.quick-settings { + padding: 14px; + border-radius: 12px; } + .quick-settings .icon-button, .quick-settings .button { + color: #d8dee9; + padding: 10.5px; } + +.quick-toggle { + border-radius: 99px; + /* Move padding into the box; this is to allow menu arrows + to extend to the border */ } + .quick-toggle:checked { + color: #cd7ebf; + background-color: #38455c; + border: 1px solid #151921; + text-shadow: none; + icon-shadow: none; } + .quick-toggle:checked:hover { + color: #cd7ebf; + background-color: #3d4c65; + border: 1px solid #151921; + text-shadow: none; + icon-shadow: none; } + .quick-toggle:checked, .quick-toggle:checked:hover { + color: #fff; } + .quick-toggle, .quick-toggle:hover, .quick-toggle:checked, .quick-toggle:checked:hover { + border: none; } + .quick-toggle > StBoxLayout { + spacing: 6px; } + .quick-toggle.button { + padding: 0; } + .quick-toggle > StBoxLayout { + padding: 0 12px; } + .quick-toggle:ltr > StBoxLayout { + padding-left: 15px; } + .quick-toggle:rtl > StBoxLayout { + padding-right: 15px; } + .quick-toggle .quick-toggle-label { + font-weight: bold; } + +.quick-menu-toggle:ltr > StBoxLayout { + padding-right: 0; } +.quick-menu-toggle:rtl > StBoxLayout { + padding-left: 0; } +.quick-menu-toggle .quick-toggle { + min-width: auto; + max-width: auto; } + .quick-menu-toggle .quick-toggle:ltr { + border-radius: 99px 0 0 99px; } + .quick-menu-toggle .quick-toggle:rtl { + border-radius: 0 99px 99px 0; } + .quick-menu-toggle .quick-toggle:ltr:last-child { + border-radius: 99px; } + .quick-menu-toggle .quick-toggle:rtl:last-child { + border-radius: 99px; } +.quick-menu-toggle .quick-toggle-arrow { + background-color: rgba(216, 222, 233, 0.1); + padding: 6px 10.5px; + border-width: 0; } + .quick-menu-toggle .quick-toggle-arrow:checked { + color: #cd7ebf; + background-color: #344056; + border: 1px solid #151921; + text-shadow: none; + icon-shadow: none; } + .quick-menu-toggle .quick-toggle-arrow:checked:hover { + color: #cd7ebf; + background-color: #3d4c65; + border: 1px solid #151921; + text-shadow: none; + icon-shadow: none; } + .quick-menu-toggle .quick-toggle-arrow:checked, .quick-menu-toggle .quick-toggle-arrow:checked:hover { + color: #fff; + border-width: 0; } + .quick-menu-toggle .quick-toggle-arrow:hover { + background-color: #38455c; } + .quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 99px 99px 0; } + .quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 99px 0 0 99px; } + +.quick-toggle-menu { + background-color: #283141 !important; + border-radius: 12px; + padding: 12px; + margin: 12px 18px 0; + color: #d8dee9; } + .quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; } + .quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding-bottom: 12px; } + .quick-toggle-menu .header .icon { + border-radius: 999px; + padding: 9px; + background-color: #38445a; } + .quick-toggle-menu .header .icon.active { + background-color: #cd7ebf; + color: #fff; } + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; } +.quick-settings-system-item .icon-button { + border-radius: 50px; } + +.quick-slider .icon-button:hover { + color: #fff; + background-color: #364359; + border: 1px solid #151921; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + +.openweather-current-summarybox, +.openweather-forecast-icon, +.openweather-current-databox-captions, +.openweather-current-databox-values, +.openweather-current-icon, +.openweather-forecast-summary, +.openweather-forecast-temperature { + background: transparent; } + +.openweather-current-databox-captions, .openweather-forecast-day { + color: #cd7ebf; } + +/* Pop_OS COSMIC Dock styling, append !important to any changed rules */ +.cosmic-dock #dock { + border-radius: 12px 12px 12px 12px !important; + border: 0 !important; + background-color: #1e2531; + margin: 4px !important; } + +.cosmic-dock.extended #dock { + border-radius: 0px !important; + margin: 0 !important; } + +.cosmic-dock.extended.side #dock { + border-top-width: 0 !important; + border-bottom-width: 0 !important; } + +.cosmic-dock.extended.side.left #dock { + border-left-width: 0 !important; } + +.cosmic-dock.extended.side.right #dock { + border-right-width: 0 !important; } + +.cosmic-dock.extended.bottom #dock { + border-bottom-width: 0 !important; + border-left-width: 0 !important; + border-right-width: 0 !important; } + +.cosmic-dock .app-well-app:hover .overview-icon, .cosmic-dock .app-well-app:focus .overview-icon, .cosmic-dock .app-well-app:selected .overview-icon { + border-radius: 11px; } + +/*# sourceMappingURL=gnome-shell.css.map */ diff --git a/.themes/Otis/gtk-2.0/apps/chrome.rc b/.themes/Otis/gtk-2.0/apps/chrome.rc new file mode 100755 index 000000000..0c37ab339 --- /dev/null +++ b/.themes/Otis/gtk-2.0/apps/chrome.rc @@ -0,0 +1,50 @@ +# ============================================================================== +# CHROME/-UIM SPECIFIC SETTINGS +# ============================================================================== + +# Chromium lets us define some colours and settings for better integration + +style "chrome-gtk-frame" +{ + ChromeGtkFrame::frame-color = @wm_color + ChromeGtkFrame::inactive-frame-color = @unfocused_wm_color + + ChromeGtkFrame::frame-gradient-size = 16 + ChromeGtkFrame::frame-gradient-color = shade(1.07, @wm_color) + + ChromeGtkFrame::incognito-frame-color = shade(0.85, @wm_color) + ChromeGtkFrame::incognito-inactive-frame-color = @wm_color + + ChromeGtkFrame::incognito-frame-gradient-color = @wm_color + + ChromeGtkFrame::scrollbar-trough-color = shade(0.912, @wm_color) + ChromeGtkFrame::scrollbar-slider-prelight-color = shade(1.04, @wm_color) + ChromeGtkFrame::scrollbar-slider-normal-color = @wm_color +} + +class "ChromeGtkFrame" style "chrome-gtk-frame" + +# Chromium uses base as the fill colour of its own entries +# This would be fine but Gtk+ uses it to fill the surrounding space, so its set to bg +# That results in Chromium using it for the fill, so we need to handle that + +style "chrome_entry" { + base[NORMAL] = @base_color + base[INSENSITIVE] = @base_color +} + +widget_class "*Chrom*" style "chrome_entry" + +# Chrome Menu item background + +style "chrome_menu_item" +{ + bg[SELECTED] = @wm_color +} + +widget_class "***" style "chrome_menu_item" + + +# Chrome buttons + +widget_class "*Chrom*Button*" style "button" diff --git a/.themes/Otis/gtk-2.0/apps/gimp.rc b/.themes/Otis/gtk-2.0/apps/gimp.rc new file mode 100755 index 000000000..490880394 --- /dev/null +++ b/.themes/Otis/gtk-2.0/apps/gimp.rc @@ -0,0 +1,83 @@ +# ============================================================================== +# GIMP SPECIFIC SETTINGS +# ============================================================================== + +# TODO: This could really look nicer +style "gimp_spin_scale" { + + # Spin background + bg[NORMAL] = @base_color + + engine "pixmap" { + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + overlay_file = "assets/spin-up-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + overlay_file = "assets/spin-down-insensitive.png" + overlay_stretch = FALSE + } + + } + +} + + +# Disable spin button assets for GimpSpinScale +class "GimpSpinScale" style "gimp_spin_scale" \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/apps/libreoffice.rc b/.themes/Otis/gtk-2.0/apps/libreoffice.rc new file mode 100755 index 000000000..6e976a2b4 --- /dev/null +++ b/.themes/Otis/gtk-2.0/apps/libreoffice.rc @@ -0,0 +1,12 @@ +# ============================================================================== +# OPEN/LIBREOFFICE SPECIFIC SETTINGS +# ============================================================================== + +style "ooo_stepper_hack" +{ + GtkScrollbar::stepper-size = 13 + GtkScrollbar::has-backward-stepper = 1 + GtkScrollbar::has-forward-stepper = 1 +} + +widget "*openoffice-toplevel*" style "ooo_stepper_hack" \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/apps/terminal.rc b/.themes/Otis/gtk-2.0/apps/terminal.rc new file mode 100755 index 000000000..07f4346b7 --- /dev/null +++ b/.themes/Otis/gtk-2.0/apps/terminal.rc @@ -0,0 +1,48 @@ +# ============================================================================== +# GNOME TERMINAL SPECIFIC SETTINGS +# ============================================================================== + +style "terminal_window" = "dark" { +} + +style "terminal_menubar" +{ + + engine "murrine" { + } +} + +style "terminal_notebook" = "dark" +{ + fg[ACTIVE] = mix (0.8, "#DADBDB", "#DADBDB") + + engine "murrine" { + } +} + +style "terminal_scrollbar" = "scrollbar" +{ + bg[NORMAL] = "#263238" + bg[PRELIGHT] = shade(1.08, "#263238") + bg[ACTIVE] = shade(0.94, "#263238") + bg[SELECTED] = shade(1.0, @selected_bg_color) + bg[INSENSITIVE] = "#263238" + + engine "murrine" { + } +} + +style "terminal_screen" +{ + text[NORMAL] = "#DADBDB" + base[NORMAL] = "#384952" + + TerminalScreen::background-darkness = 0.95 +} + +widget "*TerminalWindow*" style "terminal_window" +#widget "*TerminalWindow.*.*enu?ar" style "terminal_menubar" +widget "*TerminalWindow.*.GtkNotebook*" style "terminal_notebook" +widget "*TerminalWindow.*.GtkNotebook.*.GtkVScrollbar*" style "terminal_scrollbar" +#widget "*TerminalWindow.*.GtkNotebook*utton*" style "terminal_button" +widget "*TerminalWindow.*.TerminalScreen*" style "terminal_screen" diff --git a/.themes/Otis/gtk-2.0/apps/thunar.rc b/.themes/Otis/gtk-2.0/apps/thunar.rc new file mode 100755 index 000000000..328ceb58c --- /dev/null +++ b/.themes/Otis/gtk-2.0/apps/thunar.rc @@ -0,0 +1,24 @@ +# ============================================================================== +# THUNAR SPECIFIC SETTINGS +# ============================================================================== + +style "sidepane" { + + GtkTreeView::odd_row_color = @sidebar_bg + GtkTreeView::even_row_color = @sidebar_bg + base[NORMAL] = @bg_color + base[INSENSITIVE] = mix(0.4, shade(1.35, @selected_bg_color), shade(0.9, @base_color)) + bg[NORMAL] = @bg_color + text[NORMAL] = mix(0.9, @fg_color, @bg_color) +} + +style "thunar-frame" { + xthickness = 0 + ythickness = 0 +} +style "thunar-handle" { GtkPaned::handle-size = 2 } +widget_class "*ThunarWindow*." style "thunar-frame" +widget_class "*ThunarWindow*." style "thunar-handle" + +widget_class "*ThunarShortcutsView*" style "sidepane" +widget_class "*ThunarTreeView*" style "sidepane" diff --git a/.themes/Otis/gtk-2.0/apps/xfce.rc b/.themes/Otis/gtk-2.0/apps/xfce.rc new file mode 100755 index 000000000..f8c2acd5a --- /dev/null +++ b/.themes/Otis/gtk-2.0/apps/xfce.rc @@ -0,0 +1,90 @@ +style "theme-panel" = "dark" { + xthickness = 1 + ythickness = 1 + bg[NORMAL] = @panel_bg_color +} + +style "xfdesktop-icon-view" { + XfdesktopIconView::label-alpha = 0 + XfdesktopIconView::selected-label-alpha = 80 + XfdesktopIconView::shadow-x-offset = 0 + XfdesktopIconView::shadow-y-offset = 0 + XfdesktopIconView::selected-shadow-x-offset = 0 + XfdesktopIconView::selected-shadow-y-offset = 0 + XfdesktopIconView::shadow-color = @tooltip_bg_color + XfdesktopIconView::selected-shadow-color = @tooltip_bg_color + XfdesktopIconView::cell-spacing = 2 + XfdesktopIconView::cell-padding = 6 + XfdesktopIconView::cell-text-width-proportion = 1.9 + + fg[NORMAL] = shade (0.9, @selected_fg_color) + fg[ACTIVE] = @selected_fg_color + +} + +style "theme-panel-text" = "dark" { +} + +style "panel-entry" = "dark" { +} + +style "theme-main-menu-text" = "theme-panel-text" +{ + fg[PRELIGHT] = "#ffffff" + text[PRELIGHT] = "#ffffff" +} + +style "workspace-switcher" = "dark" +{ + bg[SELECTED] = shade (0.8, @selected_bg_color) +} + +style "window-buttons" = "dark" { + +} + +style "indicator" = "theme-panel" +{ + xthickness = 0 + ythickness = 0 +} + +widget "*PanelWidget*" style "theme-panel" +widget "*PanelApplet*" style "theme-panel" +widget "*fast-user-switch*" style "theme-panel" +widget "*CPUFreq*Applet*" style "theme-panel" +class "PanelApp*" style "theme-panel" +class "PanelToplevel*" style "theme-panel" +widget_class "*PanelToplevel*" style "theme-panel" +widget_class "*notif*" style "theme-panel" +widget_class "*Notif*" style "theme-panel" +widget_class "*Tray*" style "theme-panel" +widget_class "*tray*" style "theme-panel" +widget_class "*computertemp*" style "theme-panel" +widget_class "*Applet*Tomboy*" style "theme-panel" +widget_class "*Applet*Netstatus*" style "theme-panel" + +# Fixes for tooltip text in some apps. +widget_class "*Notif*Beagle*" style "theme-panel" +widget_class "*Notif*Brasero*" style "theme-panel" + +# XFCE panel theming. +widget "*Xfce*Panel*" style "theme-panel" +class "*Xfce*Panel*" style "theme-panel" +widget "*WnckPager*" style "workspace-switcher" +widget "*XfdesktopIconView*" style "xfdesktop-icon-view" + +# Fix gtk-entries in the panel +class "*SexyIconEntry*" style:highest "entry" # fixes dict-plugin +widget "*xfce4-verve-plugin*GtkEntry" style:highest "entry" # fixes verve-plugin + +# Make sure panel text color doesn't change +widget_class "*Panel*MenuBar*" style "theme-main-menu-text" +widget_class "*Panel**" style "theme-main-menu-text" +widget "*.clock-applet-button.*" style "theme-panel-text" +widget "*PanelApplet*" style "theme-panel-text" + +# Override general panel-style with specific plugin-styles +widget "*indicator-applet*" style "indicator" +widget "*indicator-button*" style "indicator" +#widget "*XfceTasklist*" style "dark_button" diff --git a/.themes/Otis/gtk-2.0/assets/border.png b/.themes/Otis/gtk-2.0/assets/border.png new file mode 100644 index 000000000..80b3d658f Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/border.png differ diff --git a/.themes/Otis/gtk-2.0/assets/button-active.png b/.themes/Otis/gtk-2.0/assets/button-active.png new file mode 100644 index 000000000..339f72061 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/button-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/button-hover.png b/.themes/Otis/gtk-2.0/assets/button-hover.png new file mode 100644 index 000000000..c7a93496d Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/button-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/button-insensitive.png b/.themes/Otis/gtk-2.0/assets/button-insensitive.png new file mode 100644 index 000000000..1e610fba4 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/button-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/button.png b/.themes/Otis/gtk-2.0/assets/button.png new file mode 100644 index 000000000..9a709a0f2 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/button.png differ diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-checked-active.png b/.themes/Otis/gtk-2.0/assets/checkbox-checked-active.png new file mode 120000 index 000000000..358a499be --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-checked-active.png @@ -0,0 +1 @@ +../../assets/checkbox-checked-active-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-checked-hover.png b/.themes/Otis/gtk-2.0/assets/checkbox-checked-hover.png new file mode 120000 index 000000000..e70f9272f --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-checked-hover.png @@ -0,0 +1 @@ +../../assets/checkbox-checked-hover-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-checked-insensitive.png b/.themes/Otis/gtk-2.0/assets/checkbox-checked-insensitive.png new file mode 120000 index 000000000..09a0a7c33 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-checked-insensitive.png @@ -0,0 +1 @@ +../../assets/checkbox-checked-insensitive-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-checked.png b/.themes/Otis/gtk-2.0/assets/checkbox-checked.png new file mode 120000 index 000000000..b4e66c61a --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-checked.png @@ -0,0 +1 @@ +../../assets/checkbox-checked-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-mixed-active.png b/.themes/Otis/gtk-2.0/assets/checkbox-mixed-active.png new file mode 120000 index 000000000..bdd98deba --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-mixed-active.png @@ -0,0 +1 @@ +../../assets/checkbox-mixed-active-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-mixed-hover.png b/.themes/Otis/gtk-2.0/assets/checkbox-mixed-hover.png new file mode 120000 index 000000000..9645910c0 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-mixed-hover.png @@ -0,0 +1 @@ +../../assets/checkbox-mixed-hover-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-mixed-insensitive.png b/.themes/Otis/gtk-2.0/assets/checkbox-mixed-insensitive.png new file mode 120000 index 000000000..becdb27bd --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-mixed-insensitive.png @@ -0,0 +1 @@ +../../assets/checkbox-mixed-insensitive-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-mixed.png b/.themes/Otis/gtk-2.0/assets/checkbox-mixed.png new file mode 120000 index 000000000..329ae4210 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-mixed.png @@ -0,0 +1 @@ +../../assets/checkbox-mixed-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-unchecked-active.png b/.themes/Otis/gtk-2.0/assets/checkbox-unchecked-active.png new file mode 120000 index 000000000..ea9bd36a3 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-unchecked-active.png @@ -0,0 +1 @@ +../../assets/checkbox-unchecked-active-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-unchecked-hover.png b/.themes/Otis/gtk-2.0/assets/checkbox-unchecked-hover.png new file mode 120000 index 000000000..9cc8f135b --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-unchecked-hover.png @@ -0,0 +1 @@ +../../assets/checkbox-unchecked-hover-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-unchecked-insensitive.png b/.themes/Otis/gtk-2.0/assets/checkbox-unchecked-insensitive.png new file mode 120000 index 000000000..afe28263d --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-unchecked-insensitive.png @@ -0,0 +1 @@ +../../assets/checkbox-unchecked-insensitive-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/checkbox-unchecked.png b/.themes/Otis/gtk-2.0/assets/checkbox-unchecked.png new file mode 120000 index 000000000..68f2c4bd7 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/checkbox-unchecked.png @@ -0,0 +1 @@ +../../assets/checkbox-unchecked-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-active.png b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-active.png new file mode 100644 index 000000000..9e531f2f2 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-hover.png b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-hover.png new file mode 100644 index 000000000..8a802cd9d Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png new file mode 100644 index 000000000..119ad3222 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button.png b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button.png new file mode 100644 index 000000000..d48a9e73d Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-button.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry-active.png b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry-active.png new file mode 100644 index 000000000..f78ca0014 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png new file mode 100644 index 000000000..8a3e5d0ff Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry.png b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry.png new file mode 100644 index 000000000..079524cba Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-ltr-entry.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-active.png b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-active.png new file mode 100644 index 000000000..e21abc096 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-hover.png b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-hover.png new file mode 100644 index 000000000..1c48938fa Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png new file mode 100644 index 000000000..1414241a0 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button.png b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button.png new file mode 100644 index 000000000..911841c32 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-button.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry-active.png b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry-active.png new file mode 100644 index 000000000..e4c7a9a8c Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png new file mode 100644 index 000000000..062330c8f Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry.png b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry.png new file mode 100644 index 000000000..cef0bbc3b Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/combo-entry-rtl-entry.png differ diff --git a/.themes/Otis/gtk-2.0/assets/entry-active.png b/.themes/Otis/gtk-2.0/assets/entry-active.png new file mode 100644 index 000000000..7612872b2 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/entry-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/entry-background-insensitive.png b/.themes/Otis/gtk-2.0/assets/entry-background-insensitive.png new file mode 100644 index 000000000..de7dade40 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/entry-background-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/entry-background.png b/.themes/Otis/gtk-2.0/assets/entry-background.png new file mode 100644 index 000000000..de7dade40 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/entry-background.png differ diff --git a/.themes/Otis/gtk-2.0/assets/entry-insensitive.png b/.themes/Otis/gtk-2.0/assets/entry-insensitive.png new file mode 100644 index 000000000..422111f8c Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/entry-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/entry.png b/.themes/Otis/gtk-2.0/assets/entry.png new file mode 100644 index 000000000..9b74fdac6 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/entry.png differ diff --git a/.themes/Otis/gtk-2.0/assets/focus.png b/.themes/Otis/gtk-2.0/assets/focus.png new file mode 100644 index 000000000..17a73652b Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/focus.png differ diff --git a/.themes/Otis/gtk-2.0/assets/frame-inline.png b/.themes/Otis/gtk-2.0/assets/frame-inline.png new file mode 100644 index 000000000..f3e7a41a2 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/frame-inline.png differ diff --git a/.themes/Otis/gtk-2.0/assets/frame-notebook.png b/.themes/Otis/gtk-2.0/assets/frame-notebook.png new file mode 100644 index 000000000..406cf60cc Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/frame-notebook.png differ diff --git a/.themes/Otis/gtk-2.0/assets/frame.png b/.themes/Otis/gtk-2.0/assets/frame.png new file mode 100644 index 000000000..b1a513a14 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/frame.png differ diff --git a/.themes/Otis/gtk-2.0/assets/handle-horz.png b/.themes/Otis/gtk-2.0/assets/handle-horz.png new file mode 100644 index 000000000..95540cf8d Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/handle-horz.png differ diff --git a/.themes/Otis/gtk-2.0/assets/handle-vert.png b/.themes/Otis/gtk-2.0/assets/handle-vert.png new file mode 100644 index 000000000..fee2e33ef Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/handle-vert.png differ diff --git a/.themes/Otis/gtk-2.0/assets/handle.png b/.themes/Otis/gtk-2.0/assets/handle.png new file mode 100644 index 000000000..27cf6f044 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/handle.png differ diff --git a/.themes/Otis/gtk-2.0/assets/line.png b/.themes/Otis/gtk-2.0/assets/line.png new file mode 100644 index 000000000..915ee6912 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/line.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-border.png b/.themes/Otis/gtk-2.0/assets/menu-border.png new file mode 100644 index 000000000..6fb06b87e Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-border.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-checkbox-checked-hover.png b/.themes/Otis/gtk-2.0/assets/menu-checkbox-checked-hover.png new file mode 100644 index 000000000..85dd1a628 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-checkbox-checked-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-checkbox-checked-insensitive.png b/.themes/Otis/gtk-2.0/assets/menu-checkbox-checked-insensitive.png new file mode 100644 index 000000000..e5c22a31c Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-checkbox-checked-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-checkbox-checked.png b/.themes/Otis/gtk-2.0/assets/menu-checkbox-checked.png new file mode 100644 index 000000000..d61f57d66 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-checkbox-checked.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-checkbox-hover.png b/.themes/Otis/gtk-2.0/assets/menu-checkbox-hover.png new file mode 100644 index 000000000..09ec3c376 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-checkbox-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-checkbox-insensitive.png b/.themes/Otis/gtk-2.0/assets/menu-checkbox-insensitive.png new file mode 100644 index 000000000..c65a08e0b Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-checkbox-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-checkbox-mixed-hover.png b/.themes/Otis/gtk-2.0/assets/menu-checkbox-mixed-hover.png new file mode 100644 index 000000000..d1ea3d64f Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-checkbox-mixed-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png b/.themes/Otis/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png new file mode 100644 index 000000000..2e467f99d Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-checkbox-mixed.png b/.themes/Otis/gtk-2.0/assets/menu-checkbox-mixed.png new file mode 100644 index 000000000..26f9e9858 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-checkbox-mixed.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-checkbox.png b/.themes/Otis/gtk-2.0/assets/menu-checkbox.png new file mode 100644 index 000000000..09ec3c376 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-checkbox.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-pan-down-insensitive.png b/.themes/Otis/gtk-2.0/assets/menu-pan-down-insensitive.png new file mode 100644 index 000000000..8e5042199 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-pan-down-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-pan-down.png b/.themes/Otis/gtk-2.0/assets/menu-pan-down.png new file mode 100644 index 000000000..06321d27d Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-pan-down.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-pan-left-hover.png b/.themes/Otis/gtk-2.0/assets/menu-pan-left-hover.png new file mode 100644 index 000000000..287335453 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-pan-left-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-pan-left-insensitive.png b/.themes/Otis/gtk-2.0/assets/menu-pan-left-insensitive.png new file mode 100644 index 000000000..4a34692df Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-pan-left-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-pan-left.png b/.themes/Otis/gtk-2.0/assets/menu-pan-left.png new file mode 100644 index 000000000..287335453 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-pan-left.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-pan-right-hover.png b/.themes/Otis/gtk-2.0/assets/menu-pan-right-hover.png new file mode 100644 index 000000000..1bce6b34e Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-pan-right-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-pan-right-insensitive.png b/.themes/Otis/gtk-2.0/assets/menu-pan-right-insensitive.png new file mode 100644 index 000000000..5daedfaf2 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-pan-right-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-pan-right.png b/.themes/Otis/gtk-2.0/assets/menu-pan-right.png new file mode 100644 index 000000000..1bce6b34e Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-pan-right.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-pan-up-insensitive.png b/.themes/Otis/gtk-2.0/assets/menu-pan-up-insensitive.png new file mode 100644 index 000000000..e998f0cd4 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-pan-up-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-pan-up.png b/.themes/Otis/gtk-2.0/assets/menu-pan-up.png new file mode 100644 index 000000000..37098c024 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-pan-up.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-radio-checked-hover.png b/.themes/Otis/gtk-2.0/assets/menu-radio-checked-hover.png new file mode 100644 index 000000000..b1f132c7b Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-radio-checked-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-radio-checked-insensitive.png b/.themes/Otis/gtk-2.0/assets/menu-radio-checked-insensitive.png new file mode 100644 index 000000000..d112b8112 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-radio-checked-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-radio-checked.png b/.themes/Otis/gtk-2.0/assets/menu-radio-checked.png new file mode 100644 index 000000000..b1f132c7b Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-radio-checked.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-radio-hover.png b/.themes/Otis/gtk-2.0/assets/menu-radio-hover.png new file mode 100644 index 000000000..e5327ec7b Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-radio-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-radio-insensitive.png b/.themes/Otis/gtk-2.0/assets/menu-radio-insensitive.png new file mode 100644 index 000000000..39cb34236 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-radio-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-radio-mixed-hover.png b/.themes/Otis/gtk-2.0/assets/menu-radio-mixed-hover.png new file mode 100644 index 000000000..a1d4e0763 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-radio-mixed-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-radio-mixed-insensitive.png b/.themes/Otis/gtk-2.0/assets/menu-radio-mixed-insensitive.png new file mode 100644 index 000000000..84152bc46 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-radio-mixed-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-radio-mixed.png b/.themes/Otis/gtk-2.0/assets/menu-radio-mixed.png new file mode 100644 index 000000000..a1d4e0763 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-radio-mixed.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menu-radio.png b/.themes/Otis/gtk-2.0/assets/menu-radio.png new file mode 100644 index 000000000..e5327ec7b Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menu-radio.png differ diff --git a/.themes/Otis/gtk-2.0/assets/menubar-item-active.png b/.themes/Otis/gtk-2.0/assets/menubar-item-active.png new file mode 100644 index 000000000..81a3b14b0 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/menubar-item-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png new file mode 100644 index 000000000..207082cf3 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png new file mode 100644 index 000000000..1fcc48a6d Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png new file mode 100644 index 000000000..71558934a Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png differ diff --git a/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png new file mode 100644 index 000000000..78d18b6af Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png new file mode 100644 index 000000000..89a63a641 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png new file mode 100644 index 000000000..447e68330 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/notebook-combo-entry-rtl-entry.png differ diff --git a/.themes/Otis/gtk-2.0/assets/notebook-entry-active.png b/.themes/Otis/gtk-2.0/assets/notebook-entry-active.png new file mode 100644 index 000000000..7612872b2 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/notebook-entry-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/notebook-entry-insensitive.png b/.themes/Otis/gtk-2.0/assets/notebook-entry-insensitive.png new file mode 100644 index 000000000..422111f8c Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/notebook-entry-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/notebook-entry.png b/.themes/Otis/gtk-2.0/assets/notebook-entry.png new file mode 100644 index 000000000..9b74fdac6 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/notebook-entry.png differ diff --git a/.themes/Otis/gtk-2.0/assets/pan-down-insensitive.png b/.themes/Otis/gtk-2.0/assets/pan-down-insensitive.png new file mode 100644 index 000000000..8e5042199 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/pan-down-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/pan-down.png b/.themes/Otis/gtk-2.0/assets/pan-down.png new file mode 100644 index 000000000..06321d27d Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/pan-down.png differ diff --git a/.themes/Otis/gtk-2.0/assets/pan-left-insensitive.png b/.themes/Otis/gtk-2.0/assets/pan-left-insensitive.png new file mode 100644 index 000000000..c1ecb6621 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/pan-left-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/pan-left-semi.png b/.themes/Otis/gtk-2.0/assets/pan-left-semi.png new file mode 100644 index 000000000..bb9deda61 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/pan-left-semi.png differ diff --git a/.themes/Otis/gtk-2.0/assets/pan-left.png b/.themes/Otis/gtk-2.0/assets/pan-left.png new file mode 100644 index 000000000..6a40875d0 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/pan-left.png differ diff --git a/.themes/Otis/gtk-2.0/assets/pan-right-insensitive.png b/.themes/Otis/gtk-2.0/assets/pan-right-insensitive.png new file mode 100644 index 000000000..880a88a40 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/pan-right-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/pan-right-semi.png b/.themes/Otis/gtk-2.0/assets/pan-right-semi.png new file mode 100644 index 000000000..ed6f48a0a Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/pan-right-semi.png differ diff --git a/.themes/Otis/gtk-2.0/assets/pan-right.png b/.themes/Otis/gtk-2.0/assets/pan-right.png new file mode 100644 index 000000000..64cf6497b Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/pan-right.png differ diff --git a/.themes/Otis/gtk-2.0/assets/pan-up-insensitive.png b/.themes/Otis/gtk-2.0/assets/pan-up-insensitive.png new file mode 100644 index 000000000..e998f0cd4 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/pan-up-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/pan-up.png b/.themes/Otis/gtk-2.0/assets/pan-up.png new file mode 100644 index 000000000..37098c024 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/pan-up.png differ diff --git a/.themes/Otis/gtk-2.0/assets/progressbar-horz-trough.png b/.themes/Otis/gtk-2.0/assets/progressbar-horz-trough.png new file mode 100644 index 000000000..d51768288 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/progressbar-horz-trough.png differ diff --git a/.themes/Otis/gtk-2.0/assets/progressbar-horz.png b/.themes/Otis/gtk-2.0/assets/progressbar-horz.png new file mode 100644 index 000000000..0a7a4b210 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/progressbar-horz.png differ diff --git a/.themes/Otis/gtk-2.0/assets/progressbar-vert-trough.png b/.themes/Otis/gtk-2.0/assets/progressbar-vert-trough.png new file mode 100644 index 000000000..d21c9962a Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/progressbar-vert-trough.png differ diff --git a/.themes/Otis/gtk-2.0/assets/progressbar-vert.png b/.themes/Otis/gtk-2.0/assets/progressbar-vert.png new file mode 100644 index 000000000..b9a9199be Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/progressbar-vert.png differ diff --git a/.themes/Otis/gtk-2.0/assets/radio-checked-active.png b/.themes/Otis/gtk-2.0/assets/radio-checked-active.png new file mode 120000 index 000000000..a5e69ca07 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-checked-active.png @@ -0,0 +1 @@ +../../assets/radio-checked-active-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/radio-checked-hover.png b/.themes/Otis/gtk-2.0/assets/radio-checked-hover.png new file mode 120000 index 000000000..36642090c --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-checked-hover.png @@ -0,0 +1 @@ +../../assets/radio-checked-hover-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/radio-checked-insensitive.png b/.themes/Otis/gtk-2.0/assets/radio-checked-insensitive.png new file mode 120000 index 000000000..dbcab7589 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-checked-insensitive.png @@ -0,0 +1 @@ +../../assets/radio-checked-insensitive-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/radio-checked.png b/.themes/Otis/gtk-2.0/assets/radio-checked.png new file mode 120000 index 000000000..d7b927866 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-checked.png @@ -0,0 +1 @@ +../../assets/radio-checked-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/radio-mixed-active.png b/.themes/Otis/gtk-2.0/assets/radio-mixed-active.png new file mode 120000 index 000000000..6a3722a26 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-mixed-active.png @@ -0,0 +1 @@ +../../assets/radio-mixed-active-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/radio-mixed-hover.png b/.themes/Otis/gtk-2.0/assets/radio-mixed-hover.png new file mode 120000 index 000000000..74082a83d --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-mixed-hover.png @@ -0,0 +1 @@ +../../assets/radio-mixed-hover-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/radio-mixed-insensitive.png b/.themes/Otis/gtk-2.0/assets/radio-mixed-insensitive.png new file mode 120000 index 000000000..ccf299b35 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-mixed-insensitive.png @@ -0,0 +1 @@ +../../assets/radio-mixed-insensitive-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/radio-mixed.png b/.themes/Otis/gtk-2.0/assets/radio-mixed.png new file mode 120000 index 000000000..587128b20 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-mixed.png @@ -0,0 +1 @@ +../../assets/radio-mixed-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/radio-unchecked-active.png b/.themes/Otis/gtk-2.0/assets/radio-unchecked-active.png new file mode 120000 index 000000000..970352560 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-unchecked-active.png @@ -0,0 +1 @@ +../../assets/radio-unchecked-active-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/radio-unchecked-hover.png b/.themes/Otis/gtk-2.0/assets/radio-unchecked-hover.png new file mode 120000 index 000000000..71695dc07 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-unchecked-hover.png @@ -0,0 +1 @@ +../../assets/radio-unchecked-hover-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/radio-unchecked-insensitive.png b/.themes/Otis/gtk-2.0/assets/radio-unchecked-insensitive.png new file mode 120000 index 000000000..aa4322cd7 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-unchecked-insensitive.png @@ -0,0 +1 @@ +../../assets/radio-unchecked-insensitive-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/radio-unchecked.png b/.themes/Otis/gtk-2.0/assets/radio-unchecked.png new file mode 120000 index 000000000..483d717b3 --- /dev/null +++ b/.themes/Otis/gtk-2.0/assets/radio-unchecked.png @@ -0,0 +1 @@ +../../assets/radio-unchecked-dark.png \ No newline at end of file diff --git a/.themes/Otis/gtk-2.0/assets/scale-horz-focus.png b/.themes/Otis/gtk-2.0/assets/scale-horz-focus.png new file mode 100644 index 000000000..d76ad3eac Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scale-horz-focus.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scale-horz-trough-active.png b/.themes/Otis/gtk-2.0/assets/scale-horz-trough-active.png new file mode 100644 index 000000000..185af823c Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scale-horz-trough-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scale-horz-trough.png b/.themes/Otis/gtk-2.0/assets/scale-horz-trough.png new file mode 100644 index 000000000..45342c9b9 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scale-horz-trough.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scale-slider-active.png b/.themes/Otis/gtk-2.0/assets/scale-slider-active.png new file mode 100644 index 000000000..2352f3c60 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scale-slider-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scale-slider-hover.png b/.themes/Otis/gtk-2.0/assets/scale-slider-hover.png new file mode 100644 index 000000000..afc137e3f Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scale-slider-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scale-slider-insensitive.png b/.themes/Otis/gtk-2.0/assets/scale-slider-insensitive.png new file mode 100644 index 000000000..b448f4e72 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scale-slider-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scale-slider.png b/.themes/Otis/gtk-2.0/assets/scale-slider.png new file mode 100644 index 000000000..b448f4e72 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scale-slider.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scale-vert-trough-active.png b/.themes/Otis/gtk-2.0/assets/scale-vert-trough-active.png new file mode 100644 index 000000000..b6fe7f8e6 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scale-vert-trough-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scale-vert-trough.png b/.themes/Otis/gtk-2.0/assets/scale-vert-trough.png new file mode 100644 index 000000000..0776fe0a5 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scale-vert-trough.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-horz-slider-active.png b/.themes/Otis/gtk-2.0/assets/scrollbar-horz-slider-active.png new file mode 100644 index 000000000..304e02ba8 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-horz-slider-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/.themes/Otis/gtk-2.0/assets/scrollbar-horz-slider-hover.png new file mode 100644 index 000000000..fca371809 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-horz-slider-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-horz-slider.png b/.themes/Otis/gtk-2.0/assets/scrollbar-horz-slider.png new file mode 100644 index 000000000..5cdf0d9e8 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-horz-slider.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-horz-trough.png b/.themes/Otis/gtk-2.0/assets/scrollbar-horz-trough.png new file mode 100644 index 000000000..32c7dd681 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-horz-trough.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png new file mode 100644 index 000000000..abe819bab Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-active.png b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-active.png new file mode 100644 index 000000000..abe819bab Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png new file mode 100644 index 000000000..53267bfa6 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-hover.png b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-hover.png new file mode 100644 index 000000000..53267bfa6 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-rtl.png b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-rtl.png new file mode 100644 index 000000000..2b74daa39 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider-rtl.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider.png b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider.png new file mode 100644 index 000000000..de6ee6bf6 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-slider.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-vert-trough-rtl.png b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-trough-rtl.png new file mode 100644 index 000000000..29392f749 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-trough-rtl.png differ diff --git a/.themes/Otis/gtk-2.0/assets/scrollbar-vert-trough.png b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-trough.png new file mode 100644 index 000000000..29392f749 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/scrollbar-vert-trough.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-down-insensitive.png b/.themes/Otis/gtk-2.0/assets/spin-down-insensitive.png new file mode 100644 index 000000000..ad47a61de Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-down-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-down.png b/.themes/Otis/gtk-2.0/assets/spin-down.png new file mode 100644 index 000000000..2ada70401 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-down.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-ltr-down-active.png b/.themes/Otis/gtk-2.0/assets/spin-ltr-down-active.png new file mode 100644 index 000000000..4c2dbcd44 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-ltr-down-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-ltr-down-hover.png b/.themes/Otis/gtk-2.0/assets/spin-ltr-down-hover.png new file mode 100644 index 000000000..dcea1515c Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-ltr-down-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-ltr-down-insensitive.png b/.themes/Otis/gtk-2.0/assets/spin-ltr-down-insensitive.png new file mode 100644 index 000000000..8b3a78cea Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-ltr-down-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-ltr-down.png b/.themes/Otis/gtk-2.0/assets/spin-ltr-down.png new file mode 100644 index 000000000..1f1b7116e Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-ltr-down.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-ltr-up-active.png b/.themes/Otis/gtk-2.0/assets/spin-ltr-up-active.png new file mode 100644 index 000000000..f6cd6b202 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-ltr-up-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-ltr-up-hover.png b/.themes/Otis/gtk-2.0/assets/spin-ltr-up-hover.png new file mode 100644 index 000000000..c930f9e55 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-ltr-up-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-ltr-up-insensitive.png b/.themes/Otis/gtk-2.0/assets/spin-ltr-up-insensitive.png new file mode 100644 index 000000000..a6f174feb Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-ltr-up-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-ltr-up.png b/.themes/Otis/gtk-2.0/assets/spin-ltr-up.png new file mode 100644 index 000000000..a6f174feb Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-ltr-up.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-rtl-down-active.png b/.themes/Otis/gtk-2.0/assets/spin-rtl-down-active.png new file mode 100644 index 000000000..f9d7f92db Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-rtl-down-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-rtl-down-hover.png b/.themes/Otis/gtk-2.0/assets/spin-rtl-down-hover.png new file mode 100644 index 000000000..3f19ee22e Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-rtl-down-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-rtl-down-insensitive.png b/.themes/Otis/gtk-2.0/assets/spin-rtl-down-insensitive.png new file mode 100644 index 000000000..f4e5b3806 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-rtl-down-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-rtl-down.png b/.themes/Otis/gtk-2.0/assets/spin-rtl-down.png new file mode 100644 index 000000000..3c65c2542 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-rtl-down.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-rtl-up-active.png b/.themes/Otis/gtk-2.0/assets/spin-rtl-up-active.png new file mode 100644 index 000000000..8ec9c10fa Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-rtl-up-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-rtl-up-hover.png b/.themes/Otis/gtk-2.0/assets/spin-rtl-up-hover.png new file mode 100644 index 000000000..30452f444 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-rtl-up-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-rtl-up-insensitive.png b/.themes/Otis/gtk-2.0/assets/spin-rtl-up-insensitive.png new file mode 100644 index 000000000..e7832e964 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-rtl-up-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-rtl-up.png b/.themes/Otis/gtk-2.0/assets/spin-rtl-up.png new file mode 100644 index 000000000..453e0cf97 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-rtl-up.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-up-insensitive.png b/.themes/Otis/gtk-2.0/assets/spin-up-insensitive.png new file mode 100644 index 000000000..2e4ee4f60 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-up-insensitive.png differ diff --git a/.themes/Otis/gtk-2.0/assets/spin-up.png b/.themes/Otis/gtk-2.0/assets/spin-up.png new file mode 100644 index 000000000..4bd52fc6d Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/spin-up.png differ diff --git a/.themes/Otis/gtk-2.0/assets/tab-down-active.png b/.themes/Otis/gtk-2.0/assets/tab-down-active.png new file mode 100644 index 000000000..9d6600876 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/tab-down-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/tab-down.png b/.themes/Otis/gtk-2.0/assets/tab-down.png new file mode 100644 index 000000000..1875c9c90 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/tab-down.png differ diff --git a/.themes/Otis/gtk-2.0/assets/tab-horz-gap.png b/.themes/Otis/gtk-2.0/assets/tab-horz-gap.png new file mode 100644 index 000000000..7dbf7898e Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/tab-horz-gap.png differ diff --git a/.themes/Otis/gtk-2.0/assets/tab-left-active.png b/.themes/Otis/gtk-2.0/assets/tab-left-active.png new file mode 100644 index 000000000..0f5cde10d Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/tab-left-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/tab-left.png b/.themes/Otis/gtk-2.0/assets/tab-left.png new file mode 100644 index 000000000..1875c9c90 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/tab-left.png differ diff --git a/.themes/Otis/gtk-2.0/assets/tab-right-active.png b/.themes/Otis/gtk-2.0/assets/tab-right-active.png new file mode 100644 index 000000000..146198fb4 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/tab-right-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/tab-right.png b/.themes/Otis/gtk-2.0/assets/tab-right.png new file mode 100644 index 000000000..1875c9c90 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/tab-right.png differ diff --git a/.themes/Otis/gtk-2.0/assets/tab-up-active.png b/.themes/Otis/gtk-2.0/assets/tab-up-active.png new file mode 100644 index 000000000..6c16e0fc2 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/tab-up-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/tab-up.png b/.themes/Otis/gtk-2.0/assets/tab-up.png new file mode 100644 index 000000000..1875c9c90 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/tab-up.png differ diff --git a/.themes/Otis/gtk-2.0/assets/tab-vert-gap.png b/.themes/Otis/gtk-2.0/assets/tab-vert-gap.png new file mode 100644 index 000000000..b95246c63 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/tab-vert-gap.png differ diff --git a/.themes/Otis/gtk-2.0/assets/toolbar-button-active.png b/.themes/Otis/gtk-2.0/assets/toolbar-button-active.png new file mode 100644 index 000000000..339f72061 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/toolbar-button-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/toolbar-button-hover.png b/.themes/Otis/gtk-2.0/assets/toolbar-button-hover.png new file mode 100644 index 000000000..632d47bf8 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/toolbar-button-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/treeview-pan-down-active.png b/.themes/Otis/gtk-2.0/assets/treeview-pan-down-active.png new file mode 100644 index 000000000..033c8d722 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/treeview-pan-down-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/treeview-pan-down-hover.png b/.themes/Otis/gtk-2.0/assets/treeview-pan-down-hover.png new file mode 100644 index 000000000..0d68e1ea6 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/treeview-pan-down-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/treeview-pan-down.png b/.themes/Otis/gtk-2.0/assets/treeview-pan-down.png new file mode 100644 index 000000000..5a3302b68 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/treeview-pan-down.png differ diff --git a/.themes/Otis/gtk-2.0/assets/treeview-pan-up-active.png b/.themes/Otis/gtk-2.0/assets/treeview-pan-up-active.png new file mode 100644 index 000000000..bb6de7617 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/treeview-pan-up-active.png differ diff --git a/.themes/Otis/gtk-2.0/assets/treeview-pan-up-hover.png b/.themes/Otis/gtk-2.0/assets/treeview-pan-up-hover.png new file mode 100644 index 000000000..eadd767e6 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/treeview-pan-up-hover.png differ diff --git a/.themes/Otis/gtk-2.0/assets/treeview-pan-up.png b/.themes/Otis/gtk-2.0/assets/treeview-pan-up.png new file mode 100644 index 000000000..b5f0b5a54 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/treeview-pan-up.png differ diff --git a/.themes/Otis/gtk-2.0/assets/treeview-separator-ltr.png b/.themes/Otis/gtk-2.0/assets/treeview-separator-ltr.png new file mode 100644 index 000000000..0e6568fa0 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/treeview-separator-ltr.png differ diff --git a/.themes/Otis/gtk-2.0/assets/treeview-separator-rtl.png b/.themes/Otis/gtk-2.0/assets/treeview-separator-rtl.png new file mode 100644 index 000000000..5ac1534e7 Binary files /dev/null and b/.themes/Otis/gtk-2.0/assets/treeview-separator-rtl.png differ diff --git a/.themes/Otis/gtk-2.0/gtkrc b/.themes/Otis/gtk-2.0/gtkrc new file mode 100755 index 000000000..0ce0a479e --- /dev/null +++ b/.themes/Otis/gtk-2.0/gtkrc @@ -0,0 +1,31 @@ +# Text/base colors +gtk-color-scheme = "text_color:#d8dee9\nbase_color:#2e394c" +# Foreground/background colors +gtk-color-scheme = "fg_color:#d8dee9\nbg_color:#2a3344" +# Selection colors +gtk-color-scheme = "selected_fg_color:#fefefe\nselected_bg_color:#cd7ebf" +# Tooltip colors +gtk-color-scheme = "tooltip_fg_color:#f8f8f2\ntooltip_bg_color:#46474F" +# Window colors +gtk-color-scheme = "wm_color:#31363d\nunfocused_wm_color:#31363d" +# Panel colors +gtk-color-scheme = "panel_bg_color:#2e3440\npanel_fg_color:#d8dee9" +# Dark Theme - Text/base colors +gtk-color-scheme = "dark_text_color:#d8dee9\ndark_base_color:#2e394c" +# Dark Theme - Foreground/background colors +gtk-color-scheme = "dark_fg_color:#d8dee9\ndark_bg_color:#2a3344" +gtk-color-scheme = "sidebar_bg:#2e3440" +gtk-color-scheme = "sidebar_fg:#d8dee9" + +gtk-auto-mnemonics = 1 +gtk-primary-button-warps-slider = 1 + +include "main.rc" + +# App stylings +include "apps/chrome.rc" +include "apps/gimp.rc" +include "apps/libreoffice.rc" +include "apps/terminal.rc" +include "apps/thunar.rc" +include "apps/xfce.rc" diff --git a/.themes/Otis/gtk-2.0/main.rc b/.themes/Otis/gtk-2.0/main.rc new file mode 100755 index 000000000..507eb4ef0 --- /dev/null +++ b/.themes/Otis/gtk-2.0/main.rc @@ -0,0 +1,2627 @@ +style "default" { + + xthickness = 1 + ythickness = 1 + + #################### + # Style Properties # + #################### + + GtkWidget::focus-line-width = 1 + GtkWidget::focus-line-pattern = "\2\1" + + GtkToolbar::internal-padding = 4 + GtkToolButton::icon-spacing = 4 + + GtkWidget::tooltip-radius = 3 + GtkWidget::tooltip-alpha = 235 + GtkWidget::new-tooltip-style = 1 #for compatibility + + GtkWidget::link-color = shade(0.9, @selected_bg_color) + GtkWidget::visited-link-color = shade(0.8, @selected_bg_color) + GnomeHRef::link_color = shade(0.9, @selected_bg_color) + GtkHTML::link-color = shade(0.9, @selected_bg_color) + GtkHTML::vlink-color = shade(0.8, @selected_bg_color) + GtkIMHtml::hyperlink-color = shade(0.9, @selected_bg_color) + GtkIMHtml::hyperlink-visited-color = shade(0.8, @selected_bg_color) + + GtkSeparatorMenuItem::horizontal-padding = 0 + GtkSeparatorMenuItem::wide-separators = 1 + GtkSeparatorMenuItem::separator-height = 1 + + GtkButton::child-displacement-y = 0 + + GtkButton::default-border = {0, 0, 0, 0} + GtkButton::default-outside-border = {0, 0, 0, 0} + GtkButton::inner-border = {4, 4, 4, 4} + + GtkEntry::state-hint = 1 + GtkEntry::inner-border = {7, 7, 4, 5} + + GtkPaned::handle-size = 2 + GtkHPaned::handle-size = 2 + GtkVPaned::handle-size = 2 + + GtkScrollbar::trough-border = 0 + GtkRange::trough-border = 0 + GtkRange::slider-width = 13 + GtkRange::stepper-size = 0 + GtkRange::activate-slider = 1 + + GtkScrollbar::activate-slider = 1 + GtkScrollbar::stepper-size = 0 + GtkScrollbar::has-backward-stepper = 0 + GtkScrollbar::has-forward-stepper = 0 + GtkScrollbar::min-slider-length = 48 # 42 + 2*3 (margins) + GtkScrolledWindow::scrollbar-spacing = 0 + GtkScrolledWindow::scrollbars-within-bevel = 1 + + GtkScale::slider_length = 26 + GtkScale::slider_width = 26 + GtkScale::trough-side-details = 1 + + GtkProgressBar::min-horizontal-bar-height = 6 + GtkProgressBar::min-vertical-bar-width = 6 + # Making this bigger than the min[height,width]-2*[y,x]spacing makes the + # whole progressbar thicker, so by setting it to the exact above value + # we get the maximum spacing between the text and the edges without + # doing so. + GtkProgressBar::xspacing = 4 + GtkProgressBar::yspacing = 4 + + GtkStatusbar::shadow_type = GTK_SHADOW_NONE + GtkSpinButton::shadow_type = GTK_SHADOW_NONE + GtkMenuBar::shadow-type = GTK_SHADOW_NONE + GtkToolbar::shadow-type = GTK_SHADOW_NONE + # TODO: find out what this comment means: + # ( every window is misaligned for the sake of menus ): + GtkMenuBar::internal-padding = 0 + GtkMenu::horizontal-padding = 0 + GtkMenu::vertical-padding = 2 + GtkMenu::double-arrows = 0 + GtkMenuItem::arrow-scaling = 1 + GtkMenuItem::toggle-spacing = 10 + + GtkCheckButton::indicator_spacing = 3 + GtkOptionMenu::indicator_spacing = {13, 13, 5, 8} + + GtkTreeView::expander-size = 16 + GtkTreeView::vertical-separator = 0 + GtkTreeView::horizontal-separator = 4 + GtkTreeView::allow-rules = 1 + # Set this because some apps read it + GtkTreeView::odd-row-color = @base_color + GtkTreeView::even-row-color = @base_color + GtkTreeView::odd_row_color = shade(0.90, @base_color) + + GtkExpander::expander-size = 16 + + GtkNotebook::tab-overlap = 4 + + ########## + # Colors # + ########## + + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[SELECTED] = @selected_bg_color + bg[INSENSITIVE] = mix (0.6, @bg_color, @base_color) + bg[ACTIVE] = @bg_color + + fg[NORMAL] = @fg_color + fg[PRELIGHT] = @fg_color + fg[SELECTED] = @selected_fg_color + fg[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + fg[ACTIVE] = @fg_color + + text[NORMAL] = @text_color + text[PRELIGHT] = @text_color + text[SELECTED] = @selected_fg_color + text[INSENSITIVE] = darker (@bg_color) + text[ACTIVE] = @selected_fg_color + + base[NORMAL] = @base_color + base[PRELIGHT] = shade (0.95, @bg_color) + base[SELECTED] = @selected_bg_color + base[INSENSITIVE] = mix (0.5, @fg_color, @bg_color) + base[ACTIVE] = @selected_bg_color + + # For succinctness, all reasonable pixmap options remain here + + # Draw frame around menu in a non-compositied environment + # This needs to go before pixmap because we need to override some stuff + engine "adwaita" {} + + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/checkbox-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = OUT + overlay_file = "assets/checkbox-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/checkbox-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/checkbox-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = IN + overlay_file = "assets/checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/checkbox-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/checkbox-mixed-insensitive.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/radio-unchecked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = OUT + overlay_file = "assets/radio-unchecked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/radio-unchecked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/radio-checked-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = IN + overlay_file = "assets/radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/radio-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-active.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = SELECTED + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/radio-mixed-insensitive.png" + overlay_stretch = FALSE + } + + ########## + # Arrows # + ########## + + # Overrides + + # Disable arrows in spinbuttons + image { + function = ARROW + detail = "spinbutton" + } + + # Disable arrows for qt in scrollbars + image { + function = ARROW + detail = "vscrollbar" + } + image { + function = ARROW + detail = "hscrollbar" + } + + # Menu arrows + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/menu-pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/menu-pan-left-hover.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/menu-pan-left-insensitive.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + detail = "menuitem" + overlay_file = "assets/menu-pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + detail = "menuitem" + overlay_file = "assets/menu-pan-right-hover.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menuitem" + overlay_file = "assets/menu-pan-right-insensitive.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_up" + overlay_file = "assets/menu-pan-up-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_up" + overlay_file = "assets/menu-pan-up.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + state = INSENSITIVE + detail = "menu_scroll_arrow_down" + overlay_file = "assets/menu-pan-down-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = ARROW + detail = "menu_scroll_arrow_down" + overlay_file = "assets/menu-pan-down.png" + overlay_stretch = FALSE + } + + # Regular arrows + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-up-insensitive.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-down-insensitive.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-left.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-left-insensitive.png" + overlay_stretch = FALSE + arrow_direction = LEFT + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/pan-right.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + image { + function = ARROW + state = INSENSITIVE + overlay_file = "assets/pan-right-insensitive.png" + overlay_stretch = FALSE + arrow_direction = RIGHT + } + + ###################### + # Option Menu Arrows # + ###################### + + image { + function = TAB + state = NORMAL + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = PRELIGHT + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = ACTIVE + overlay_file = "assets/pan-down.png" + overlay_stretch = FALSE + } + + image { + function = TAB + state = INSENSITIVE + overlay_file = "assets/pan-down-insensitive.png" + overlay_stretch = FALSE + } + + ######### + # Lines # + ######### + + image { + function = VLINE + file = "assets/line.png" + border = {1, 0, 0, 0} + } + + image { + function = HLINE + file = "assets/line.png" + border = {0, 0, 1, 0} + } + + ######### + # Focus # + ######### + + image { + function = FOCUS + file = "assets/focus.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ########### + # Handles # + ########### + + image { + function = HANDLE + detail = "handlebox" + overlay_file = "assets/handle.png" + overlay_stretch = FALSE + } + + image { + function = HANDLE + overlay_file = "assets/handle-horz.png" + #border = {0, 0, 4, 4} + orientation = HORIZONTAL + overlay_stretch = FALSE + } + + image { + function = HANDLE + overlay_file = "assets/handle-vert.png" + #border = {4, 4, 0, 0} + orientation = VERTICAL + overlay_stretch = FALSE + } + + image { + function = RESIZE_GRIP + } + + ############# + # Expanders # + ############# + + image { + function = EXPANDER + expander_style = EXPANDED + file = "assets/pan-down.png" + } + + # LTR + + image { + function = EXPANDER + expander_style = COLLAPSED + file = "assets/pan-right.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-right-semi.png" + direction = LTR + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-right-semi.png" + direction = LTR + } + + # RTL + + image { + function = EXPANDER + expander_style = COLLAPSED + file = "assets/pan-left.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_COLLAPSED + file = "assets/pan-left-semi.png" + direction = RTL + } + + image { + function = EXPANDER + expander_style = SEMI_EXPANDED + file = "assets/pan-left-semi.png" + direction = RTL + } + + ############# + # Notebooks # + ############# + + # Left + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab-left-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = RIGHT + } + + image { + function = EXTENSION + file = "assets/tab-left.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = RIGHT + } + + # Right + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab-right-active.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = LEFT + } + + image { + function = EXTENSION + file = "assets/tab-right.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = LEFT + } + + # Up + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab-up-active.png" + border = { 3,3,5,3 } + stretch = TRUE + gap_side = BOTTOM + } + + image { + function = EXTENSION + file = "assets/tab-up.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = BOTTOM + } + + # Down + + image { + function = EXTENSION + state = NORMAL + file = "assets/tab-down-active.png" + border = { 3,3,3,5 } + stretch = TRUE + gap_side = TOP + } + + image { + function = EXTENSION + file = "assets/tab-down.png" + border = { 3,3,3,3 } + stretch = TRUE + gap_side = TOP + } + + # Inner frame + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab-vert-gap.png" + gap_border = {1, 0, 1, 1} + gap_side = LEFT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab-vert-gap.png" + gap_border = {0, 1, 1, 1} + gap_side = RIGHT + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab-horz-gap.png" + gap_border = {1, 1, 1, 0} + gap_side = TOP + } + + image { + function = BOX_GAP + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + gap_file = "assets/tab-horz-gap.png" + gap_border = {1, 1, 0, 1} + gap_side = BOTTOM + } + + # Standalone frame + image { + function = BOX + detail = "notebook" + file = "assets/frame-notebook.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-horz-trough.png" + border = {0, 0, 1, 0} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-trough.png" + border = {1, 0, 0, 0} + orientation = VERTICAL + direction = LTR + } + + image { + function = BOX + detail = "trough" + file = "assets/scrollbar-vert-trough-rtl.png" + border = {0, 1, 0, 0} + orientation = VERTICAL + direction = RTL + } + + + # Disable insensitive sliders + + image { + function = SLIDER + state = INSENSITIVE + detail = "slider" + } + + # Horizontal sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-horz-slider.png" + border = {6, 6, 7, 6 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-horz-slider-hover.png" + border = {6, 6, 7, 6 } + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-horz-slider-active.png" + border = {6, 6, 7, 6 } + stretch = TRUE + orientation = HORIZONTAL + } + + # Vertical sliders + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-slider.png" + border = {7, 6, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-slider-hover.png" + border = {7, 6, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-slider-active.png" + border = {7, 6, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = LTR + } + + # RTL + + image { + function = SLIDER + state = NORMAL + detail = "slider" + file = "assets/scrollbar-vert-slider-rtl.png" + border = {6, 7, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = PRELIGHT + detail = "slider" + file = "assets/scrollbar-vert-slider-hover-rtl.png" + border = {6, 7, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + image { + function = SLIDER + state = ACTIVE + detail = "slider" + file = "assets/scrollbar-vert-slider-active-rtl.png" + border = {6, 7, 6, 6} + stretch = TRUE + orientation = VERTICAL + direction = RTL + } + + ########## + # Scales # + ########## + + # Troughs + # They are overrided later on + # We set them here too because some widgets don't specify their orientation + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {10, 10, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {10, 10, 0, 0} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 10, 10} + stretch = TRUE + orientation = VERTICAL + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 10, 10} + stretch = TRUE + orientation = VERTICAL + } + + # Sliders + + image { + function = SLIDER + state = NORMAL + detail = "hscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "hscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "hscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "hscale" + file = "assets/scale-slider-insensitive.png" + } + image { + function = SLIDER + state = NORMAL + detail = "vscale" + file = "assets/scale-slider.png" + } + + image { + function = SLIDER + state = PRELIGHT + detail = "vscale" + file = "assets/scale-slider-hover.png" + } + + image { + function = SLIDER + state = ACTIVE + detail = "vscale" + file = "assets/scale-slider-active.png" + } + + image { + function = SLIDER + state = INSENSITIVE + detail = "vscale" + file = "assets/scale-slider-insensitive.png" + } + + ########### + # Menubar # + ########### + + image { + function = BOX + detail = "menubar" + file = "assets/line.png" + border = {0, 0, 0, 1} + } + + ######### + # Menus # + ######### + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_up" + file = "assets/line.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_up" + file = "assets/line.png" + border = {0, 0, 0, 1} + } + + image { + function = BOX + state = PRELIGHT + detail = "menu_scroll_arrow_down" + file = "assets/line.png" + } + + image { + function = BOX + detail = "menu_scroll_arrow_down" + file = "assets/line.png" + border = {0, 0, 1, 0} + } + + ########### + # Entries # + ########### + + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = FLAT_BOX + state = ACTIVE + detail = "entry_bg" + file = "assets/entry-background.png" + } + + image { + function = FLAT_BOX + state = INSENSITIVE + detail = "entry_bg" + file = "assets/entry-background-insensitive.png" + } + + image { + function = FLAT_BOX + detail = "entry_bg" + file = "assets/entry-background.png" + } + ######### + # Spins # + ######### + + # Spin-Up LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-ltr-up.png" + border = {1, 4, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-ltr-up-hover.png" + border = {1, 4, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-active.png" + border = {1, 4, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-ltr-up-insensitive.png" + border = {1, 4, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up-insensitive.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Up RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_up" + file = "assets/spin-rtl-up.png" + border = {4, 1, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {4, 1, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-hover.png" + border = {4, 1, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_up" + file = "assets/spin-rtl-up-insensitive.png" + border = {4, 1, 4, 0} + stretch = TRUE + overlay_file = "assets/spin-up-insensitive.png" + overlay_stretch = FALSE + direction = RTL + } + + # Spin-Down LTR + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-ltr-down.png" + border = {1, 4, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-ltr-down-hover.png" + border = {1, 4, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-active.png" + border = {1, 4, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-ltr-down-insensitive.png" + border = {1, 4, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down-insensitive.png" + overlay_stretch = FALSE + direction = LTR + } + + # Spin-Down RTL + + image { + function = BOX + state = NORMAL + detail = "spinbutton_down" + file = "assets/spin-rtl-down.png" + border = {4, 1, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "spinbutton_down" + file = "assets/spin-rtl-down-hover.png" + border = {4, 1, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-active.png" + border = {4, 1, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down.png" + overlay_stretch = FALSE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "spinbutton_down" + file = "assets/spin-rtl-down-insensitive.png" + border = {4, 1, 1, 4} + stretch = TRUE + overlay_file = "assets/spin-down-insensitive.png" + overlay_stretch = FALSE + direction = RTL + } + + ############## + # Scrollbars # + ############## + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-horz.png" + stretch = TRUE + border = {2, 2, 1, 1} + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "bar" + file = "assets/progressbar-vert.png" + stretch = TRUE + border = {1, 1, 2, 2} + orientation = VERTICAL + } + + ############# + # Treeviews # + ############# + + # Disable active the column highlight + # We need to match specific cells or we break stuff + # Looking at you deadbeef + + image { + function = FLAT_BOX + detail = "cell_even_sorted" + state = NORMAL + } + + image { + function = FLAT_BOX + detail = "cell_odd_sorted" + state = NORMAL + } + + # Disable all the other shadows + # This prevents the Raleigh effect + image { + function = SHADOW + } + + } + +} + +style "menubar" { + + # Needed to fix Firefox's menubar text + bg[NORMAL] = @dark_bg_color + text[NORMAL] = @dark_fg_color + fg[NORMAL] = @dark_fg_color + bg[SELECTED] = @dark_bg_color + fg[SELECTED] = shade(0.9, @dark_fg_color) + +} + +style "menubar_item" { + + xthickness = 3 + ythickness = 4 + + fg[NORMAL] = @dark_fg_color + fg[PRELIGHT] = @dark_fg_color + text[NORMAL] = @dark_fg_color + + engine "pixmap" { + image { + function = BOX + state = PRELIGHT + file = "assets/menubar-item-active.png" + border = {0, 0, 0, 3} + } + } + +} + +style "menu" { + + xthickness = 0 + ythickness = 0 + + bg[NORMAL] = @base_color + bg[INSENSITIVE] = @base_color + bg[PRELIGHT] = @base_color + bg[SELECTED] = @selected_bg_color + +} + +style "menu_item" { + + xthickness = 3 + ythickness = 4 + + bg[PRELIGHT] = @selected_bg_color + # Chromium uses this setting + bg[SELECTED] = @selected_bg_color + + fg[PRELIGHT] = @selected_fg_color + # Some widgets use text, we need to handle that + text[NORMAL] = @fg_color + text[PRELIGHT] = @selected_fg_color + + # Unfortunately we can't tell regular and menu checks/radios apart + # Without the heirarchy + engine "pixmap" { + + ################# + # Check Buttons # + ################# + + image { + function = CHECK + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-checkbox.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-checkbox-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-checkbox.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-checkbox-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-checkbox-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-checkbox-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed.png" + overlay_stretch = FALSE + } + + image { + function = CHECK + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-checkbox-mixed-insensitive.png" + overlay_stretch = FALSE + } + + ################# + # Radio Buttons # + ################# + + image { + function = OPTION + state = NORMAL + shadow = OUT + overlay_file = "assets/menu-radio.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = OUT + overlay_file = "assets/menu-radio-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = OUT + overlay_file = "assets/menu-radio.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = OUT + overlay_file = "assets/menu-radio-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = IN + overlay_file = "assets/menu-radio-checked-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = IN + overlay_file = "assets/menu-radio-checked.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = IN + overlay_file = "assets/menu-radio-checked-insensitive.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = NORMAL + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = PRELIGHT + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-hover.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = ACTIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed.png" + overlay_stretch = FALSE + } + + image { + function = OPTION + state = INSENSITIVE + shadow = ETCHED_IN + overlay_file = "assets/menu-radio-mixed-insensitive.png" + overlay_stretch = FALSE + } + + + + } + +} + +style "separator_menu_item" { + + xthickness = 0 + ythickness = 0 + + engine "pixmap" { + image { + function = BOX + file = "assets/line.png" + } + } + +} + +style "button_label" { + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color +} + +style "misc_button_label" { + fg[PRELIGHT] = @fg_color + fg[ACTIVE] = @fg_color +} + +style "button" { + + xthickness = 2 + ythickness = 2 + + fg[PRELIGHT] = @selected_fg_color + fg[ACTIVE] = @selected_fg_color + font_name = "Bold" + + # For the sake of sanity style buttons this way + engine "pixmap" { + + ########### + # Buttons # + ########### + + image { + function = BOX + state = NORMAL + file = "assets/button.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/button-hover.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/button-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/button-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = BOX + state = INSENSITIVE + file = "assets/button-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + } +} + +style "link_button" { + + # Disable the button effect, leave just the link + engine "pixmap" { + image { + function = BOX + } + } + +} + +style "entry" { + + # We set this same as the border of the border of the entry + # This way theres no overlap + xthickness = 4 + ythickness = 4 + +} + +style "combobox" { + + xthickness = 6 + ythickness = 4 + + # This affects only the button beside an entry + GtkButton::inner-border = {0, 0, 0, 0} + +} + +style "combobox_cellview" { + text[NORMAL] = @fg_color + text[PRELIGHT] = @fg_color +} + +style "combobox_entry" { + + # Since one side of the button is missing, we need to shift the arrow a little to the right + GtkButton::inner-border = {0, 1, 0, 0} + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-entry-ltr-entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-entry-ltr-entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-entry-ltr-entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/combo-entry-rtl-entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/combo-entry-rtl-entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/combo-entry-rtl-entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + ############## + # LTR button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-entry-ltr-button.png" + border = {0, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-entry-ltr-button-hover.png" + border = {0, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-entry-ltr-button-active.png" + border = {0, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-entry-ltr-button-insensitive.png" + border = {0, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + ############## + # RTL button # + ############## + + image { + function = BOX + state = NORMAL + detail = "button" + file = "assets/combo-entry-rtl-button.png" + border = {4, 0, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = PRELIGHT + detail = "button" + file = "assets/combo-entry-rtl-button-hover.png" + border = {4, 0, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = ACTIVE + detail = "button" + file = "assets/combo-entry-rtl-button-active.png" + border = {4, 0, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = BOX + state = INSENSITIVE + detail = "button" + file = "assets/combo-entry-rtl-button-insensitive.png" + border = {4, 0, 4, 4} + stretch = TRUE + direction = RTL + } + + } + +} + +style "combo_button_padding" { + + # Since one side of the button is missing, we need to shift the arrow a little to the right + # This is the same thing we've done above but the combo, unlike the combobox, + # uses padding the same way as a button + GtkButton::inner-border = {6, 8, 4, 4} + +} + +style "notebook" { + + xthickness = 5 + ythickness = 2 + +} + +style "notebook_viewport" { + bg[NORMAL] = @base_color +} + +style "notebook_bg" { + bg[NORMAL] = @base_color + bg[PRELIGHT] = @base_color + bg[INSENSITIVE] = @base_color +} + +style "notebook_entry" { + + engine "pixmap" { + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/notebook-entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/notebook-entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/notebook-entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + } +} + +style "normal_bg" { + bg[NORMAL] = @bg_color + bg[PRELIGHT] = @bg_color + bg[INSENSITIVE] = mix (0.6, @bg_color, @base_color) +} + +style "normal_entry" { + + engine "pixmap" { + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = SHADOW + detail = "entry" + file = "assets/entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + } +} + +style "notebook_combo" { + + engine "pixmap" { + + ############# + # LTR entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/notebook-combo-entry-ltr-entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/notebook-combo-entry-ltr-entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/notebook-combo-entry-ltr-entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = LTR + } + + ############# + # RTL entry # + ############# + + image { + function = SHADOW + state = NORMAL + detail = "entry" + file = "assets/notebook-combo-entry-rtl-entry.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = ACTIVE + detail = "entry" + file = "assets/notebook-combo-entry-rtl-entry-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + image { + function = SHADOW + state = INSENSITIVE + detail = "entry" + file = "assets/notebook-combo-entry-rtl-entry-insensitive.png" + border = {4, 4, 4, 4} + stretch = TRUE + direction = RTL + } + + } + +} + +style "textview" { + bg[NORMAL] = @base_color +} + +style "scale_horz" { + + engine "pixmap" { + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-horz-trough.png" + border = {10, 10, 0, 0} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-horz-trough-active.png" + border = {10, 10, 0, 0} + stretch = TRUE + } + + } + +} + +style "scale_vert" { + + engine "pixmap" { + + image { + function = BOX + detail = "trough-upper" + file = "assets/scale-vert-trough.png" + border = {0, 0, 10, 10} + stretch = TRUE + } + + image { + function = BOX + detail = "trough-lower" + file = "assets/scale-vert-trough-active.png" + border = {0, 0, 10, 10} + stretch = TRUE + } + + } + +} + +style "progressbar" { + + xthickness = 1 + ythickness = 1 + + fg[PRELIGHT] = @selected_fg_color + + engine "pixmap" { + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-horz-trough.png" + border = {3, 3, 2, 2} + stretch = TRUE + orientation = HORIZONTAL + } + + image { + function = BOX + detail = "trough" + file = "assets/progressbar-vert-trough.png" + border = {2, 2, 3, 3} + stretch = TRUE + orientation = VERTICAL + } + + } + +} + +style "treeview_header" { + + xthickness = 1 + ythickness = 0 + + fg[NORMAL] = mix(0.5, @fg_color, @base_color) + fg[PRELIGHT] = mix(0.5, mix(0.5, @fg_color, @base_color), @fg_color) + + font_name = "Bold" + + GtkButton::inner-border = {5, 5, 0, 1} + + engine "pixmap" { + + image { + function = BOX + file = "assets/treeview-separator-ltr.png" + border = {0, 1, 0, 1} + stretch = TRUE + direction = LTR + } + + image { + function = BOX + file = "assets/treeview-separator-rtl.png" + border = {1, 0, 0, 1} + stretch = TRUE + direction = RTL + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/treeview-pan-up.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/treeview-pan-up-hover.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/treeview-pan-up-active.png" + overlay_stretch = FALSE + arrow_direction = UP + } + + image { + function = ARROW + state = NORMAL + overlay_file = "assets/treeview-pan-down.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = PRELIGHT + overlay_file = "assets/treeview-pan-down-hover.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + image { + function = ARROW + state = ACTIVE + overlay_file = "assets/treeview-pan-down-active.png" + overlay_stretch = FALSE + arrow_direction = DOWN + } + + } + +} + +style "scrolled_window" { + + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame.png" + border = {1, 1, 1, 1} + stretch = TRUE + } + } + +} + +style "frame" { + + engine "pixmap" { + + image { + function = SHADOW + file = "assets/frame.png" + border = {0, 0, 0, 0} + stretch = TRUE + } + + image { + function = SHADOW_GAP + file = "assets/frame.png" + border = {0, 0, 0, 0} + stretch = TRUE + gap_start_file = "assets/border.png" + gap_end_file = "assets/border.png" + } + + } + +} + +style "toolbar_button" { + + xthickness = 2 + ythickness = 2 + + GtkButton::inner-border = {2, 2, 2, 2} + + engine "pixmap" { + image { + function = BOX + state = PRELIGHT + shadow = OUT + file = "assets/toolbar-button-hover.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + # Don't add hover effect on pressed buttons + image { + function = BOX + state = PRELIGHT + shadow = IN + file = "assets/toolbar-button-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + + image { + function = BOX + state = ACTIVE + file = "assets/toolbar-button-active.png" + border = {4, 4, 4, 4} + stretch = TRUE + } + } +} + +style "toolbar_separator" { + + GtkWidget::wide-separators = 1 + GtkWidget::separator-width = 1 + GtkWidget::separator-height = 1 + + engine "pixmap" { + image { + function = BOX + file = "assets/line.png" + } + } + +} + +style "inline_toolbar" { + + GtkToolbar::button-relief = GTK_RELIEF_NORMAL + + engine "pixmap" { + image { + function = SHADOW + file = "assets/frame-inline.png" + border = {1, 1, 0, 1} + stretch = TRUE + } + } + +} + +style "tooltip" { + + xthickness = 13 + ythickness = 13 + + bg[NORMAL] = @tooltip_bg_color + fg[NORMAL] = @tooltip_fg_color + bg[SELECTED] = @tooltip_bg_color + +} + + +style "disable_shadow" { + + engine "pixmap" { + image { + function = SHADOW + } + } + +} + +style "disable_separator" { + + xthickness = 0 + ythickness = 0 + + GtkWidget::wide-separators = 1 + +} + +# Text Style +style "text" = "default" { + engine "murrine" { textstyle = 0 } +} + +style "menu_text" = "menu_item" { + engine "murrine" { textstyle = 0 } +} + +# Default style, containing most of the stuff +class "GtkWidget" style "default" + +# Override padding, style and colour +class "GtkButton" style "button" +class "GtkLinkButton" style "link_button" +class "GtkEntry" style "entry" +class "GtkOldEditable" style "entry" +class "GtkNotebook" style "notebook" +class "GtkHScale" style "scale_horz" +class "GtkVScale" style "scale_vert" +class "GtkProgressBar" style "progressbar" +class "GtkScrolledWindow" style "scrolled_window" +class "GtkFrame" style "frame" +class "GtkSeparatorToolItem" style "toolbar_separator" +class "GtkMenuBar" style "menubar" +class "GtkMenu" style "menu" +class "GtkTextView" style "textview" + +widget_class "**" style "button_label" +widget_class "**" style "misc_button_label" + +# Menu and menubar items +widget_class "**" style "menu_item" +widget_class "*.*" style "menubar_item" +widget_class "**" style "separator_menu_item" + +# Frames in statusbars look ugly, let's disable them +widget_class "**" style "disable_shadow" +# Disable the frame around poor Wilbert too +widget_class "**" style "disable_shadow" + +# Treeview buttons +widget_class "***" style "treeview_header" + +# Give the file chooser toolbar a border +widget_class "**" style "inline_toolbar" + +# Fix padding on regular comboboxes +widget_class "*." style "combobox" +# And disable separators on them +widget_class "*.*" style "disable_separator" + +# Join together the ComboBoxEntry entry and button +widget_class "**" style "combobox_entry" + +# Join the Combo entry and button +widget_class "**" style "combobox_entry" +# Tweak the padding on the button a little bit because it uses it a bit differently +widget_class "*." style "combo_button_padding" + +# Alas we cannot do the same for ComboBoxText because there isn't a way to apply the style to only +# the comboboxes that have an entry inside + +# Toolbar buttons have different paddings +widget_class "**" style "toolbar_button" + +# Notebooks are white, act accordingly +widget_class "**" style "notebook_entry" +widget_class "**" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "***" style "notebook_bg" +widget_class "**" style "notebook_bg" +widget_class "*.*" style "notebook_bg" +widget_class "***" style "notebook_combo" +widget_class "***" style "notebook_combo" + +# However, stuff inside eventboxes inside notebooks is grey again, react +widget_class "***" style "normal_entry" +widget_class "***" style "normal_bg" +widget_class "***" style "normal_bg" +widget_class "****" style "combobox_entry" +widget_class "****" style "combobox_entry" +widget_class "***." style "combo_button_padding" + +# ComboBoxes tend to draw the button label with text[] instead of fg[], we need to fix that +widget_class "**" style "combobox_cellview" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltip" +widget_class "***" style "normal_bg" +widget_class "***" style "normal_bg" +widget_class "****" style "combobox_entry" +widget_class "****" style "combobox_entry" +widget_class "***." style "combo_button_padding" + +# ComboBoxes tend to draw the button label with text[] instead of fg[], we need to fix that +widget_class "**" style "combobox_cellview" + +# GTK tooltips +widget "gtk-tooltip*" style "tooltip" + +# Fixes ugly text shadows for insensitive text +widget_class "*" style "text" +widget_class "**" style "menu_text" +widget_class "**" style "text" +widget_class "**" style "text" +widget_class "**" style "text" diff --git a/.themes/Otis/gtk-3.0/gtk-dark.css b/.themes/Otis/gtk-3.0/gtk-dark.css new file mode 100755 index 000000000..8c5d2745c --- /dev/null +++ b/.themes/Otis/gtk-3.0/gtk-dark.css @@ -0,0 +1,6486 @@ +/*$selected_bg_color: #00e8c6;06d6a0*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #d8dee9; +/* text color for entries, views and content in general */ +@define-color theme_text_color #d8dee9; +/* widget base background color */ +@define-color theme_bg_color #2a3344; +/* text widgets and the like base background color */ +@define-color theme_base_color #2e394c; +/* base background color of selections */ +@define-color theme_selected_bg_color #cd7ebf; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #fff; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #2c3547; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #818997; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #2e394c; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #818997; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #d8dee9; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #2a3344; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #303b4f; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #cd7ebf; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #fff; +/* widgets main borders color */ +@define-color borders #1d232f; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #1e2531; +/* these are pretty self explicative */ +@define-color warning_color #e65b66; +@define-color error_color #ff3d9f; +@define-color success_color #58a1a5; +@define-color fg_color #d8dee9; +@define-color text_color #d8dee9; +@define-color bg_color #2a3344; +@define-color base_color #2e394c; +@define-color selected_bg_color #cd7ebf; +@define-color selected_fg_color #fff; +@define-color unfocused_fg_color #818997; +@define-color unfocused_text_color #d8dee9; +@define-color unfocused_bg_color #2a3344; +@define-color unfocused_base_color #303b4f; +@define-color unfocused_selected_bg_color #cd7ebf; +@define-color unfocused_selected_fg_color #fff; +/* 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(#d8dee9, 1.8); +@define-color wm_unfocused_title #818997; +@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(#2a3344, 1.2); +@define-color wm_bg_b #2a3344; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#2a3344, 1.3); +@define-color wm_button_hover_color_b #2a3344; +@define-color wm_button_active_color_a shade(#2a3344, 0.85); +@define-color wm_button_active_color_b shade(#2a3344, 0.89); +@define-color wm_button_active_color_c shade(#2a3344, 0.9); +@define-color content_view_bg #2e394c; +@define-color text_view_bg #2e394c; +@define-color budgie_tasklist_indicator_color #cd7ebf; +@define-color budgie_tasklist_indicator_color_active #cd7ebf; +@define-color placeholder_text_color #b6bdca; +@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: #ff3d9f; + -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(216, 222, 233, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: #cd7ebf; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #171b24; + border: solid #1d232f; + border-width: 1px 0 0 0; + color: #d8dee9; + box-shadow: none; } + .action-bar:backdrop { + background-color: #171b24; + 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(33, 40, 54, 0.93); + 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: #d8dee9; + background-color: #2a3344; } + .background:backdrop { + color: #818997; + background-color: #2a3344; + text-shadow: none; + -gtk-icon-shadow: none; } + +/* + 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. +*/ +selection { + background-color: #cd7ebf; + color: #fff; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #d8dee9; + background-color: #2a3344; } + .gtkstyle-fallback:hover { + color: #d8dee9; + background-color: #3d4b64; } + .gtkstyle-fallback:active { + color: #d8dee9; + background-color: #171b24; } + .gtkstyle-fallback:disabled { + color: #818997; + background-color: #2c3547; } + .gtkstyle-fallback:selected { + color: #fff; + background-color: #cd7ebf; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #d8dee9; + background-color: #2e394c; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: #b6bdca; + background-color: #303b4f; } + .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: #2c3648; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +treeview.view rubberband { + border: 1px solid #bf59ad; + background-color: rgba(191, 89, 173, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #d8dee9; } + label.separator:backdrop { + color: #818997; } + label selection { + background-color: #cd7ebf; + color: #fff; } + label:disabled { + color: #818997; } + label:disabled:backdrop { + color: #475673; } + label:backdrop { + color: #818997; } + +.dim-label, label.separator, .titlebar .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #2e394c; + border-top: 1px solid #1d232f; } + assistant .sidebar:backdrop { + background-color: #303b4f; + border-color: #1e2531; } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #4d5565; } + +.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: #d8dee9; + border: none; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + outline-color: rgba(216, 222, 233, 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: #cd7ebf; + color: #fff; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#e2b5da), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#cd7ebf), to(transparent)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 2px 6px; + border: 1px solid #1d232f; + border-radius: 4px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #d8dee9; + background-color: #333e53; + text-shadow: none; } + 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; + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + 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: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #b6bdca; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #303b4f; + text-shadow: none; + 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(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 255, 255, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + 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(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + notebook > header > tabs > arrow:disabled label, + button:disabled label { + color: #b6bdca; } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button, + button.image-button.circular, + button.image-button.sidebar-button { + padding: 6px 4px; + border-radius: 50px; + box-shadow: none; } + 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; + border-radius: 2px; } + 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: #a3be8c; + border-color: #a3be8c; + box-shadow: inset 0 0 0 1px #a3be8c; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #fff; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #818997; } +button.osd { + min-width: 24px; + min-height: 20px; + color: #d8dee9; + border-radius: 5px; + outline-color: rgba(216, 222, 233, 0.3); + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); + 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 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: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 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: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); + 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } +button.suggested-action { + border: none; + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #79B4B7; } + .selection-mode button.titlebutton, button.suggested-action.flat { + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #79B4B7; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + .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(255, 255, 255, 0.7); } + .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + .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(121, 180, 183, 0.8); } + button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(29, 35, 47, 0.3); + background-color: rgba(121, 180, 183, 0.5); + text-shadow: none; } + button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + .osd button.suggested-action { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(121, 180, 183, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(121, 180, 183, 0.7), rgba(121, 180, 183, 0.7)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, #79B4B7, #79B4B7); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(121, 180, 183, 0.5), rgba(121, 180, 183, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + border: none; + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #FF56AC; } + button.destructive-action.flat { + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #79B4B7; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 255, 255, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 35, 147, 0.8); } + button.destructive-action:disabled { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(29, 35, 47, 0.3); + background-color: rgba(255, 35, 147, 0.5); + text-shadow: none; } + button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + .osd button.destructive-action { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(255, 35, 147, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(255, 35, 147, 0.7), rgba(255, 35, 147, 0.7)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, #ff2393, #ff2393); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(255, 35, 147, 0.5), rgba(255, 35, 147, 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: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + +.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(#e2b5da), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.8274509804)), 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } +toolbar button:active { + font-weight: normal; + color: #d8dee9; + background-color: #333e53; + text-shadow: none; } + +.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: #fff; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #f2f2f2; } + .inline-toolbar toolbutton > button:disabled { + color: #b6bdca; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(242, 242, 242, 0.3); } + .inline-toolbar toolbutton > button:backdrop { + color: #b6bdca; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: #f2f2f2; } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #b6bdca; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(242, 242, 242, 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 #1d232f; + border-radius: 0; + border-right-style: none; + box-shadow: none; } + .inline-toolbar button:disabled, .linked > button:disabled, .linked:not(.vertical) > spinbutton:disabled:not(.vertical), .linked:not(.vertical) > + entry:disabled, .linked > combobox > box > button.combo:disabled:dir(ltr), .linked > combobox > box > button.combo:disabled:dir(rtl) { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; + color: #818997; } + .inline-toolbar button:disabled label, .linked > button:disabled label, .linked:not(.vertical) > spinbutton:disabled:not(.vertical) label, .linked:not(.vertical) > + entry:disabled label, .linked > combobox > box > button.combo:disabled:dir(ltr) label, .linked > combobox > box > button.combo:disabled:dir(rtl) label { + color: #b6bdca; } + +.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: #343f54; } + 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: none; } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: none; } +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #d8dee9; + border: 1px solid #1d232f; } + 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(216, 222, 233, 0.45); } + calendar.button:hover { + color: #d8dee9; } + calendar.button:backdrop { + color: rgba(129, 137, 151, 0.45); } + calendar.button:disabled { + color: rgba(129, 137, 151, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #d8dee9; } + calendar:backdrop { + color: #b6bdca; + border-color: #1e2531; } + +/************************* + * 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: #fff; } + colorswatch.dark overlay:hover { + border-color: #1d232f; } + colorswatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +colorswatch.light overlay { + color: #d8dee9; } + colorswatch.light overlay:hover { + border-color: #1d232f; } + colorswatch.light overlay:backdrop { + color: #b6bdca; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #a3be8c; + box-shadow: inset 0 0 0 2px #1d232f, inset 0 0 0 1px #a3be8c; } + colorswatch:drop(active).dark overlay { + border-color: #a3be8c; + box-shadow: inset 0 0 0 2px #1d232f, inset 0 0 0 1px #a3be8c; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #1d232f; } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: #1d232f; + 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } + colorswatch#add-color-button overlay:hover { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #2e394c; + text-shadow: none; } + colorswatch#add-color-button overlay:backdrop { + color: #b6bdca; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #303b4f; + text-shadow: none; } +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 #fff; } +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(42, 51, 68, 0.95); } +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(42, 51, 68, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +messagedialog.csd.background { + background-color: rgba(42, 51, 68, 0.95); + color: #d8dee9; + 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: #d8dee9; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(205, 126, 191, 0.9); + color: white; } + 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; } + messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action { + color: white; } + +filechooser .dialog-action-box { + border-top: 1px solid #1d232f; } + filechooser .dialog-action-box:backdrop { + border-top-color: #1e2531; } +filechooser #pathbarbox { + border-bottom: 1px solid #2a3344; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 28px; + 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: #d8dee9; + border-color: #1d232f; + background-color: #333e53; } + 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: #bf59ad; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #818997; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #b6bdca; + border-color: #1e2531; + background-color: #303b4f; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #475673; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #d8dee9; + border-color: #1d232f; + background-color: #333e53; + color: #ff3d9f; + border-color: #890046; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #890046; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3d9f; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #d8dee9; + border-color: #1d232f; + background-color: #333e53; + color: #e65b66; + border-color: #7c131b; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #7c131b; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #e65b66; } + spinbutton:not(.vertical) image, + entry image { + color: #b6bdca; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #d8dee9; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #cd7ebf; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #717989; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #a3be8c; + box-shadow: inset 0 0 0 1px #a3be8c; } + .osd spinbutton:not(.vertical), + .osd entry { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(29, 35, 47, 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: #d8dee9; + border-color: #cd7ebf; + background-color: rgba(29, 35, 47, 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(29, 35, 47, 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: #7d8390; + border-color: #1d232f; + background-color: rgba(51, 58, 72, 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: #cd7ebf; + 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: #bf59ad; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > +entry:focus { + border-color: #bf59ad; } +.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: #a3be8c; } +.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: #293243; + background-image: linear-gradient(to bottom, #2e394c, #2e394c); } + .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: #2b3446; + background-image: linear-gradient(to bottom, #303b4f, #303b4f); } +.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: #293243; } +.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: #bf59ad; } +.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: #a3be8c; } +.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: #bf59ad; } +.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: #a3be8c; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #2e394c; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #2e394c; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #cd7ebf; } + +/************* + * 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: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #2a3344; + border-width: 1px; + border-style: solid solid none; + border-color: #1d232f; + border-radius: 3px 3px 0 0; + box-shadow: none; } + .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: #2a3344; + border-color: #1e2531; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #1d232f; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #1e2531; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #1d232f; } + actionbar > revealer > box:backdrop { + border-color: #1e2531; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0a0c10), to(rgba(10, 12, 16, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(216, 222, 233, 0.13)), to(rgba(216, 222, 233, 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(#1e2531), to(rgba(30, 37, 49, 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(#0a0c10), to(rgba(10, 12, 16, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(216, 222, 233, 0.13)), to(rgba(216, 222, 233, 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(#1e2531), to(rgba(30, 37, 49, 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(#0a0c10), to(rgba(10, 12, 16, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(216, 222, 233, 0.13)), to(rgba(216, 222, 233, 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(#1e2531), to(rgba(30, 37, 49, 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(#0a0c10), to(rgba(10, 12, 16, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(216, 222, 233, 0.13)), to(rgba(216, 222, 233, 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(#1e2531), to(rgba(30, 37, 49, 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, #1d232f 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #2c3648; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #1e2531 1px, transparent 1px); + background-color: #242c3b; + 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 #2e394c; + background: #2e394c; + color: #d8dee9; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #cd7ebf; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #2e394c; + background-image: none; + border: 1px solid #2e394c; + color: #d8dee9; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #2e394c; } + GraniteWidgetsWelcome GtkLabel { + color: #d8dee9; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(216, 222, 233, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #2a3344; + border: solid #1d232f; + color: #d8dee9; + 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: #2a3344; + 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: #202734; } + .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(216, 222, 233, 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: #F3D88E; + 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: #2e394c; } + .storage-bar .fill-block.app { + background-color: #5e81ac; } + .storage-bar .fill-block.audio { + background-color: #ED878F; } + .storage-bar .fill-block.photo { + background-color: #FF56AC; } + .storage-bar .fill-block.video { + background-color: #A572A4; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), .titlebar, headerbar { + padding: 0 13px; + min-height: 34px; + background: #202835; + color: #d8dee9; + border-radius: 0; } + .titlebar:backdrop, + headerbar:backdrop { + border-color: #1e2531; + transition: 200ms ease-out; } + .titlebar .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar entry, + headerbar entry { + min-height: 24px; } + .titlebar button, + headerbar button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + min-height: 20px; + margin-top: 5px; + margin-bottom: 5px; + box-shadow: none; } + .titlebar button.image-button, + headerbar button.image-button { + padding: 3px 4px; } + .titlebar button.appmenu, + headerbar button.appmenu { + background: transparent; } + .titlebar button.appmenu:backdrop, + headerbar button.appmenu:backdrop { + background: transparent; } + .titlebar button:hover, + headerbar button:hover { + color: #fff; + text-shadow: none; + background-color: rgba(205, 126, 191, 0.7); } + .titlebar button:active, .titlebar button:checked, + headerbar button:active, + headerbar button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(216, 222, 233, 0.2); + background-color: #272F3F; + text-shadow: none; + box-shadow: none; } + .titlebar button:backdrop:hover, .titlebar button:backdrop:active, .titlebar button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + color: #cd7ebf; + background-color: rgba(205, 126, 191, 0.6); + text-shadow: none; + box-shadow: none; } + .titlebar button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 14px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #79B4B7; + box-shadow: none; } + .titlebar button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .titlebar button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .titlebar button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: white; } + .titlebar button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; + border-radius: 3px; } + .titlebar button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .titlebar button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 14px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #79B4B7; + box-shadow: none; } + .titlebar button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + .titlebar button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + .titlebar button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: white; } + .titlebar button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; + border-radius: 3px; } + .titlebar button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + .titlebar button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; + border: none; + background-color: transparent; + background-repeat: no-repeat; } + .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar 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 .linked > button, .titlebar .path-bar-box button, + .titlebar headerbar .linked > button, + headerbar .path-bar-box .titlebar button, .titlebar .linked > button:hover, + .titlebar .linked > button:backdrop, + .titlebar headerbar .linked > button, + headerbar .path-bar-box .titlebar button, + headerbar .titlebar .linked > button, + headerbar .linked > button, + headerbar .titlebar .path-bar-box button, + .titlebar .path-bar-box headerbar button, + headerbar .path-bar-box button, + headerbar .titlebar .linked > button:hover, + .titlebar headerbar .linked > button:hover, + headerbar .titlebar .linked > button:backdrop, + .titlebar headerbar .linked > button:backdrop, + headerbar .linked > button:hover, + headerbar .linked > button:backdrop { + border-radius: 0; + border-right-style: none; + box-shadow: none; + margin: 5px 0px; + min-height: 20px; } + .titlebar .linked > button:first-child, .titlebar .path-bar-box button:first-child, + .titlebar headerbar .linked > button:first-child, + headerbar .path-bar-box .titlebar button:first-child, + headerbar .titlebar .linked > button:first-child, + headerbar .linked > button:first-child, + .titlebar .path-bar-box headerbar button:first-child, + headerbar .path-bar-box button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } + .titlebar .linked > button:last-child, .titlebar .path-bar-box button:last-child, + .titlebar headerbar .linked > button:last-child, + headerbar .path-bar-box .titlebar button:last-child, + headerbar .titlebar .linked > button:last-child, + headerbar .linked > button:last-child, + .titlebar .path-bar-box headerbar button:last-child, + headerbar .path-bar-box button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right-style: solid; } + .titlebar .linked > button:only-child, .titlebar .path-bar-box button:only-child, + .titlebar headerbar .linked > button:only-child, + headerbar .path-bar-box .titlebar button:only-child, + headerbar .titlebar .linked > button:only-child, + headerbar .linked > button:only-child, + .titlebar .path-bar-box headerbar button:only-child, + headerbar .path-bar-box button:only-child { + border-radius: 4px; + border-style: solid; } + .titlebar .linked > button:active:backdrop, + .titlebar headerbar .linked > button:active:backdrop, .titlebar .path-bar-box button:active:backdrop, + headerbar .path-bar-box .titlebar button:active:backdrop, .titlebar .linked > button:active:backdrop label, .titlebar .path-bar-box button:active:backdrop label, + headerbar .path-bar-box .titlebar button:active:backdrop label, .titlebar .linked > button:checked:backdrop, + .titlebar headerbar .linked > button:checked:backdrop, .titlebar .path-bar-box button:checked:backdrop, + headerbar .path-bar-box .titlebar button:checked:backdrop, .titlebar .linked > button:checked:backdrop label, .titlebar .path-bar-box button:checked:backdrop label, + headerbar .path-bar-box .titlebar button:checked:backdrop label, + headerbar .titlebar .linked > button:active:backdrop, + headerbar .linked > button:active:backdrop, + .titlebar .path-bar-box headerbar button:active:backdrop, + headerbar .path-bar-box button:active:backdrop, + headerbar .linked > button:active:backdrop label, + .titlebar .path-bar-box headerbar button:active:backdrop label, + headerbar .path-bar-box button:active:backdrop label, + headerbar .titlebar .linked > button:checked:backdrop, + headerbar .linked > button:checked:backdrop, + .titlebar .path-bar-box headerbar button:checked:backdrop, + headerbar .path-bar-box button:checked:backdrop, + headerbar .linked > button:checked:backdrop label, + .titlebar .path-bar-box headerbar button:checked:backdrop label, + headerbar .path-bar-box button:checked:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .titlebar .path-bar-box .dim-label, .titlebar .path-bar-box label.separator, .titlebar .path-bar-box .subtitle, + headerbar .path-bar-box .dim-label, + headerbar .path-bar-box label.separator, + headerbar .path-bar-box .subtitle { + color: transparent; + margin-right: -6px; } + .titlebar .path-bar-box button:last-child, + headerbar .path-bar-box button:last-child { + margin-left: -1px; + border-radius: 0px; } + .titlebar .path-bar-box button:last-child:active, .titlebar .path-bar-box button:last-child:checked, + headerbar .path-bar-box button:last-child:active, + headerbar .path-bar-box button:last-child:checked { + border-radius: 0px 4px 4px 0px; } + .titlebar .path-bar-box button:first-child, + headerbar .path-bar-box button:first-child { + border-radius: 4px 0px 0px 4px; } + .titlebar .path-bar-box button:first-child:active, .titlebar .path-bar-box button:first-child:checked, + headerbar .path-bar-box button:first-child:active, + headerbar .path-bar-box button:first-child:checked { + border-radius: 4px; } + .titlebar .path-bar-box widget > .text-button:last-child, + headerbar .path-bar-box widget > .text-button:last-child { + border-radius: 0px 4px 4px 0px; + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; } + .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .titlebar .path-bar-box widget > .text-button:last-child:backdrop label, + headerbar .path-bar-box widget > .text-button:last-child:backdrop, + headerbar .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .titlebar .path-bar-box widget > .text-button:last-child:only-child, + headerbar .path-bar-box widget > .text-button:last-child:only-child { + border-radius: 4px; } + .titlebar .path-buttons-box, + headerbar .path-buttons-box { + background-color: #2a3344; + border: 1px solid #1d232f; + min-height: 20px; + margin-top: 5px; + margin-bottom: 5px; + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + border-radius: 4px 0px 0px 4px; } + .titlebar .path-buttons-box .dim-label, .titlebar .path-buttons-box label.separator, .titlebar .path-buttons-box .subtitle, + headerbar .path-buttons-box .dim-label, + headerbar .path-buttons-box label.separator, + headerbar .path-buttons-box .subtitle { + color: transparent; + margin-right: -5px; } + .titlebar .path-buttons-box button > .horizontal > .dim-label, .titlebar .path-buttons-box button > .horizontal > label.separator, .titlebar .path-buttons-box button > .horizontal > .subtitle, + headerbar .path-buttons-box button > .horizontal > .dim-label, + headerbar .path-buttons-box button > .horizontal > label.separator, + headerbar .path-buttons-box button > .horizontal > .subtitle { + color: #d8dee9; + padding: 3px 12px; + margin: 0; + border-right: 1px solid #1d232f; } + .titlebar .path-buttons-box button > .horizontal > image.dim-label, .titlebar .path-buttons-box button > .horizontal > image.subtitle, + headerbar .path-buttons-box button > .horizontal > image.dim-label, + headerbar .path-buttons-box button > .horizontal > image.subtitle { + padding: 3px 0px 3px 12px; + border-right: none; } + .titlebar .path-buttons-box button, + headerbar .path-buttons-box button { + background: transparent; + border: none; + margin: 0; + padding: 0; } + .titlebar .path-buttons-box .current-dir label, + headerbar .path-buttons-box .current-dir label { + padding: 3px 12px; } + .titlebar .path-buttons-box .current-dir label, .titlebar .path-buttons-box .current-dir image, + headerbar .path-buttons-box .current-dir label, + headerbar .path-buttons-box .current-dir image { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; } + .titlebar .path-buttons-box button.current-dir:only-child image, + headerbar .path-buttons-box button.current-dir:only-child image { + margin-right: -6px; + padding: 0px 6px 0px 12px; + border-radius: 4px 0px 0px 4px; } + .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar 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 { + border-color: #bf59ad; } + .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar 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(205, 126, 191, 0.6); } + .tiled .titlebar, .maximized .titlebar, + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar, headerbar.default-decoration { + padding: 5px 4px; + min-height: 20px; } + .default-decoration.titlebar button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 20px; + min-width: 20px; + 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); } + +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 { + background: #202835; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #d8dee9; + background-color: #2a3344; + border-bottom: 1px solid #171b24; + 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: #fff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #fff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(46, 57, 76, 0.98); + color: #d8dee9; + 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: #d8dee9; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #2e394c; + color: #d8dee9; + 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(46, 57, 76, 0.8); + color: rgba(216, 222, 233, 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(46, 57, 76, 0.6); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(46, 57, 76, 0.5); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(46, 57, 76, 0.8); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + +.info { + background-color: #8CA1A5; } + .info:backdrop { + background-color: #a9b8bb; + color: rgba(255, 255, 255, 0.5); } + +.warning { + background-color: #e65b66; } + .warning:backdrop { + background-color: #ed878f; + color: rgba(255, 255, 255, 0.5); } + +.question { + background-color: #79B4B7; } + .question:backdrop { + background-color: #9ac7c9; + color: rgba(255, 255, 255, 0.5); } + +.error { + background-color: #ff3d9f; } + .error:backdrop { + background-color: #ff70b9; + color: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + levelbar trough:backdrop { + background-color: rgba(255, 255, 255, 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: #e65b66; } + levelbar block.low:backdrop { + border-color: #e65b66; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #79B4B7; } + levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + border-color: #79B4B7; } + levelbar block.full { + background-color: #58a1a5; } + levelbar block.full:backdrop { + border-color: #58a1a5; } + levelbar block.empty { + background-color: rgba(0, 0, 0, 0.35); + box-shadow: none; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #5e81ac; } + *:link:visited, + button:visited { + color: rgba(94, 129, 172, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #ebcbe5; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #809bbd; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #faf2f9; } + *:link:active, button:active:link, + button:active:visited { + color: #5e81ac; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #f5e5f2; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #cd7ebf; } + *:link:selected, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #f5e5f2; } + +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: #d8dee9; + background-color: #2e394c; + border-color: #1d232f; } + list:backdrop { + background-color: #303b4f; + border-color: #1e2531; } + +row { + background-color: transparent; + border-color: #1d232f; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(216, 222, 233, 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 button.flat { + 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(205, 126, 191, 0.5); } + row.activatable:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #202835; + color: #d8dee9; + -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 #cd7ebf; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: #818997; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background: #272F3F; + border: 1px solid #1d232f; + border-radius: 5px; + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #2f394d; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 17px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #fff; + background-color: #cd7ebf; } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #818997; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #475673; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #818997; + 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; } + +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-color: transparent; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #1c222e; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #1c222e; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(216, 222, 233, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #2e394c; + border-top: 1px solid #1d232f; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #303b4f; + border-color: #1e2531; } + 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: #4d5565; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: #1d232f; + border-width: 1px; + background-color: #242d3c; } + notebook > header:backdrop { + border-color: #1e2531; + background-color: #2a3344; } + notebook > header tabs { + margin: 0px; } + 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: #2e394c; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #2e394c; } + 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: #2e394c; + box-shadow: -1px 0 0 #1d232f, 0px 1px 0 #1d232f, 1px 0 0 #1d232f; } + 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: #2e394c; + box-shadow: 0px 1px 0 #1d232f, 0px -1px 0 #1d232f, 0px 1px 0 #1d232f; } + 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: #2e394c; + box-shadow: 0px 1px 0 #1d232f, 0px -1px 0 #1d232f, 1px 0 0 #1d232f; } + 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: 14px; + min-width: 14px; + 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: 24px; + min-width: 24px; + padding: 1px 12px; + outline-offset: -5px; + color: #818997; + font-weight: normal; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #adb4c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(29, 35, 47, 0.3); + background-color: rgba(42, 51, 68, 0.2); } + notebook > header tab:backdrop { + color: #5e6776; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #d8dee9; + box-shadow: -1px 0 0 #1d232f, 0px -1px 0 #1d232f, 1px 0 0 #1d232f; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(29, 35, 47, 0.5); + background-color: rgba(42, 51, 68, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(42, 51, 68, 0.7); } + notebook > header tab:backdrop:checked { + color: #818997; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #1e2531; + background-color: #303b4f; } + 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: #FF56AC; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + background: transparent; + border: none; + 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: 0px; + padding-right: 0px; } + 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: 1px; } + notebook > header.bottom tab { + padding-top: 1px; } +notebook > stack:not(:only-child) { + background-color: #2e394c; } + notebook > stack:not(:only-child):backdrop { + background-color: #303b4f; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#1d232f); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(#cd7ebf); } + paned > separator:backdrop { + background-image: image(#1e2531); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #2a3344; + background-image: image(#1d232f), image(#1d232f); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #2a3344; + background-image: image(#1e2531), image(#1e2531); } +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: #272F3F; + box-shadow: 0 4px 6px #1d232f; } + .csd popover.background, popover.background { + border: 1px solid #1d232f; } + popover.background:backdrop { + background-color: #2a3344; + 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; } + popover.background list row { + padding: 8px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(216, 222, 233, 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: rgba(255, 255, 255, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(255, 255, 255, 0.06); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(255, 255, 255, 0.06); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(255, 255, 255, 0.06); } + +progressbar progress, scale highlight { + border: none; + background-color: #8CA1A5; + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(255, 255, 255, 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: #9aadb0; + background-color: #9aadb0; } + 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(255, 255, 255, 0.06); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 2px; } + scale.vertical trough, + scale.vertical progress { + min-width: 2px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #2e394c; + 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: #8CA1A5; } + scale slider:active:disabled { + background-color: #2c3547; + 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: #1d232f; } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: #4c525e; } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #f1f1f1; + border: none; + border-radius: 12px; + background-color: #f1f1f1; } + scale slider:active { + border-color: #bf59ad; } + scale slider:disabled { + background-color: #b2b2b2; + 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: #b2b2b2; + 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: #bf59ad; } + .osd scale slider { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border-color: #171c26; + background-color: #f1f1f1; } + .osd scale slider:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #f1f1f1; } + .osd scale slider:active { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #f1f1f1; } + .osd scale slider:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #f1f1f1; } + .osd scale slider:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(178, 178, 178, 0.5), rgba(178, 178, 178, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #b2b2b2; } + .osd scale slider:backdrop:disabled { + background-color: #f1f1f1; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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(#1d232f); + 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: #2c3648; + 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 #1d232f; } + scrollbar.bottom { + border-top: 1px solid #1d232f; } + scrollbar.left { + border-right: 1px solid #1d232f; } + scrollbar.right { + border-left: 1px solid #1d232f; } + scrollbar:backdrop { + background-color: #242c3b; + border-color: #1e2531; + 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: #929aa7; } + scrollbar slider:hover { + background-color: #b5bcc8; } + scrollbar slider:hover:active { + background-color: #dba3d1; } + scrollbar slider:backdrop { + background-color: #4d5565; } + 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: #d8dee9; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #d8dee9; + 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: #929aa7; } + 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: #b5bcc8; } + 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: #dba3d1; } + 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(146, 154, 167, 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: #4d5565; } + 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(77, 85, 101, 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 #1d232f; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #2c3648; } + .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 #1d232f; + border-right-style: none; } + .sidebar:backdrop { + background-color: #2d374a; + border-color: #1e2531; } + .sidebar row { + padding: 8px 12px; + transition: all .12s ease-in; } + .sidebar row label { + color: #98abb2; } + .sidebar row:selected { + color: #fff; } + .sidebar row:selected:backdrop { + color: rgba(255, 255, 255, 0.5); + background: rgba(205, 126, 191, 0.6); } + .sidebar row:selected:backdrop label { + color: #fff; } + .sidebar row:selected label { + color: #fff; } + .sidebar.source-list { + background: #212836; + padding: 4px 0px; } + .sidebar.source-list.view, iconview.sidebar.source-list { + transition: all .12s ease-in; } + .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { + padding-left: 4px; + background: #cd7ebf; + color: #fff; } + .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(205, 126, 191, 0.9); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + .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(42, 51, 68, 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: #1d232f; } + +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 */ +/*******************************************************************/ +placessidebar.sidebar row.sidebar-row { + margin: 0 15px; + border-radius: 5px; } + placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon { + margin-left: -14px; + margin-right: 7px; + padding-left: 14px; + padding-right: 7px; + color: #98abb2; } + placessidebar.sidebar row.sidebar-row:hover { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background: #2f384c; } + placessidebar.sidebar row.sidebar-row:selected { + border-left: 2px solid #f8ab95; } + placessidebar.sidebar row.sidebar-row:selected, placessidebar.sidebar row.sidebar-row:selected label { + color: #fff; } + placessidebar.sidebar row.sidebar-row:selected, placessidebar.sidebar row.sidebar-row:selected:backdrop { + background: linear-gradient(to right, #f8ab95, #ee73c8, #2f384c 40px, #2f384c 97%); } + placessidebar.sidebar row.sidebar-row:selected:backdrop, placessidebar.sidebar row.sidebar-row:selected:backdrop label { + color: rgba(255, 255, 255, 0.5); } + placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon { + -gtk-icon-shadow: none; } + placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); + color: inherit; } + placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: #F3D88E; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #a3be8c, inset 0 -1px #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image { + color: #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background: #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { + color: #fff; } +placessidebar list, placessidebar list:backdrop { + background-color: #212836; } + +/***************** + * 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: #c7ced9; + background-image: none; + border-style: none none none solid; + border-color: rgba(29, 35, 47, 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: #d8dee9; + background-color: rgba(216, 222, 233, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(129, 137, 151, 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: #798190; + background-color: transparent; + border-color: rgba(30, 37, 49, 0.3); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(71, 86, 115, 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: #d8dee9; + border-style: none none none solid; + border-color: rgba(29, 35, 47, 0.7); + 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: #d8dee9; + border-color: rgba(29, 35, 47, 0.5); + background-color: rgba(216, 222, 233, 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: #d8dee9; + border-color: rgba(29, 35, 47, 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: #7d8390; + border-color: rgba(29, 35, 47, 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: #818997; } +spinbutton.vertical:backdrop:disabled { + color: #475673; } +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: #1d232f; + 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); + 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: #cd7ebf; } + +/********************* + * 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: 1px; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + padding: 2.3px 0px; + background-color: #4b5d7c; + 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: #2c3547; } + switch:backdrop { + background-color: #2a3344; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #2c3547; } + switch:active, switch:checked { + background-color: #cd7ebf; } + switch:active:backdrop, switch:checked:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(46, 57, 76, 0.9); + border: none; } + 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: #2e394c; + 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: #2e394c; } + switch trough:active, switch trough:checked { + background-color: #cd7ebf; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #2a3344; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(33, 40, 54, 0.93); } + 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: #1d232f; + background-color: #262e3e; } + .inline-toolbar:backdrop, searchbar:backdrop, + .location-bar:backdrop { + border-color: #1e2531; + background-color: #262e3d; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #2e394c; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + border: 1px solid #1d232f; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #838c9b; + border-top-color: #2a3344; } + * { + -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: #e6bfdf; + border-top-color: rgba(216, 222, 233, 0.1); } + treeview.view:disabled { + color: #818997; } + treeview.view:disabled:selected { + color: #e1b2d9; } + treeview.view:disabled:selected:backdrop { + color: rgba(211, 142, 199, 0.85); } + treeview.view:disabled:backdrop { + color: #475673; } + treeview.view.separator { + min-height: 2px; + color: #2a3344; } + treeview.view.separator:backdrop { + color: rgba(42, 51, 68, 0.1); } + treeview.view:backdrop { + border-left-color: #565e6e; + border-top: #2a3344; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #bf59ad; } + 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: #a5adba; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #d8dee9; } + treeview.view.expander:selected { + color: #f0d8ec; } + treeview.view.expander:selected:hover { + color: #fff; } + treeview.view.expander:selected:backdrop { + color: rgba(227, 182, 219, 0.65); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: #697281; } + treeview.view.progressbar { + border: 1px solid #bf59ad; + border-radius: 4px; + background-color: #cd7ebf; + background-image: linear-gradient(to bottom, #cd7ebf, #bf59ad); + 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: #cd7ebf; + background-image: linear-gradient(to bottom, #2e394c, #1b212c); } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + border-color: #303b4f; + background-color: #303b4f; } + treeview.view.progressbar:backdrop { + border-color: #303b4f; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(216, 222, 233, 0.1); + border-radius: 4px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: #bf59ad; + border-radius: 4px; } + treeview.view header button { + color: #838c9b; + background-color: #2e394c; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #aeb5c2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #d8dee9; + 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: #cd7ebf; + color: #2e394c; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #2e394c; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: #cd7ebf; } + +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: #2a3344; } + treeview.view header button:disabled { + border-color: #2a3344; + background-image: none; } + treeview.view header button:backdrop { + border-color: #2a3344; + border-style: none solid solid none; + color: #565e6e; + background-image: none; + background-color: #303b4f; } + treeview.view header button:backdrop:disabled { + border-color: #2a3344; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-width: 0px; + border-width: 0px; + box-shadow: 0 4px 10px 2px rgba(37, 37, 37, 0.7); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 4px 10px 2px rgba(33, 26, 30, 0.2); + transition: 200ms ease-out; } + .maximized decoration, .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .ssd decoration { + box-shadow: none; } + .csd.popup decoration { + border-radius: 7px; + box-shadow: 0 4px 8px #1d232f; + border: 1px solid rgba(29, 35, 47, 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(29, 35, 47, 0.8); } + .solid-csd decoration { + border-radius: 0; + margin: 0px; + background-color: #2a3344; + border: solid 1px #1e2531; + box-shadow: none; } + +button.titlebutton { + background-repeat: no-repeat; + background-position: center; + min-height: 20px; + padding: 0 1px; + 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.4807843137); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4807843137); } + 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: #cd7ebf; } + 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: #fff; + 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: #e6bfdf; } + 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(255, 255, 255, 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(211, 142, 199, 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: #242c3b; + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid #1d232f; } + .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 button, + .budgie-popover.background button { + color: #d8dee9; } + .budgie-popover button:hover, + .budgie-popover.background button:hover { + color: #fff; + background-color: #343f54; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu { + color: #d8dee9; } + .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 #1d232f; + border-radius: 0; + font-size: 120%; + box-shadow: none; + color: #d8dee9; } + .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: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid #1d232f; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid #1d232f; } + .budgie-menu .category-button { + padding: 7px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(216, 222, 233, 0.15); + color: #d8dee9; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #fff; + background: #79B4B7; } + .budgie-menu .category-button:checked:hover { + color: rgba(255, 255, 255, 0.6); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(255, 255, 255, 0.7); } + .budgie-menu scrollbar { + background-color: transparent; + border-color: #1d232f; } + .budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } + .budgie-menu button { + border: none; + background: transparent; } + .budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + .budgie-menu list { + color: rgba(216, 222, 233, 0.7); } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #d8dee9; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #d8dee9; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #d8dee9; } + button.budgie-menu-launcher:backdrop { + color: #d8dee9; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #d8dee9; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: #cd7ebf; + box-shadow: none; + background-color: #2d384a; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(216, 222, 233, 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: #cd7ebf; + 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: #fff; } + .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: #fff; } + .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: #d8dee9; + box-shadow: none; } + button.raven-trigger:hover { + color: #d8dee9; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: #cd7ebf; } + button.raven-trigger:backdrop { + color: #d8dee9; } + button.raven-trigger:backdrop:hover { + color: #d8dee9; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: #cd7ebf; + 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(29, 35, 47, 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(216, 222, 233, 0.04); + border-bottom: 1px solid rgba(29, 35, 47, 0.95); } +.places-menu .unlock-area { + border-top: 1px solid rgba(29, 35, 47, 0.85); + border-bottom: 1px solid rgba(29, 35, 47, 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(29, 35, 47, 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: #d8dee9; + background-color: #242c3b; + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #FF56AC; } + .budgie-panel:backdrop { + color: #d8dee9; + background-color: #242c3b; } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel button.flat { + background: transparent; + border: none; } + .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { + background: transparent; + color: #cd7ebf; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #d8dee9; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(36, 44, 59, 0.45); } + .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: #f9fafb; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(216, 222, 233, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #d8dee9; } + +.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(36, 44, 59, 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(36, 44, 59, 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 #cd7ebf; } +.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 #cd7ebf; } +.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 #cd7ebf; } +.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 #cd7ebf; } + +.top .budgie-panel { + border-bottom: 1px solid rgba(19, 23, 31, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(29, 35, 47, 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: #d8dee9; + background: #242c3b; + transition: 170ms ease-out; } + .raven list { + color: #d8dee9; + background-color: transparent; } + .raven list:selected { + background-color: rgba(205, 126, 191, 0.9); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:hover, + .raven list row.activatable:hover { + background-color: rgba(65, 79, 106, 0.3); } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(205, 126, 191, 0.9); } + .raven .raven-background { + color: #d8dee9; + 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; + min-height: 32px; + margin-bottom: 3px; + background: #A572A4; + color: #fff; + 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 { + background: rgba(165, 114, 164, 0.85); + color: #fff; } + .raven .powerstrip button.image-button:active { + background: #A572A4; + color: #fff; } + .raven .powerstrip button.image-button:first-child { + background: #79B4B7; } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(205, 126, 191, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #cd7ebf; } + .raven .powerstrip button.image-button:last-child { + background: #FF56AC; } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 86, 172, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #FF56AC; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 6px; + color: #d8dee9; + background: transparent; + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: #38455c; + color: #fff; + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #d8dee9; + 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: #d8dee9; + background-color: transparent; } + +.raven-mpris { + color: #d8dee9; + background-color: rgba(23, 27, 36, 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: #2e394c; + 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: #cd7ebf; } + .raven-mpris button.image-button:active { + background-color: #c66cb6; } + .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: #cd7ebf; + color: #fff; + border: none; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #c66cb6; + 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: #c66cb6; } + +.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: #d8dee9; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(216, 222, 233, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #fff; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #FF56AC; + 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: #ff3d9f; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #d8dee9; + background-color: rgba(42, 51, 68, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #d8dee9; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #d8dee9; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #d8dee9; } + .budgie-switcher-window flowboxchild:selected { + color: #fff; + background-color: rgba(205, 126, 191, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #fff; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: #b971ac; } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(205, 126, 191, 0.7); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(255, 255, 255, 0.7); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #d8dee9; + background-color: #242c3b; } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(216, 222, 233, 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-color: #1d232f; + border-radius: 0; + color: #d8dee9; + 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; + background: transparent; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(205, 126, 191, 0.9); + color: #fff; } + .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(205, 126, 191, 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(212, 144, 200, 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(212, 144, 200, 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(255, 35, 147, 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(255, 61, 159, 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(255, 61, 159, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #d8dee9; } + .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(216, 222, 233, 0.7); } +.budgie-polkit-dialog .failure { + color: #FF56AC; } + +.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: #d8dee9; } + .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 .subtitle, .titlebar .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: #242c3b; } + .budgie-menubar menu menuitem:hover { + background-color: #cd7ebf; + color: #fff; } +.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(53, 61, 74, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(53, 61, 74, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(216, 222, 233, 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 #242c3b; } + .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 #38445a; } + .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: #1a202b; } +.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: #cd7ebf; } + .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { + color: #cd7ebf; } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(40, 50, 66, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(205, 126, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(205, 126, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(205, 126, 191, 0.9); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(46, 57, 76, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(205, 126, 191, 0.9); } +.nautilus-window.background { + background-color: rgba(40, 50, 66, 0.95); } + .nautilus-window.background:backdrop { + background-color: rgba(40, 50, 66, 0.95); } +.nautilus-window notebook > stack:only-child { + background-color: #2e394c; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #303b4f; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.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: #d8dee9; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #d8dee9; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #d8dee9; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #fff; + 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 .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #fff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #fff; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #2a3344; } + +/********* + * Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + transition: none; + box-shadow: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + border-color: #cd7ebf; } + +/******************* + * Calendar events * +********************/ +.color-light.timed label { + color: #d8dee9; + opacity: 1; } +.week-view .color-light.timed label, .color-light label, .year-view .color-light:not(.timed) label { + color: #2a3344; + opacity: 1; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #2e394c; + background-color: #2e394c; } + .gala-notification .title, + .gala-notification .label { + color: #d8dee9; } + +.gala-button { + padding: 3px; + color: #2e394c; + 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(46, 57, 76, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #d8dee9; } + +/************* + * 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(205, 126, 191, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #d8dee9; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(205, 126, 191, 0.3); + color: #fff; } + +.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: #d8dee9; } + +/********* + * Panel * + ********/ +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #d8dee9; + 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: #1a202b; } + +.card { + background-color: #2e394c; + 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: #242d3c; + 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: #2a3344; + 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: #d8dee9; } + +/********* +* 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, #3e4b65, #3e4b65); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(0, 0, 0, 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: linear-gradient(to right, #F3D88E, #F3D88E); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid #1d232f; + 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: #2e394c; + -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 { + border-radius: 0; } + .xfce4-panel .panel { + background-color: #272f3f; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(216, 222, 233, 0.8); + border-radius: 0; + border: none; + background-color: rgba(39, 47, 63, 0); } + #tasklist-button:hover { + color: #f9fafb; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #cd7ebf; } + +.xfce4-panel .panel button.flat:not(.open_group) { + color: #d8dee9; + border-radius: 0; + border: none; + background-color: rgba(39, 47, 63, 0); } + .xfce4-panel .panel button.flat:hover:not(.open_group) { + border: none; + background-color: #3b475f; } + .xfce4-panel .panel button.flat:active:not(.open_group), .xfce4-panel .panel button.flat:checked:not(.open_group) { + color: #fff; + border: none; + background-color: #cd7ebf; } + .xfce4-panel .panel button.flat:active:not(.open_group) label, .xfce4-panel .panel button.flat:active:not(.open_group) image, .xfce4-panel .panel button.flat:checked:not(.open_group) label, .xfce4-panel .panel button.flat:checked:not(.open_group) image { + color: inherit; } + +#whiskermenu-window button { + background-color: transparent; + border: none; + border-radius: 0; + font-weight: normal; + padding: 3px; + margin: 1px 2px; } + #whiskermenu-window button:hover, #whiskermenu-window button:checked { + background-color: #cd7ebf; } + +/* Vala-appmenu-plugin*/ +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: #d8dee9; } + +/******** +* 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: #cd7ebf; + /* 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: #818997; } + +.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: #1d232f; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #2e394c; } + +@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: #cd7ebf; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #1d232f; } + MsdOsdWindow.background.osd .progressbar { + background-color: #cd7ebf; + border: none; + border-color: #cd7ebf; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(23, 28, 38, 0.93); + 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: #cd7ebf; + color: #fff; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); + color: rgba(255, 255, 255, 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: #fff; + border: 0px solid #bf59ad; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #272f3f; + color: #d8dee9; + font-weight: bold; + box-shadow: inset 0 -1px #191f29; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #d8dee9; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(216, 222, 233, 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: #d8dee9; } + +#content_frame { + padding-bottom: 14px; + background-color: #2a3344; + 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } + #content_frame button:hover { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #2e394c; + text-shadow: none; } + #content_frame button:active, #content_frame button:checked { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + #content_frame button:disabled { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + #content_frame button:disabled label { + color: #b6bdca; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #202835; + 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #d8dee9; + 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: #3e4b65; + -NemoPlacesTreeView-disk-full-fg-color: #F3D88E; + -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: #2f384c; } + .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, + .nemo-window .places-treeview iconview.cell:selected { + background: #cd7ebf; + color: #fff; } +.nemo-window .sidebar { + background-color: #212836; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + color: #d8dee9; + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #d8dee9; + border: 1px solid #cd7ebf; + border-radius: 3px; + box-shadow: 0px 0px 1px 1px #cd7ebf inset; } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: #cd7ebf; + color: #fff; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #202835; } + .nemo-window toolbar.primary-toolbar button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + min-height: 24px; + padding: 3px; } + .nemo-window toolbar.primary-toolbar button:hover { + color: #fff; + text-shadow: none; + background-color: rgba(205, 126, 191, 0.7); } + .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(205, 126, 191, 0.6); + text-shadow: none; + box-shadow: none; } + .nemo-window toolbar.primary-toolbar button:backdrop, .nemo-window toolbar.primary-toolbar button:disabled, .nemo-window toolbar.primary-toolbar button:backdrop:disabled { + color: rgba(216, 222, 233, 0.2); + background-color: #272F3F; + text-shadow: none; + box-shadow: none; } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #283242; } + +/* thunar */ +.thunar toolbar { + background-color: #202835; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +/* path-bar of thunar */ +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + border-radius: 0; + border-right: 0.5px solid #1d232f; + box-shadow: none; + min-height: 20px; + padding: 3px 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right-style: solid; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:only-child { + border-radius: 4px; + border-style: solid; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:hover { + color: #cd7ebf; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .toggle.path-bar-button:hover { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + +/* thunar sidepane */ +.thunar scrolledwindow.sidebar treeview.view { + background: #1d232f; + padding: 1.5px; } + .thunar scrolledwindow.sidebar treeview.view:hover, .thunar scrolledwindow.sidebar treeview.view:selected { + background: rgba(205, 126, 191, 0.7); + color: #fff; + border-radius: 0; + box-shadow: none; } + +.caja-notebook .frame { + border-width: 0 0 0px; } +.caja-notebook .entry { + background: #38455c; + color: #d8dee9; + border-color: #cd7ebf; } + .caja-notebook .entry:selected { + background: #cd7ebf; + color: #fff; } + +/************** +* Caja sidebar * +**************/ +.caja-side-pane { + background: #202835; } + .caja-side-pane .frame { + border: none; } + .caja-side-pane treeview.view, + .caja-side-pane textview.view text, + .caja-side-pane viewport.frame, + .caja-side-pane widget .vertical { + background: #212836; + padding: 3px 2px; } + .caja-side-pane treeview.view:hover, + .caja-side-pane textview.view text:hover, + .caja-side-pane viewport.frame:hover, + .caja-side-pane widget .vertical:hover { + background-color: rgba(47, 56, 76, 0.95); } + .caja-side-pane treeview.view:selected, + .caja-side-pane textview.view text:selected, + .caja-side-pane viewport.frame:selected, + .caja-side-pane widget .vertical:selected { + color: #d8dee9; + background: rgba(47, 56, 76, 0.93); } + .caja-side-pane treeview.view:selected:hover, + .caja-side-pane textview.view text:selected:hover, + .caja-side-pane viewport.frame:selected:hover, + .caja-side-pane widget .vertical:selected:hover { + background: rgba(47, 56, 76, 0.93); + color: #fff; } + +/************** +* Caja pathbar * +**************/ +.caja-navigation-window paned { + background: #202835; } + .caja-navigation-window paned button.image-button, + .caja-navigation-window paned .caja-pathbar button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; } + .caja-navigation-window paned button.image-button:hover, .caja-navigation-window paned button.image-button:checked, + .caja-navigation-window paned .caja-pathbar button:hover, + .caja-navigation-window paned .caja-pathbar button:checked { + color: #fff; + text-shadow: none; + background-color: rgba(205, 126, 191, 0.7); } + .caja-navigation-window paned .caja-pathbar button { + border-right: 1px solid #1d232f; + border-left: none; + box-shadow: none; + min-height: 20px; + padding: 3px 5px; + margin-right: -3px; } + .caja-navigation-window paned .caja-pathbar button.image-button, .caja-navigation-window paned .caja-pathbar button.text-button, .caja-navigation-window paned .caja-pathbar button.toggle { + border-radius: 0; } + .caja-navigation-window paned .caja-pathbar button:first-child { + border-left: 1px solid #1d232f; } + .caja-navigation-window paned .caja-pathbar button.slider-button:first-child { + border-radius: 6px 0px 0px 6px; } + .caja-navigation-window paned .caja-pathbar button.slider-button:nth-child(2) { + border-radius: 0px 6px 6px 0px; } + .caja-navigation-window paned .caja-pathbar button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; } + +.caja-navigation-window .primary-toolbar { + background: #202835; } + .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar 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; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked { + background: #cd7ebf; + box-shadow: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label { + color: #fff; } + +.background.csd { + border-radius: 0 0 12px 12px; } +.background.maximized, .background.solid-csd { + border-radius: 0; } + +.titlebar, headerbar { + border-radius: 12px 12px 0 0; } + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 12px 12px; } + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; } + +.csd filechooser { + border-radius: 0 0 12px 12px; } +filechooser stack.view scrolledwindow { + border-radius: 0 0 12px 0; } +.csd filechooser placessidebar { + border-bottom-left-radius: 12px; } + +decoration { + border-radius: 12px; } + messagedialog.csd decoration { + border-radius: 12px; } + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; } +.nautilus-window placessidebar { + border-radius: 12px; } + +window.background.csd.unified, +window.background.csd.unified > decoration, +window.background.csd.unified > decoration-overlay { + border-radius: 12px; } + +.csd .tweak-categories { + border-bottom-left-radius: 12px; } + +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) { + border-top-left-radius: 12px; } +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) { + border-top-right-radius: 12px; } +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child { + border-top-right-radius: 12px; + border-top-left-radius: 12px; } +window.background.csd > stack:not(.titlebar) > stack.background { + border-radius: 0 0 12px 12px; } +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background: none; } + window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, + window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, + window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #2e394c; + border-bottom-right-radius: 12px; } + window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, + window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, + window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view { + background: none; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #2e394c; + border-bottom-left-radius: 12px; } + window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, + window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, + window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; } + window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, + window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, + window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; } + window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), + window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), + window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; } + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; } + +/*************** + * Gnome Music * + ***************/ +window.background.csd box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; } + +/**************** + * Gnome Clocks * + ****************/ +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; } + window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle { + border-top-left-radius: 12px; + border-top-right-radius: 12px; } + window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer { + margin: 0 0; + background: none; } + window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; } + +/*********** + * Dialogs * + ***********/ +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; } +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; } +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #2e394c; } + dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview:not(:hover):not(:selected):not(:active), + dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), + dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview:not(:hover):not(:selected):not(:active) { + background-color: transparent; } +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; } + dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; } +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; } +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; } +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; } +dialog.background.csd stack scrolledwindow.frame { + border-radius: 8px; } + dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 8px; } + dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; } + dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; } +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 8px; } + +notebook, notebook.frame { + background-color: #2e394c; + border-radius: 8px; } +notebook.frame frame > border { + border: none; + border-radius: 8px; } +notebook.frame frame > list row.activatable { + border-radius: 8px; } +notebook > header.top { + border-radius: 8px 8px 0 0; } + notebook > header.top > tabs > tab { + border-radius: 4px 4px 0 0; } +notebook > header.bottom { + border-radius: 0 0 8px 8px; } + notebook > header.bottom > tabs > tab { + border-radius: 0 0 4px 4px; } +notebook > header.right { + border-radius: 0 8px 8px 0; } + notebook > header.right > tabs > tab { + border-radius: 0 4px 4px 0; } +notebook > header.left { + border-radius: 8px 0 0 8px; } + notebook > header.left > tabs > tab { + border-radius: 4px 0 0 4px; } +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 8px; } + +/*********** + * Tooltips * + ***********/ +tooltip.background.csd { + border-radius: 8px; } + +/*# sourceMappingURL=gtk-dark.css.map */ diff --git a/.themes/Otis/gtk-3.0/gtk.css b/.themes/Otis/gtk-3.0/gtk.css new file mode 100755 index 000000000..3fbd6df74 --- /dev/null +++ b/.themes/Otis/gtk-3.0/gtk.css @@ -0,0 +1,6486 @@ +/*$selected_bg_color: #00e8c6;06d6a0*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #d8dee9; +/* text color for entries, views and content in general */ +@define-color theme_text_color #d8dee9; +/* widget base background color */ +@define-color theme_bg_color #2a3344; +/* text widgets and the like base background color */ +@define-color theme_base_color #2e394c; +/* base background color of selections */ +@define-color theme_selected_bg_color #cd7ebf; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #fff; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #2c3547; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #818997; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #2e394c; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #818997; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #d8dee9; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #2a3344; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #303b4f; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #cd7ebf; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #fff; +/* widgets main borders color */ +@define-color borders #1d232f; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #1e2531; +/* these are pretty self explicative */ +@define-color warning_color #e65b66; +@define-color error_color #ff3d9f; +@define-color success_color #58a1a5; +@define-color fg_color #d8dee9; +@define-color text_color #d8dee9; +@define-color bg_color #2a3344; +@define-color base_color #2e394c; +@define-color selected_bg_color #cd7ebf; +@define-color selected_fg_color #fff; +@define-color unfocused_fg_color #818997; +@define-color unfocused_text_color #d8dee9; +@define-color unfocused_bg_color #2a3344; +@define-color unfocused_base_color #303b4f; +@define-color unfocused_selected_bg_color #cd7ebf; +@define-color unfocused_selected_fg_color #fff; +/* 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(#d8dee9, 1.8); +@define-color wm_unfocused_title #818997; +@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(#2a3344, 1.2); +@define-color wm_bg_b #2a3344; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#2a3344, 1.3); +@define-color wm_button_hover_color_b #2a3344; +@define-color wm_button_active_color_a shade(#2a3344, 0.85); +@define-color wm_button_active_color_b shade(#2a3344, 0.89); +@define-color wm_button_active_color_c shade(#2a3344, 0.9); +@define-color content_view_bg #2e394c; +@define-color text_view_bg #2e394c; +@define-color budgie_tasklist_indicator_color #cd7ebf; +@define-color budgie_tasklist_indicator_color_active #cd7ebf; +@define-color placeholder_text_color #b6bdca; +@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: #ff3d9f; + -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(216, 222, 233, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: #cd7ebf; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #171b24; + border: solid #1d232f; + border-width: 1px 0 0 0; + color: #d8dee9; + box-shadow: none; } + .action-bar:backdrop { + background-color: #171b24; + 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(33, 40, 54, 0.93); + 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: #d8dee9; + background-color: #2a3344; } + .background:backdrop { + color: #818997; + background-color: #2a3344; + text-shadow: none; + -gtk-icon-shadow: none; } + +/* + 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. +*/ +selection { + background-color: #cd7ebf; + color: #fff; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #d8dee9; + background-color: #2a3344; } + .gtkstyle-fallback:hover { + color: #d8dee9; + background-color: #3d4b64; } + .gtkstyle-fallback:active { + color: #d8dee9; + background-color: #171b24; } + .gtkstyle-fallback:disabled { + color: #818997; + background-color: #2c3547; } + .gtkstyle-fallback:selected { + color: #fff; + background-color: #cd7ebf; } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #d8dee9; + background-color: #2e394c; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: #b6bdca; + background-color: #303b4f; } + .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: #2c3648; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +treeview.view rubberband { + border: 1px solid #bf59ad; + background-color: rgba(191, 89, 173, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #d8dee9; } + label.separator:backdrop { + color: #818997; } + label selection { + background-color: #cd7ebf; + color: #fff; } + label:disabled { + color: #818997; } + label:disabled:backdrop { + color: #475673; } + label:backdrop { + color: #818997; } + +.dim-label, label.separator, .titlebar .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #2e394c; + border-top: 1px solid #1d232f; } + assistant .sidebar:backdrop { + background-color: #303b4f; + border-color: #1e2531; } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #4d5565; } + +.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: #d8dee9; + border: none; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + outline-color: rgba(216, 222, 233, 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: #cd7ebf; + color: #fff; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#e2b5da), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#cd7ebf), to(transparent)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 2px 6px; + border: 1px solid #1d232f; + border-radius: 4px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #d8dee9; + background-color: #333e53; + text-shadow: none; } + 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; + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + 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: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #b6bdca; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #303b4f; + text-shadow: none; + 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(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 255, 255, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + 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(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + notebook > header > tabs > arrow:disabled label, + button:disabled label { + color: #b6bdca; } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button, + button.image-button.circular, + button.image-button.sidebar-button { + padding: 6px 4px; + border-radius: 50px; + box-shadow: none; } + 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; + border-radius: 2px; } + 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: #a3be8c; + border-color: #a3be8c; + box-shadow: inset 0 0 0 1px #a3be8c; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #fff; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #818997; } +button.osd { + min-width: 24px; + min-height: 20px; + color: #d8dee9; + border-radius: 5px; + outline-color: rgba(216, 222, 233, 0.3); + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); + 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 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: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 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: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); + 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } +button.suggested-action { + border: none; + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #79B4B7; } + .selection-mode button.titlebutton, button.suggested-action.flat { + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #79B4B7; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .selection-mode button.titlebutton:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .selection-mode button.titlebutton:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + .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(255, 255, 255, 0.7); } + .selection-mode button.titlebutton:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .selection-mode button.titlebutton:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + .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(121, 180, 183, 0.8); } + button.suggested-action:disabled { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(29, 35, 47, 0.3); + background-color: rgba(121, 180, 183, 0.5); + text-shadow: none; } + button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + .osd button.suggested-action { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(121, 180, 183, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(121, 180, 183, 0.7), rgba(121, 180, 183, 0.7)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, #79B4B7, #79B4B7); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(121, 180, 183, 0.5), rgba(121, 180, 183, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + border: none; + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #FF56AC; } + button.destructive-action.flat { + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #79B4B7; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 255, 255, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 35, 147, 0.8); } + button.destructive-action:disabled { + color: rgba(255, 255, 255, 0.5); + border-color: rgba(29, 35, 47, 0.3); + background-color: rgba(255, 35, 147, 0.5); + text-shadow: none; } + button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + .osd button.destructive-action { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(255, 35, 147, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(255, 35, 147, 0.7), rgba(255, 35, 147, 0.7)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, #ff2393, #ff2393); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(255, 35, 147, 0.5), rgba(255, 35, 147, 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: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + +.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(#e2b5da), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.8274509804)), 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } +toolbar button:active { + font-weight: normal; + color: #d8dee9; + background-color: #333e53; + text-shadow: none; } + +.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: #fff; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #f2f2f2; } + .inline-toolbar toolbutton > button:disabled { + color: #b6bdca; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(242, 242, 242, 0.3); } + .inline-toolbar toolbutton > button:backdrop { + color: #b6bdca; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: #f2f2f2; } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #b6bdca; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(242, 242, 242, 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 #1d232f; + border-radius: 0; + border-right-style: none; + box-shadow: none; } + .inline-toolbar button:disabled, .linked > button:disabled, .linked:not(.vertical) > spinbutton:disabled:not(.vertical), .linked:not(.vertical) > + entry:disabled, .linked > combobox > box > button.combo:disabled:dir(ltr), .linked > combobox > box > button.combo:disabled:dir(rtl) { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; + color: #818997; } + .inline-toolbar button:disabled label, .linked > button:disabled label, .linked:not(.vertical) > spinbutton:disabled:not(.vertical) label, .linked:not(.vertical) > + entry:disabled label, .linked > combobox > box > button.combo:disabled:dir(ltr) label, .linked > combobox > box > button.combo:disabled:dir(rtl) label { + color: #b6bdca; } + +.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: #343f54; } + 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: none; } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: none; } +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #d8dee9; + border: 1px solid #1d232f; } + 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(216, 222, 233, 0.45); } + calendar.button:hover { + color: #d8dee9; } + calendar.button:backdrop { + color: rgba(129, 137, 151, 0.45); } + calendar.button:disabled { + color: rgba(129, 137, 151, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #d8dee9; } + calendar:backdrop { + color: #b6bdca; + border-color: #1e2531; } + +/************************* + * 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: #fff; } + colorswatch.dark overlay:hover { + border-color: #1d232f; } + colorswatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +colorswatch.light overlay { + color: #d8dee9; } + colorswatch.light overlay:hover { + border-color: #1d232f; } + colorswatch.light overlay:backdrop { + color: #b6bdca; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #a3be8c; + box-shadow: inset 0 0 0 2px #1d232f, inset 0 0 0 1px #a3be8c; } + colorswatch:drop(active).dark overlay { + border-color: #a3be8c; + box-shadow: inset 0 0 0 2px #1d232f, inset 0 0 0 1px #a3be8c; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #1d232f; } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: #1d232f; + 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } + colorswatch#add-color-button overlay:hover { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #2e394c; + text-shadow: none; } + colorswatch#add-color-button overlay:backdrop { + color: #b6bdca; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #303b4f; + text-shadow: none; } +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 #fff; } +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(42, 51, 68, 0.95); } +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(42, 51, 68, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +messagedialog.csd.background { + background-color: rgba(42, 51, 68, 0.95); + color: #d8dee9; + 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: #d8dee9; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(205, 126, 191, 0.9); + color: white; } + 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; } + messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action { + color: white; } + +filechooser .dialog-action-box { + border-top: 1px solid #1d232f; } + filechooser .dialog-action-box:backdrop { + border-top-color: #1e2531; } +filechooser #pathbarbox { + border-bottom: 1px solid #2a3344; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), entry { + min-height: 28px; + 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: #d8dee9; + border-color: #1d232f; + background-color: #333e53; } + 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: #bf59ad; } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #818997; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #b6bdca; + border-color: #1e2531; + background-color: #303b4f; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #475673; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #d8dee9; + border-color: #1d232f; + background-color: #333e53; + color: #ff3d9f; + border-color: #890046; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #890046; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3d9f; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #d8dee9; + border-color: #1d232f; + background-color: #333e53; + color: #e65b66; + border-color: #7c131b; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #7c131b; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #e65b66; } + spinbutton:not(.vertical) image, + entry image { + color: #b6bdca; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #d8dee9; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: #cd7ebf; } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #717989; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #a3be8c; + box-shadow: inset 0 0 0 1px #a3be8c; } + .osd spinbutton:not(.vertical), + .osd entry { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(29, 35, 47, 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: #d8dee9; + border-color: #cd7ebf; + background-color: rgba(29, 35, 47, 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(29, 35, 47, 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: #7d8390; + border-color: #1d232f; + background-color: rgba(51, 58, 72, 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: #cd7ebf; + 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: #bf59ad; } +.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > +entry:focus { + border-color: #bf59ad; } +.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: #a3be8c; } +.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: #293243; + background-image: linear-gradient(to bottom, #2e394c, #2e394c); } + .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: #2b3446; + background-image: linear-gradient(to bottom, #303b4f, #303b4f); } +.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: #293243; } +.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: #bf59ad; } +.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: #a3be8c; } +.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: #bf59ad; } +.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: #a3be8c; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #2e394c; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #2e394c; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #cd7ebf; } + +/************* + * 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: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #2a3344; + border-width: 1px; + border-style: solid solid none; + border-color: #1d232f; + border-radius: 3px 3px 0 0; + box-shadow: none; } + .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: #2a3344; + border-color: #1e2531; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #1d232f; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #1e2531; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #1d232f; } + actionbar > revealer > box:backdrop { + border-color: #1e2531; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(#0a0c10), to(rgba(10, 12, 16, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(216, 222, 233, 0.13)), to(rgba(216, 222, 233, 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(#1e2531), to(rgba(30, 37, 49, 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(#0a0c10), to(rgba(10, 12, 16, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(216, 222, 233, 0.13)), to(rgba(216, 222, 233, 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(#1e2531), to(rgba(30, 37, 49, 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(#0a0c10), to(rgba(10, 12, 16, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(216, 222, 233, 0.13)), to(rgba(216, 222, 233, 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(#1e2531), to(rgba(30, 37, 49, 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(#0a0c10), to(rgba(10, 12, 16, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(216, 222, 233, 0.13)), to(rgba(216, 222, 233, 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(#1e2531), to(rgba(30, 37, 49, 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, #1d232f 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #2c3648; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #1e2531 1px, transparent 1px); + background-color: #242c3b; + 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 #2e394c; + background: #2e394c; + color: #d8dee9; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #cd7ebf; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #2e394c; + background-image: none; + border: 1px solid #2e394c; + color: #d8dee9; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #2e394c; } + GraniteWidgetsWelcome GtkLabel { + color: #d8dee9; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(216, 222, 233, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #2a3344; + border: solid #1d232f; + color: #d8dee9; + 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: #2a3344; + 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: #202734; } + .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(216, 222, 233, 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: #F3D88E; + 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: #2e394c; } + .storage-bar .fill-block.app { + background-color: #5e81ac; } + .storage-bar .fill-block.audio { + background-color: #ED878F; } + .storage-bar .fill-block.photo { + background-color: #FF56AC; } + .storage-bar .fill-block.video { + background-color: #A572A4; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), .titlebar, headerbar { + padding: 0 13px; + min-height: 34px; + background: #202835; + color: #d8dee9; + border-radius: 0; } + .titlebar:backdrop, + headerbar:backdrop { + border-color: #1e2531; + transition: 200ms ease-out; } + .titlebar .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar entry, + headerbar entry { + min-height: 24px; } + .titlebar button, + headerbar button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + min-height: 20px; + margin-top: 5px; + margin-bottom: 5px; + box-shadow: none; } + .titlebar button.image-button, + headerbar button.image-button { + padding: 3px 4px; } + .titlebar button.appmenu, + headerbar button.appmenu { + background: transparent; } + .titlebar button.appmenu:backdrop, + headerbar button.appmenu:backdrop { + background: transparent; } + .titlebar button:hover, + headerbar button:hover { + color: #fff; + text-shadow: none; + background-color: rgba(205, 126, 191, 0.7); } + .titlebar button:active, .titlebar button:checked, + headerbar button:active, + headerbar button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(216, 222, 233, 0.2); + background-color: #272F3F; + text-shadow: none; + box-shadow: none; } + .titlebar button:backdrop:hover, .titlebar button:backdrop:active, .titlebar button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + color: #cd7ebf; + background-color: rgba(205, 126, 191, 0.6); + text-shadow: none; + box-shadow: none; } + .titlebar button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 14px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #79B4B7; + box-shadow: none; } + .titlebar button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .titlebar button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .titlebar button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: white; } + .titlebar button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; + border-radius: 3px; } + .titlebar button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .titlebar button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 14px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; + box-shadow: none; + color: white; + border-radius: 4px; + background-color: #79B4B7; + box-shadow: none; } + .titlebar button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + .titlebar button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + .titlebar button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: white; } + .titlebar button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; + border-radius: 3px; } + .titlebar button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + .titlebar button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; + border: none; + background-color: transparent; + background-repeat: no-repeat; } + .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar 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 .linked > button, .titlebar .path-bar-box button, + .titlebar headerbar .linked > button, + headerbar .path-bar-box .titlebar button, .titlebar .linked > button:hover, + .titlebar .linked > button:backdrop, + .titlebar headerbar .linked > button, + headerbar .path-bar-box .titlebar button, + headerbar .titlebar .linked > button, + headerbar .linked > button, + headerbar .titlebar .path-bar-box button, + .titlebar .path-bar-box headerbar button, + headerbar .path-bar-box button, + headerbar .titlebar .linked > button:hover, + .titlebar headerbar .linked > button:hover, + headerbar .titlebar .linked > button:backdrop, + .titlebar headerbar .linked > button:backdrop, + headerbar .linked > button:hover, + headerbar .linked > button:backdrop { + border-radius: 0; + border-right-style: none; + box-shadow: none; + margin: 5px 0px; + min-height: 20px; } + .titlebar .linked > button:first-child, .titlebar .path-bar-box button:first-child, + .titlebar headerbar .linked > button:first-child, + headerbar .path-bar-box .titlebar button:first-child, + headerbar .titlebar .linked > button:first-child, + headerbar .linked > button:first-child, + .titlebar .path-bar-box headerbar button:first-child, + headerbar .path-bar-box button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } + .titlebar .linked > button:last-child, .titlebar .path-bar-box button:last-child, + .titlebar headerbar .linked > button:last-child, + headerbar .path-bar-box .titlebar button:last-child, + headerbar .titlebar .linked > button:last-child, + headerbar .linked > button:last-child, + .titlebar .path-bar-box headerbar button:last-child, + headerbar .path-bar-box button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right-style: solid; } + .titlebar .linked > button:only-child, .titlebar .path-bar-box button:only-child, + .titlebar headerbar .linked > button:only-child, + headerbar .path-bar-box .titlebar button:only-child, + headerbar .titlebar .linked > button:only-child, + headerbar .linked > button:only-child, + .titlebar .path-bar-box headerbar button:only-child, + headerbar .path-bar-box button:only-child { + border-radius: 4px; + border-style: solid; } + .titlebar .linked > button:active:backdrop, + .titlebar headerbar .linked > button:active:backdrop, .titlebar .path-bar-box button:active:backdrop, + headerbar .path-bar-box .titlebar button:active:backdrop, .titlebar .linked > button:active:backdrop label, .titlebar .path-bar-box button:active:backdrop label, + headerbar .path-bar-box .titlebar button:active:backdrop label, .titlebar .linked > button:checked:backdrop, + .titlebar headerbar .linked > button:checked:backdrop, .titlebar .path-bar-box button:checked:backdrop, + headerbar .path-bar-box .titlebar button:checked:backdrop, .titlebar .linked > button:checked:backdrop label, .titlebar .path-bar-box button:checked:backdrop label, + headerbar .path-bar-box .titlebar button:checked:backdrop label, + headerbar .titlebar .linked > button:active:backdrop, + headerbar .linked > button:active:backdrop, + .titlebar .path-bar-box headerbar button:active:backdrop, + headerbar .path-bar-box button:active:backdrop, + headerbar .linked > button:active:backdrop label, + .titlebar .path-bar-box headerbar button:active:backdrop label, + headerbar .path-bar-box button:active:backdrop label, + headerbar .titlebar .linked > button:checked:backdrop, + headerbar .linked > button:checked:backdrop, + .titlebar .path-bar-box headerbar button:checked:backdrop, + headerbar .path-bar-box button:checked:backdrop, + headerbar .linked > button:checked:backdrop label, + .titlebar .path-bar-box headerbar button:checked:backdrop label, + headerbar .path-bar-box button:checked:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .titlebar .path-bar-box .dim-label, .titlebar .path-bar-box label.separator, .titlebar .path-bar-box .subtitle, + headerbar .path-bar-box .dim-label, + headerbar .path-bar-box label.separator, + headerbar .path-bar-box .subtitle { + color: transparent; + margin-right: -6px; } + .titlebar .path-bar-box button:last-child, + headerbar .path-bar-box button:last-child { + margin-left: -1px; + border-radius: 0px; } + .titlebar .path-bar-box button:last-child:active, .titlebar .path-bar-box button:last-child:checked, + headerbar .path-bar-box button:last-child:active, + headerbar .path-bar-box button:last-child:checked { + border-radius: 0px 4px 4px 0px; } + .titlebar .path-bar-box button:first-child, + headerbar .path-bar-box button:first-child { + border-radius: 4px 0px 0px 4px; } + .titlebar .path-bar-box button:first-child:active, .titlebar .path-bar-box button:first-child:checked, + headerbar .path-bar-box button:first-child:active, + headerbar .path-bar-box button:first-child:checked { + border-radius: 4px; } + .titlebar .path-bar-box widget > .text-button:last-child, + headerbar .path-bar-box widget > .text-button:last-child { + border-radius: 0px 4px 4px 0px; + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; } + .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .titlebar .path-bar-box widget > .text-button:last-child:backdrop label, + headerbar .path-bar-box widget > .text-button:last-child:backdrop, + headerbar .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .titlebar .path-bar-box widget > .text-button:last-child:only-child, + headerbar .path-bar-box widget > .text-button:last-child:only-child { + border-radius: 4px; } + .titlebar .path-buttons-box, + headerbar .path-buttons-box { + background-color: #2a3344; + border: 1px solid #1d232f; + min-height: 20px; + margin-top: 5px; + margin-bottom: 5px; + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + border-radius: 4px 0px 0px 4px; } + .titlebar .path-buttons-box .dim-label, .titlebar .path-buttons-box label.separator, .titlebar .path-buttons-box .subtitle, + headerbar .path-buttons-box .dim-label, + headerbar .path-buttons-box label.separator, + headerbar .path-buttons-box .subtitle { + color: transparent; + margin-right: -5px; } + .titlebar .path-buttons-box button > .horizontal > .dim-label, .titlebar .path-buttons-box button > .horizontal > label.separator, .titlebar .path-buttons-box button > .horizontal > .subtitle, + headerbar .path-buttons-box button > .horizontal > .dim-label, + headerbar .path-buttons-box button > .horizontal > label.separator, + headerbar .path-buttons-box button > .horizontal > .subtitle { + color: #d8dee9; + padding: 3px 12px; + margin: 0; + border-right: 1px solid #1d232f; } + .titlebar .path-buttons-box button > .horizontal > image.dim-label, .titlebar .path-buttons-box button > .horizontal > image.subtitle, + headerbar .path-buttons-box button > .horizontal > image.dim-label, + headerbar .path-buttons-box button > .horizontal > image.subtitle { + padding: 3px 0px 3px 12px; + border-right: none; } + .titlebar .path-buttons-box button, + headerbar .path-buttons-box button { + background: transparent; + border: none; + margin: 0; + padding: 0; } + .titlebar .path-buttons-box .current-dir label, + headerbar .path-buttons-box .current-dir label { + padding: 3px 12px; } + .titlebar .path-buttons-box .current-dir label, .titlebar .path-buttons-box .current-dir image, + headerbar .path-buttons-box .current-dir label, + headerbar .path-buttons-box .current-dir image { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; } + .titlebar .path-buttons-box button.current-dir:only-child image, + headerbar .path-buttons-box button.current-dir:only-child image { + margin-right: -6px; + padding: 0px 6px 0px 12px; + border-radius: 4px 0px 0px 4px; } + .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar 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 { + border-color: #bf59ad; } + .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar 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(205, 126, 191, 0.6); } + .tiled .titlebar, .maximized .titlebar, + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar, headerbar.default-decoration { + padding: 5px 4px; + min-height: 20px; } + .default-decoration.titlebar button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 20px; + min-width: 20px; + 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); } + +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 { + background: #202835; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #d8dee9; + background-color: #2a3344; + border-bottom: 1px solid #171b24; + 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: #fff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #fff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(46, 57, 76, 0.98); + color: #d8dee9; + 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: #d8dee9; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #2e394c; + color: #d8dee9; + 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(46, 57, 76, 0.8); + color: rgba(216, 222, 233, 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(46, 57, 76, 0.6); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(46, 57, 76, 0.5); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(46, 57, 76, 0.8); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + +.info { + background-color: #8CA1A5; } + .info:backdrop { + background-color: #a9b8bb; + color: rgba(255, 255, 255, 0.5); } + +.warning { + background-color: #e65b66; } + .warning:backdrop { + background-color: #ed878f; + color: rgba(255, 255, 255, 0.5); } + +.question { + background-color: #79B4B7; } + .question:backdrop { + background-color: #9ac7c9; + color: rgba(255, 255, 255, 0.5); } + +.error { + background-color: #ff3d9f; } + .error:backdrop { + background-color: #ff70b9; + color: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + levelbar trough:backdrop { + background-color: rgba(255, 255, 255, 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: #e65b66; } + levelbar block.low:backdrop { + border-color: #e65b66; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #79B4B7; } + levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + border-color: #79B4B7; } + levelbar block.full { + background-color: #58a1a5; } + levelbar block.full:backdrop { + border-color: #58a1a5; } + levelbar block.empty { + background-color: rgba(0, 0, 0, 0.35); + box-shadow: none; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #5e81ac; } + *:link:visited, + button:visited { + color: rgba(94, 129, 172, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #ebcbe5; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #809bbd; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #faf2f9; } + *:link:active, button:active:link, + button:active:visited { + color: #5e81ac; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #f5e5f2; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #cd7ebf; } + *:link:selected, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #f5e5f2; } + +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: #d8dee9; + background-color: #2e394c; + border-color: #1d232f; } + list:backdrop { + background-color: #303b4f; + border-color: #1e2531; } + +row { + background-color: transparent; + border-color: #1d232f; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(216, 222, 233, 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 button.flat { + 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(205, 126, 191, 0.5); } + row.activatable:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #202835; + color: #d8dee9; + -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 #cd7ebf; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: #818997; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background: #272F3F; + border: 1px solid #1d232f; + border-radius: 5px; + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #2f394d; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 17px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #fff; + background-color: #cd7ebf; } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #818997; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #475673; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #818997; + 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; } + +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-color: transparent; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #1c222e; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #1c222e; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(216, 222, 233, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #2e394c; + border-top: 1px solid #1d232f; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #303b4f; + border-color: #1e2531; } + 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: #4d5565; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: #1d232f; + border-width: 1px; + background-color: #242d3c; } + notebook > header:backdrop { + border-color: #1e2531; + background-color: #2a3344; } + notebook > header tabs { + margin: 0px; } + 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: #2e394c; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #2e394c; } + 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: #2e394c; + box-shadow: -1px 0 0 #1d232f, 0px 1px 0 #1d232f, 1px 0 0 #1d232f; } + 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: #2e394c; + box-shadow: 0px 1px 0 #1d232f, 0px -1px 0 #1d232f, 0px 1px 0 #1d232f; } + 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: #2e394c; + box-shadow: 0px 1px 0 #1d232f, 0px -1px 0 #1d232f, 1px 0 0 #1d232f; } + 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: 14px; + min-width: 14px; + 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: 24px; + min-width: 24px; + padding: 1px 12px; + outline-offset: -5px; + color: #818997; + font-weight: normal; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #adb4c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(29, 35, 47, 0.3); + background-color: rgba(42, 51, 68, 0.2); } + notebook > header tab:backdrop { + color: #5e6776; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #d8dee9; + box-shadow: -1px 0 0 #1d232f, 0px -1px 0 #1d232f, 1px 0 0 #1d232f; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(29, 35, 47, 0.5); + background-color: rgba(42, 51, 68, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(42, 51, 68, 0.7); } + notebook > header tab:backdrop:checked { + color: #818997; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #1e2531; + background-color: #303b4f; } + 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: #FF56AC; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + background: transparent; + border: none; + 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: 0px; + padding-right: 0px; } + 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: 1px; } + notebook > header.bottom tab { + padding-top: 1px; } +notebook > stack:not(:only-child) { + background-color: #2e394c; } + notebook > stack:not(:only-child):backdrop { + background-color: #303b4f; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#1d232f); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(#cd7ebf); } + paned > separator:backdrop { + background-image: image(#1e2531); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #2a3344; + background-image: image(#1d232f), image(#1d232f); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #2a3344; + background-image: image(#1e2531), image(#1e2531); } +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: #272F3F; + box-shadow: 0 4px 6px #1d232f; } + .csd popover.background, popover.background { + border: 1px solid #1d232f; } + popover.background:backdrop { + background-color: #2a3344; + 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; } + popover.background list row { + padding: 8px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(216, 222, 233, 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: rgba(255, 255, 255, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(255, 255, 255, 0.06); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(255, 255, 255, 0.06); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(255, 255, 255, 0.06); } + +progressbar progress, scale highlight { + border: none; + background-color: #8CA1A5; + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(255, 255, 255, 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: #9aadb0; + background-color: #9aadb0; } + 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(255, 255, 255, 0.06); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 2px; } + scale.vertical trough, + scale.vertical progress { + min-width: 2px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #2e394c; + 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: #8CA1A5; } + scale slider:active:disabled { + background-color: #2c3547; + 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: #1d232f; } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: #4c525e; } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #f1f1f1; + border: none; + border-radius: 12px; + background-color: #f1f1f1; } + scale slider:active { + border-color: #bf59ad; } + scale slider:disabled { + background-color: #b2b2b2; + 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: #b2b2b2; + 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: #bf59ad; } + .osd scale slider { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border-color: #171c26; + background-color: #f1f1f1; } + .osd scale slider:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #f1f1f1; } + .osd scale slider:active { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #f1f1f1; } + .osd scale slider:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #f1f1f1; } + .osd scale slider:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(178, 178, 178, 0.5), rgba(178, 178, 178, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #b2b2b2; } + .osd scale slider:backdrop:disabled { + background-color: #f1f1f1; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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(#1d232f); + 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: #2c3648; + 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 #1d232f; } + scrollbar.bottom { + border-top: 1px solid #1d232f; } + scrollbar.left { + border-right: 1px solid #1d232f; } + scrollbar.right { + border-left: 1px solid #1d232f; } + scrollbar:backdrop { + background-color: #242c3b; + border-color: #1e2531; + 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: #929aa7; } + scrollbar slider:hover { + background-color: #b5bcc8; } + scrollbar slider:hover:active { + background-color: #dba3d1; } + scrollbar slider:backdrop { + background-color: #4d5565; } + 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: #d8dee9; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #d8dee9; + 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: #929aa7; } + 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: #b5bcc8; } + 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: #dba3d1; } + 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(146, 154, 167, 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: #4d5565; } + 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(77, 85, 101, 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 #1d232f; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #2c3648; } + .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 #1d232f; + border-right-style: none; } + .sidebar:backdrop { + background-color: #2d374a; + border-color: #1e2531; } + .sidebar row { + padding: 8px 12px; + transition: all .12s ease-in; } + .sidebar row label { + color: #98abb2; } + .sidebar row:selected { + color: #fff; } + .sidebar row:selected:backdrop { + color: rgba(255, 255, 255, 0.5); + background: rgba(205, 126, 191, 0.6); } + .sidebar row:selected:backdrop label { + color: #fff; } + .sidebar row:selected label { + color: #fff; } + .sidebar.source-list { + background: #212836; + padding: 4px 0px; } + .sidebar.source-list.view, iconview.sidebar.source-list { + transition: all .12s ease-in; } + .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { + padding-left: 4px; + background: #cd7ebf; + color: #fff; } + .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(205, 126, 191, 0.9); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + .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(42, 51, 68, 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: #1d232f; } + +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 */ +/*******************************************************************/ +placessidebar.sidebar row.sidebar-row { + margin: 0 15px; + border-radius: 5px; } + placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon { + margin-left: -14px; + margin-right: 7px; + padding-left: 14px; + padding-right: 7px; + color: #98abb2; } + placessidebar.sidebar row.sidebar-row:hover { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background: #2f384c; } + placessidebar.sidebar row.sidebar-row:selected { + border-left: 2px solid #f8ab95; } + placessidebar.sidebar row.sidebar-row:selected, placessidebar.sidebar row.sidebar-row:selected label { + color: #fff; } + placessidebar.sidebar row.sidebar-row:selected, placessidebar.sidebar row.sidebar-row:selected:backdrop { + background: linear-gradient(to right, #f8ab95, #ee73c8, #2f384c 40px, #2f384c 97%); } + placessidebar.sidebar row.sidebar-row:selected:backdrop, placessidebar.sidebar row.sidebar-row:selected:backdrop label { + color: rgba(255, 255, 255, 0.5); } + placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon { + -gtk-icon-shadow: none; } + placessidebar.sidebar row.sidebar-row:selected .sidebar-icon { + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); + color: inherit; } + placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: #F3D88E; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #a3be8c, inset 0 -1px #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image { + color: #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background: #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image { + color: #fff; } +placessidebar list, placessidebar list:backdrop { + background-color: #212836; } + +/***************** + * 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: #c7ced9; + background-image: none; + border-style: none none none solid; + border-color: rgba(29, 35, 47, 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: #d8dee9; + background-color: rgba(216, 222, 233, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(129, 137, 151, 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: #798190; + background-color: transparent; + border-color: rgba(30, 37, 49, 0.3); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(71, 86, 115, 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: #d8dee9; + border-style: none none none solid; + border-color: rgba(29, 35, 47, 0.7); + 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: #d8dee9; + border-color: rgba(29, 35, 47, 0.5); + background-color: rgba(216, 222, 233, 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: #d8dee9; + border-color: rgba(29, 35, 47, 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: #7d8390; + border-color: rgba(29, 35, 47, 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: #818997; } +spinbutton.vertical:backdrop:disabled { + color: #475673; } +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: #1d232f; + 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); + 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: #cd7ebf; } + +/********************* + * 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: 1px; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + padding: 2.3px 0px; + background-color: #4b5d7c; + 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: #2c3547; } + switch:backdrop { + background-color: #2a3344; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #2c3547; } + switch:active, switch:checked { + background-color: #cd7ebf; } + switch:active:backdrop, switch:checked:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(46, 57, 76, 0.9); + border: none; } + 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: #2e394c; + 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: #2e394c; } + switch trough:active, switch trough:checked { + background-color: #cd7ebf; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #2a3344; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(33, 40, 54, 0.93); } + 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: #1d232f; + background-color: #262e3e; } + .inline-toolbar:backdrop, searchbar:backdrop, + .location-bar:backdrop { + border-color: #1e2531; + background-color: #262e3d; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #2e394c; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + border: 1px solid #1d232f; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #838c9b; + border-top-color: #2a3344; } + * { + -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: #e6bfdf; + border-top-color: rgba(216, 222, 233, 0.1); } + treeview.view:disabled { + color: #818997; } + treeview.view:disabled:selected { + color: #e1b2d9; } + treeview.view:disabled:selected:backdrop { + color: rgba(211, 142, 199, 0.85); } + treeview.view:disabled:backdrop { + color: #475673; } + treeview.view.separator { + min-height: 2px; + color: #2a3344; } + treeview.view.separator:backdrop { + color: rgba(42, 51, 68, 0.1); } + treeview.view:backdrop { + border-left-color: #565e6e; + border-top: #2a3344; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #bf59ad; } + 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: #a5adba; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #d8dee9; } + treeview.view.expander:selected { + color: #f0d8ec; } + treeview.view.expander:selected:hover { + color: #fff; } + treeview.view.expander:selected:backdrop { + color: rgba(227, 182, 219, 0.65); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: #697281; } + treeview.view.progressbar { + border: 1px solid #bf59ad; + border-radius: 4px; + background-color: #cd7ebf; + background-image: linear-gradient(to bottom, #cd7ebf, #bf59ad); + 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: #cd7ebf; + background-image: linear-gradient(to bottom, #2e394c, #1b212c); } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + border-color: #303b4f; + background-color: #303b4f; } + treeview.view.progressbar:backdrop { + border-color: #303b4f; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(216, 222, 233, 0.1); + border-radius: 4px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: #bf59ad; + border-radius: 4px; } + treeview.view header button { + color: #838c9b; + background-color: #2e394c; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #aeb5c2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #d8dee9; + 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: #cd7ebf; + color: #2e394c; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #2e394c; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: #cd7ebf; } + +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: #2a3344; } + treeview.view header button:disabled { + border-color: #2a3344; + background-image: none; } + treeview.view header button:backdrop { + border-color: #2a3344; + border-style: none solid solid none; + color: #565e6e; + background-image: none; + background-color: #303b4f; } + treeview.view header button:backdrop:disabled { + border-color: #2a3344; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-width: 0px; + border-width: 0px; + box-shadow: 0 4px 10px 2px rgba(37, 37, 37, 0.7); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 4px 10px 2px rgba(33, 26, 30, 0.2); + transition: 200ms ease-out; } + .maximized decoration, .fullscreen decoration, .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .ssd decoration { + box-shadow: none; } + .csd.popup decoration { + border-radius: 7px; + box-shadow: 0 4px 8px #1d232f; + border: 1px solid rgba(29, 35, 47, 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(29, 35, 47, 0.8); } + .solid-csd decoration { + border-radius: 0; + margin: 0px; + background-color: #2a3344; + border: solid 1px #1e2531; + box-shadow: none; } + +button.titlebutton { + background-repeat: no-repeat; + background-position: center; + min-height: 20px; + padding: 0 1px; + 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.4807843137); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4807843137); } + 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: #cd7ebf; } + 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: #fff; + 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: #e6bfdf; } + 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(255, 255, 255, 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(211, 142, 199, 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: #242c3b; + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid #1d232f; } + .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 button, + .budgie-popover.background button { + color: #d8dee9; } + .budgie-popover button:hover, + .budgie-popover.background button:hover { + color: #fff; + background-color: #343f54; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu { + color: #d8dee9; } + .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 #1d232f; + border-radius: 0; + font-size: 120%; + box-shadow: none; + color: #d8dee9; } + .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: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid #1d232f; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid #1d232f; } + .budgie-menu .category-button { + padding: 7px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(216, 222, 233, 0.15); + color: #d8dee9; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #fff; + background: #79B4B7; } + .budgie-menu .category-button:checked:hover { + color: rgba(255, 255, 255, 0.6); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(255, 255, 255, 0.7); } + .budgie-menu scrollbar { + background-color: transparent; + border-color: #1d232f; } + .budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } + .budgie-menu button { + border: none; + background: transparent; } + .budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + .budgie-menu list { + color: rgba(216, 222, 233, 0.7); } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #d8dee9; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #d8dee9; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #d8dee9; } + button.budgie-menu-launcher:backdrop { + color: #d8dee9; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #d8dee9; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: #cd7ebf; + box-shadow: none; + background-color: #2d384a; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(216, 222, 233, 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: #cd7ebf; + 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: #fff; } + .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: #fff; } + .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: #d8dee9; + box-shadow: none; } + button.raven-trigger:hover { + color: #d8dee9; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: #cd7ebf; } + button.raven-trigger:backdrop { + color: #d8dee9; } + button.raven-trigger:backdrop:hover { + color: #d8dee9; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: #cd7ebf; + 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(29, 35, 47, 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(216, 222, 233, 0.04); + border-bottom: 1px solid rgba(29, 35, 47, 0.95); } +.places-menu .unlock-area { + border-top: 1px solid rgba(29, 35, 47, 0.85); + border-bottom: 1px solid rgba(29, 35, 47, 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(29, 35, 47, 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: #d8dee9; + background-color: #242c3b; + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #FF56AC; } + .budgie-panel:backdrop { + color: #d8dee9; + background-color: #242c3b; } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel button.flat { + background: transparent; + border: none; } + .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { + background: transparent; + color: #cd7ebf; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #d8dee9; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(36, 44, 59, 0.45); } + .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: #f9fafb; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(216, 222, 233, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #d8dee9; } + +.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(36, 44, 59, 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(36, 44, 59, 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 #cd7ebf; } +.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 #cd7ebf; } +.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 #cd7ebf; } +.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 #cd7ebf; } + +.top .budgie-panel { + border-bottom: 1px solid rgba(19, 23, 31, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(29, 35, 47, 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: #d8dee9; + background: #242c3b; + transition: 170ms ease-out; } + .raven list { + color: #d8dee9; + background-color: transparent; } + .raven list:selected { + background-color: rgba(205, 126, 191, 0.9); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:hover, + .raven list row.activatable:hover { + background-color: rgba(65, 79, 106, 0.3); } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(205, 126, 191, 0.9); } + .raven .raven-background { + color: #d8dee9; + 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; + min-height: 32px; + margin-bottom: 3px; + background: #A572A4; + color: #fff; + 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 { + background: rgba(165, 114, 164, 0.85); + color: #fff; } + .raven .powerstrip button.image-button:active { + background: #A572A4; + color: #fff; } + .raven .powerstrip button.image-button:first-child { + background: #79B4B7; } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(205, 126, 191, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #cd7ebf; } + .raven .powerstrip button.image-button:last-child { + background: #FF56AC; } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 86, 172, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #FF56AC; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 6px; + color: #d8dee9; + background: transparent; + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: #38455c; + color: #fff; + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #d8dee9; + 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: #d8dee9; + background-color: transparent; } + +.raven-mpris { + color: #d8dee9; + background-color: rgba(23, 27, 36, 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: #2e394c; + 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: #cd7ebf; } + .raven-mpris button.image-button:active { + background-color: #c66cb6; } + .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: #cd7ebf; + color: #fff; + border: none; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #c66cb6; + 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: #c66cb6; } + +.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: #d8dee9; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(216, 222, 233, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #fff; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #FF56AC; + 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: #ff3d9f; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #d8dee9; + background-color: rgba(42, 51, 68, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #d8dee9; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #d8dee9; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #d8dee9; } + .budgie-switcher-window flowboxchild:selected { + color: #fff; + background-color: rgba(205, 126, 191, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #fff; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: #b971ac; } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(205, 126, 191, 0.7); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(255, 255, 255, 0.7); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #d8dee9; + background-color: #242c3b; } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(216, 222, 233, 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-color: #1d232f; + border-radius: 0; + color: #d8dee9; + 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; + background: transparent; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(205, 126, 191, 0.9); + color: #fff; } + .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(205, 126, 191, 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(212, 144, 200, 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(212, 144, 200, 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(255, 35, 147, 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(255, 61, 159, 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(255, 61, 159, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #d8dee9; } + .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(216, 222, 233, 0.7); } +.budgie-polkit-dialog .failure { + color: #FF56AC; } + +.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: #d8dee9; } + .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 .subtitle, .titlebar .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: #242c3b; } + .budgie-menubar menu menuitem:hover { + background-color: #cd7ebf; + color: #fff; } +.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(53, 61, 74, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(53, 61, 74, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(216, 222, 233, 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 #242c3b; } + .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 #38445a; } + .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: #1a202b; } +.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: #cd7ebf; } + .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { + color: #cd7ebf; } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(40, 50, 66, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(205, 126, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(205, 126, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(205, 126, 191, 0.9); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(46, 57, 76, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(205, 126, 191, 0.9); } +.nautilus-window.background { + background-color: rgba(40, 50, 66, 0.95); } + .nautilus-window.background:backdrop { + background-color: rgba(40, 50, 66, 0.95); } +.nautilus-window notebook > stack:only-child { + background-color: #2e394c; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #303b4f; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.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: #d8dee9; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #d8dee9; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #d8dee9; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #fff; + 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 .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #fff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #fff; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #2a3344; } + +/********* + * Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + transition: none; + box-shadow: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + border-color: #cd7ebf; } + +/******************* + * Calendar events * +********************/ +.color-light.timed label { + color: #d8dee9; + opacity: 1; } +.week-view .color-light.timed label, .color-light label, .year-view .color-light:not(.timed) label { + color: #2a3344; + opacity: 1; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #2e394c; + background-color: #2e394c; } + .gala-notification .title, + .gala-notification .label { + color: #d8dee9; } + +.gala-button { + padding: 3px; + color: #2e394c; + 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(46, 57, 76, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #d8dee9; } + +/************* + * 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(205, 126, 191, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #d8dee9; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(205, 126, 191, 0.3); + color: #fff; } + +.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: #d8dee9; } + +/********* + * Panel * + ********/ +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #d8dee9; + 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: #1a202b; } + +.card { + background-color: #2e394c; + 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: #242d3c; + 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: #2a3344; + 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: #d8dee9; } + +/********* +* 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, #3e4b65, #3e4b65); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(0, 0, 0, 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: linear-gradient(to right, #F3D88E, #F3D88E); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid #1d232f; + 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: #2e394c; + -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 { + border-radius: 0; } + .xfce4-panel .panel { + background-color: #272f3f; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(216, 222, 233, 0.8); + border-radius: 0; + border: none; + background-color: rgba(39, 47, 63, 0); } + #tasklist-button:hover { + color: #f9fafb; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #cd7ebf; } + +.xfce4-panel .panel button.flat:not(.open_group) { + color: #d8dee9; + border-radius: 0; + border: none; + background-color: rgba(39, 47, 63, 0); } + .xfce4-panel .panel button.flat:hover:not(.open_group) { + border: none; + background-color: #3b475f; } + .xfce4-panel .panel button.flat:active:not(.open_group), .xfce4-panel .panel button.flat:checked:not(.open_group) { + color: #fff; + border: none; + background-color: #cd7ebf; } + .xfce4-panel .panel button.flat:active:not(.open_group) label, .xfce4-panel .panel button.flat:active:not(.open_group) image, .xfce4-panel .panel button.flat:checked:not(.open_group) label, .xfce4-panel .panel button.flat:checked:not(.open_group) image { + color: inherit; } + +#whiskermenu-window button { + background-color: transparent; + border: none; + border-radius: 0; + font-weight: normal; + padding: 3px; + margin: 1px 2px; } + #whiskermenu-window button:hover, #whiskermenu-window button:checked { + background-color: #cd7ebf; } + +/* Vala-appmenu-plugin*/ +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: #d8dee9; } + +/******** +* 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: #cd7ebf; + /* 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: #818997; } + +.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: #1d232f; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #2e394c; } + +@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: #cd7ebf; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #1d232f; } + MsdOsdWindow.background.osd .progressbar { + background-color: #cd7ebf; + border: none; + border-color: #cd7ebf; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(23, 28, 38, 0.93); + 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: #cd7ebf; + color: #fff; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); + color: rgba(255, 255, 255, 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: #fff; + border: 0px solid #bf59ad; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #272f3f; + color: #d8dee9; + font-weight: bold; + box-shadow: inset 0 -1px #191f29; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #d8dee9; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(216, 222, 233, 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: #d8dee9; } + +#content_frame { + padding-bottom: 14px; + background-color: #2a3344; + 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } + #content_frame button:hover { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #2e394c; + text-shadow: none; } + #content_frame button:active, #content_frame button:checked { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + #content_frame button:disabled { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + #content_frame button:disabled label { + color: #b6bdca; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #202835; + 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #d8dee9; + 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: #3e4b65; + -NemoPlacesTreeView-disk-full-fg-color: #F3D88E; + -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: #2f384c; } + .nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, + .nemo-window .places-treeview iconview.cell:selected { + background: #cd7ebf; + color: #fff; } +.nemo-window .sidebar { + background-color: #212836; } + .nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar .iconview, .nemo-window .sidebar row { + color: #d8dee9; + background-color: transparent; } +.nemo-window .nemo-window-pane widget.entry { + background-clip: padding-box; + min-height: 28px; + padding: 5px; + color: #d8dee9; + border: 1px solid #cd7ebf; + border-radius: 3px; + box-shadow: 0px 0px 1px 1px #cd7ebf inset; } + .nemo-window .nemo-window-pane widget.entry:selected { + background-color: #cd7ebf; + color: #fff; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #202835; } + .nemo-window toolbar.primary-toolbar button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + min-height: 24px; + padding: 3px; } + .nemo-window toolbar.primary-toolbar button:hover { + color: #fff; + text-shadow: none; + background-color: rgba(205, 126, 191, 0.7); } + .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(205, 126, 191, 0.6); + text-shadow: none; + box-shadow: none; } + .nemo-window toolbar.primary-toolbar button:backdrop, .nemo-window toolbar.primary-toolbar button:disabled, .nemo-window toolbar.primary-toolbar button:backdrop:disabled { + color: rgba(216, 222, 233, 0.2); + background-color: #272F3F; + text-shadow: none; + box-shadow: none; } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #283242; } + +/* thunar */ +.thunar toolbar { + background-color: #202835; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +/* path-bar of thunar */ +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + border-radius: 0; + border-right: 0.5px solid #1d232f; + box-shadow: none; + min-height: 20px; + padding: 3px 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right-style: solid; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:only-child { + border-radius: 4px; + border-style: solid; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:hover { + color: #cd7ebf; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .toggle.path-bar-button:hover { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + +/* thunar sidepane */ +.thunar scrolledwindow.sidebar treeview.view { + background: #1d232f; + padding: 1.5px; } + .thunar scrolledwindow.sidebar treeview.view:hover, .thunar scrolledwindow.sidebar treeview.view:selected { + background: rgba(205, 126, 191, 0.7); + color: #fff; + border-radius: 0; + box-shadow: none; } + +.caja-notebook .frame { + border-width: 0 0 0px; } +.caja-notebook .entry { + background: #38455c; + color: #d8dee9; + border-color: #cd7ebf; } + .caja-notebook .entry:selected { + background: #cd7ebf; + color: #fff; } + +/************** +* Caja sidebar * +**************/ +.caja-side-pane { + background: #202835; } + .caja-side-pane .frame { + border: none; } + .caja-side-pane treeview.view, + .caja-side-pane textview.view text, + .caja-side-pane viewport.frame, + .caja-side-pane widget .vertical { + background: #212836; + padding: 3px 2px; } + .caja-side-pane treeview.view:hover, + .caja-side-pane textview.view text:hover, + .caja-side-pane viewport.frame:hover, + .caja-side-pane widget .vertical:hover { + background-color: rgba(47, 56, 76, 0.95); } + .caja-side-pane treeview.view:selected, + .caja-side-pane textview.view text:selected, + .caja-side-pane viewport.frame:selected, + .caja-side-pane widget .vertical:selected { + color: #d8dee9; + background: rgba(47, 56, 76, 0.93); } + .caja-side-pane treeview.view:selected:hover, + .caja-side-pane textview.view text:selected:hover, + .caja-side-pane viewport.frame:selected:hover, + .caja-side-pane widget .vertical:selected:hover { + background: rgba(47, 56, 76, 0.93); + color: #fff; } + +/************** +* Caja pathbar * +**************/ +.caja-navigation-window paned { + background: #202835; } + .caja-navigation-window paned button.image-button, + .caja-navigation-window paned .caja-pathbar button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; } + .caja-navigation-window paned button.image-button:hover, .caja-navigation-window paned button.image-button:checked, + .caja-navigation-window paned .caja-pathbar button:hover, + .caja-navigation-window paned .caja-pathbar button:checked { + color: #fff; + text-shadow: none; + background-color: rgba(205, 126, 191, 0.7); } + .caja-navigation-window paned .caja-pathbar button { + border-right: 1px solid #1d232f; + border-left: none; + box-shadow: none; + min-height: 20px; + padding: 3px 5px; + margin-right: -3px; } + .caja-navigation-window paned .caja-pathbar button.image-button, .caja-navigation-window paned .caja-pathbar button.text-button, .caja-navigation-window paned .caja-pathbar button.toggle { + border-radius: 0; } + .caja-navigation-window paned .caja-pathbar button:first-child { + border-left: 1px solid #1d232f; } + .caja-navigation-window paned .caja-pathbar button.slider-button:first-child { + border-radius: 6px 0px 0px 6px; } + .caja-navigation-window paned .caja-pathbar button.slider-button:nth-child(2) { + border-radius: 0px 6px 6px 0px; } + .caja-navigation-window paned .caja-pathbar button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; } + +.caja-navigation-window .primary-toolbar { + background: #202835; } + .caja-navigation-window .primary-toolbar button, .caja-navigation-window .primary-toolbar 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; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:checked { + background: #cd7ebf; + box-shadow: none; } + .caja-navigation-window .primary-toolbar button:hover, .caja-navigation-window .primary-toolbar button:hover label, .caja-navigation-window .primary-toolbar button:active, .caja-navigation-window .primary-toolbar button:active label, .caja-navigation-window .primary-toolbar button:backdrop:active, .caja-navigation-window .primary-toolbar button:backdrop:active label, .caja-navigation-window .primary-toolbar button:backdrop:checked, .caja-navigation-window .primary-toolbar button:backdrop:checked label { + color: #fff; } + +.background.csd { + border-radius: 0 0 12px 12px; } +.background.maximized, .background.solid-csd { + border-radius: 0; } + +.titlebar, headerbar { + border-radius: 12px 12px 0 0; } + +.background.csd box.vertical > actionbar > revealer > box { + border-radius: 0 0 12px 12px; } + +messagedialog.csd.background { + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; } + +.csd filechooser { + border-radius: 0 0 12px 12px; } +filechooser stack.view scrolledwindow { + border-radius: 0 0 12px 0; } +.csd filechooser placessidebar { + border-bottom-left-radius: 12px; } + +decoration { + border-radius: 12px; } + messagedialog.csd decoration { + border-radius: 12px; } + +.nautilus-window.background.csd { + border-radius: 0 0 12px 12px; } +.nautilus-window placessidebar { + border-radius: 12px; } + +window.background.csd.unified, +window.background.csd.unified > decoration, +window.background.csd.unified > decoration-overlay { + border-radius: 12px; } + +.csd .tweak-categories { + border-bottom-left-radius: 12px; } + +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:not(:only-child) { + border-top-left-radius: 12px; } +window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:not(:only-child), +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:not(:only-child) { + border-top-right-radius: 12px; } +window.background.csd > headerbar.titlebar > leaflet > headerbar:first-child:only-child, window.background.csd > headerbar.titlebar > leaflet > headerbar:last-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:first-child:only-child, +window.background.csd > headerbar.titlebar > hdyleaflet > headerbar:last-child:only-child { + border-top-right-radius: 12px; + border-top-left-radius: 12px; } +window.background.csd > stack:not(.titlebar) > stack.background { + border-radius: 0 0 12px 12px; } +window.background.csd > leaflet > stack.background, +window.background.csd > hdyleaflet > stack.background, +window.background.csd > box.horizontal > stack.background { + background: none; } + window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, + window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame, + window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame { + background-color: #2e394c; + border-bottom-right-radius: 12px; } + window.background.csd > leaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, + window.background.csd > hdyleaflet > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view, + window.background.csd > box.horizontal > stack.background > widget > box.vertical > box.vertical > scrolledwindow > viewport.frame > box.vertical.view { + background: none; } +window.background.csd > leaflet > box.vertical > scrolledwindow.view, +window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view, +window.background.csd > box.horizontal > box.vertical > scrolledwindow.view { + background-color: #2e394c; + border-bottom-left-radius: 12px; } + window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, + window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack, + window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack { + background-color: transparent; } + window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, + window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list, + window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list { + background-color: transparent; } + window.background.csd > leaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), + window.background.csd > hdyleaflet > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected), + window.background.csd > box.horizontal > box.vertical > scrolledwindow.view > viewport.frame > stack list row.activatable:not(:hover):not(:active):not(:selected) { + background-color: transparent; } + +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack > box.horizontal > notebook > stack { + border-radius: 0 0 12px 12px; } + +/*************** + * Gnome Music * + ***************/ +window.background.csd box.vertical > overlay > stack.background { + border-radius: 0 0 12px 12px; } + +/**************** + * Gnome Clocks * + ****************/ +window.background.csd.unified { + border-top-left-radius: 12px; + border-top-right-radius: 12px; } + window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle { + border-top-left-radius: 12px; + border-top-right-radius: 12px; } + window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer { + margin: 0 0; + background: none; } + window.background.csd.unified > deck > deck > deck > box.vertical > headerbar.titlebar.windowhandle > viewswitchertitle > squeezer > viewswitcher > box.horizontal > button.radio { + margin: 0; + padding: 0; + border-radius: 0; } + +/*********** + * Dialogs * + ***********/ +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:first-child { + border-radius: 0 0 0 12px; } +dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame > viewport.frame list:last-child { + border-radius: 0 0 12px 0; } +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow, +dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow { + border-radius: 0 0 12px 12px; + background-color: #2e394c; } + dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow iconview:not(:hover):not(:selected):not(:active), + dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview.view:not(:hover):not(:selected):not(:active), + dialog.background.csd > box.vertical.dialog-vbox > stack > stack > scrolledwindow iconview:not(:hover):not(:selected):not(:active) { + background-color: transparent; } +dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list { + border-radius: 0 0 12px 12px; } + dialog.background.csd > box.vertical.dialog-vbox > stack > scrolledwindow > viewport.frame > list row.activatable:not(:hover):not(:selected):not(:active) { + background-color: transparent; } +dialog.background.csd > box.vertical.dialog-vbox > stack > box.vertical > stack.view > scrolledwindow > treeview.view:not(:hover):not(:selected):not(:active) { + background-color: transparent; } +dialog.background.csd > box.vertical.dialog-vbox > stack toolbar.toolbar { + border-radius: 0 0 12px 12px; } +dialog.background.csd > box.vertical.dialog-vbox > notebook > stack { + border-radius: 0 0 12px 12px; } +dialog.background.csd stack scrolledwindow.frame { + border-radius: 8px; } + dialog.background.csd stack scrolledwindow.frame textview.view { + border-radius: 8px; } + dialog.background.csd stack scrolledwindow.frame textview.view > text { + background: none; } + dialog.background.csd stack scrolledwindow.frame treeview.view:not(:hover):not(:selected) { + background: none; } +dialog.background.csd stack scrolledwindow viewport.frame.view { + border-radius: 8px; } + +notebook, notebook.frame { + background-color: #2e394c; + border-radius: 8px; } +notebook.frame frame > border { + border: none; + border-radius: 8px; } +notebook.frame frame > list row.activatable { + border-radius: 8px; } +notebook > header.top { + border-radius: 8px 8px 0 0; } + notebook > header.top > tabs > tab { + border-radius: 4px 4px 0 0; } +notebook > header.bottom { + border-radius: 0 0 8px 8px; } + notebook > header.bottom > tabs > tab { + border-radius: 0 0 4px 4px; } +notebook > header.right { + border-radius: 0 8px 8px 0; } + notebook > header.right > tabs > tab { + border-radius: 0 4px 4px 0; } +notebook > header.left { + border-radius: 8px 0 0 8px; } + notebook > header.left > tabs > tab { + border-radius: 4px 0 0 4px; } +notebook > stack:not(:only-child) { + background-color: transparent; + border-radius: 8px; } + +/*********** + * Tooltips * + ***********/ +tooltip.background.csd { + border-radius: 8px; } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/.themes/Otis/gtk-3.0/thumbnail.png b/.themes/Otis/gtk-3.0/thumbnail.png new file mode 100644 index 000000000..d56b47e3c Binary files /dev/null and b/.themes/Otis/gtk-3.0/thumbnail.png differ diff --git a/.themes/Otis/gtk-4.0/gtk-dark.css b/.themes/Otis/gtk-4.0/gtk-dark.css new file mode 100755 index 000000000..d9e7bf5de --- /dev/null +++ b/.themes/Otis/gtk-4.0/gtk-dark.css @@ -0,0 +1,6424 @@ +/*$selected_bg_color: #00e8c6;06d6a0*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #d8dee9; +/* text color for entries, views and content in general */ +@define-color theme_text_color #d8dee9; +/* widget base background color */ +@define-color theme_bg_color #2a3344; +/* text widgets and the like base background color */ +@define-color theme_base_color #2e394c; +/* base background color of selections */ +@define-color theme_selected_bg_color #cd7ebf; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #fff; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #2c3547; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #818997; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #2e394c; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #818997; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #d8dee9; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #2a3344; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #303b4f; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #cd7ebf; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #fff; +/* widgets main borders color */ +@define-color borders #1d232f; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #1e2531; +/* these are pretty self explicative */ +@define-color warning_color #e65b66; +@define-color error_color #ff3d9f; +@define-color success_color #58a1a5; +@define-color fg_color #d8dee9; +@define-color text_color #d8dee9; +@define-color bg_color #2a3344; +@define-color base_color #2e394c; +@define-color selected_bg_color #cd7ebf; +@define-color selected_fg_color #fff; +@define-color unfocused_fg_color #818997; +@define-color unfocused_text_color #d8dee9; +@define-color unfocused_bg_color #2a3344; +@define-color unfocused_base_color #303b4f; +@define-color unfocused_selected_bg_color #cd7ebf; +@define-color unfocused_selected_fg_color #fff; +/* 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(#d8dee9, 1.8); +@define-color wm_unfocused_title #818997; +@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(#2a3344, 1.2); +@define-color wm_bg_b #2a3344; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#2a3344, 1.3); +@define-color wm_button_hover_color_b #2a3344; +@define-color wm_button_active_color_a shade(#2a3344, 0.85); +@define-color wm_button_active_color_b shade(#2a3344, 0.89); +@define-color wm_button_active_color_c shade(#2a3344, 0.9); +@define-color content_view_bg #2e394c; +@define-color text_view_bg #2e394c; +@define-color budgie_tasklist_indicator_color #cd7ebf; +@define-color budgie_tasklist_indicator_color_active #cd7ebf; +@define-color placeholder_text_color #b6bdca; +@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(216, 222, 233, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 0px; + -gtk-secondary-caret-color: #cd7ebf; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar, actionbar > revealer > box { + background-color: #242d3c; + border: solid #1d232f; + border-width: 1px 0 0 0; + color: #d8dee9; + box-shadow: none; } + .action-bar:backdrop, actionbar > revealer > box:backdrop { + background-color: #171b24; + box-shadow: none; } + .action-bar:first-child, actionbar > revealer > box:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child, actionbar > revealer > box: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(33, 40, 54, 0.93); + 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: #d8dee9; + background-color: #2a3344; } + .background:backdrop { + color: #818997; + background-color: #2a3344; + text-shadow: none; + -gtk-icon-shadow: none; } + +/* + 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: #d8dee9; + background-color: #2a3344; } + .gtkstyle-fallback:hover { + color: #d8dee9; + background-color: #3d4b64; } + .gtkstyle-fallback:active { + color: #d8dee9; + background-color: #171b24; } + .gtkstyle-fallback:disabled { + color: #818997; + background-color: #2c3547; } + .gtkstyle-fallback:selected { + color: #fff; + background-color: #cd7ebf; } + +.view, iconview, +textview > text { + color: #d8dee9; + background-color: #2e394c; } + .view:backdrop, iconview:backdrop, + textview > text:backdrop { + color: #b6bdca; + background-color: #303b4f; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected { + border-radius: 3px; } + +textview > text { + background-color: transparent; } + +textview border { + background-color: #2c3648; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +columnview.view > rubberband, +treeview.view > rubberband { + border: 1px solid #bf59ad; + background-color: rgba(191, 89, 173, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #d8dee9; } + label.separator:backdrop { + color: #818997; } + label selection { + background-color: #cd7ebf; + color: #fff; } + label:disabled { + color: #818997; } + label:disabled:backdrop { + color: #475673; } + label:backdrop { + color: #818997; } + +.dim-label, label.separator, .titlebar .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #2e394c; + border-top: 1px solid #1d232f; } + assistant .sidebar:backdrop { + background-color: #303b4f; + border-color: #1e2531; } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #4d5565; } + +.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: #d8dee9; + border: none; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + outline-color: rgba(216, 222, 233, 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: #cd7ebf; + color: #fff; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, #e2b5da 0%, rgba(226, 181, 218, 0) 0%); } + to { + background-image: radial-gradient(farthest-side, #e2b5da 95%, rgba(226, 181, 218, 0)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 2px 6px; + border: 1px solid #1d232f; + border-radius: 4px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #d8dee9; + background-color: #333e53; + text-shadow: none; } + 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; + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + 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: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; + -gtk-icon-filter: brightness(1.2); } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #b6bdca; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #303b4f; + text-shadow: none; + 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(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 255, 255, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + 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(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button, + button.image-button.circular, + button.image-button.sidebar-button { + padding: 6px 4px; + border-radius: 50px; + box-shadow: none; } + 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; + border-radius: 4px; } + 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: #a3be8c; + border-color: #a3be8c; + box-shadow: inset 0 0 0 1px #a3be8c; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #fff; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #818997; } +button.osd { + min-width: 24px; + min-height: 20px; + color: #d8dee9; + border-radius: 5px; + outline-color: rgba(216, 222, 233, 0.3); + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); + 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 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: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 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: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); + 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } +button.suggested-action { + border: none; + box-shadow: none; + color: white; + border-radius: 4px; + background: #79B4B7; } + .selection-mode windowcontrols button, button.suggested-action.flat { + box-shadow: none; + color: white; + border-radius: 4px; + background: #79B4B7; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + .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(255, 255, 255, 0.7); } + .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + .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(121, 180, 183, 0.8); } + button.suggested-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + .osd button.suggested-action { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(121, 180, 183, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(121, 180, 183, 0.7), rgba(121, 180, 183, 0.7)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, #79B4B7, #79B4B7); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(121, 180, 183, 0.5), rgba(121, 180, 183, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + border: none; + box-shadow: none; + color: white; + border-radius: 4px; + background: #FF56AC; } + button.destructive-action.flat { + box-shadow: none; + color: white; + border-radius: 4px; + background: #79B4B7; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 255, 255, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 35, 147, 0.8); } + button.destructive-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + .osd button.destructive-action { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(255, 35, 147, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(255, 35, 147, 0.7), rgba(255, 35, 147, 0.7)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, #ff2393, #ff2393); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(255, 35, 147, 0.5), rgba(255, 35, 147, 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: 4px; + 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: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + +.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, #e2b5da 96%, rgba(226, 181, 218, 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } +toolbar button:active { + font-weight: normal; + color: #d8dee9; + background-color: #333e53; + text-shadow: none; } + +.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: #fff; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #f2f2f2; } + .inline-toolbar toolbutton > button:disabled { + color: #b6bdca; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(242, 242, 242, 0.3); } + .inline-toolbar toolbutton > button:backdrop { + color: #b6bdca; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: #f2f2f2; } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #b6bdca; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(242, 242, 242, 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), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid #1d232f; + border-radius: 0; + border-right-style: none; + box-shadow: none; } + .inline-toolbar button:disabled, .linked > button:disabled, .linked:not(.vertical) > spinbutton:disabled:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:disabled, .linked:not(.vertical) > + entry:disabled, .linked > combobox > box > button.combo:disabled:dir(ltr), .linked > combobox > box > button.combo:disabled:dir(rtl) { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; + color: #818997; } + +.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), spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } +.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), spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + 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), spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) > +entry:only-child { + border-radius: 4px; + 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), spinbutton.vertical.linked > text, .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), spinbutton.vertical.linked > text:first-child, .linked.vertical > +entry:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked > text:last-child, .linked.vertical > +entry:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked > text:only-child, .linked.vertical > +entry:only-child { + border-radius: 4px; + 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: 4px; + outline-offset: -2px; } + modelbutton.flat:hover, + .menuitem.button.flat:hover { + background-color: #343f54; } + 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: none; } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: none; } +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #d8dee9; + border: 1px solid #1d232f; } + 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(216, 222, 233, 0.45); } + calendar.button:hover { + color: #d8dee9; } + calendar.button:backdrop { + color: rgba(129, 137, 151, 0.45); } + calendar.button:disabled { + color: rgba(129, 137, 151, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #d8dee9; } + calendar:backdrop { + color: #b6bdca; + border-color: #1e2531; } + +/************************* + * 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; + background: 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; + background: 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; + background: 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; + background: 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; + background: 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; + background: 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: #fff; } + colorswatch.dark overlay:hover { + border-color: #1d232f; } + colorswatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +colorswatch.light overlay { + color: #d8dee9; } + colorswatch.light overlay:hover { + border-color: #1d232f; } + colorswatch.light overlay:backdrop { + color: #b6bdca; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #a3be8c; + box-shadow: inset 0 0 0 2px #1d232f, inset 0 0 0 1px #a3be8c; } + colorswatch:drop(active).dark overlay { + border-color: #a3be8c; + box-shadow: inset 0 0 0 2px #1d232f, inset 0 0 0 1px #a3be8c; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #1d232f; } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: #1d232f; + 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } + colorswatch#add-color-button overlay:hover { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #2e394c; + text-shadow: none; } + colorswatch#add-color-button overlay:backdrop { + color: #b6bdca; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #303b4f; + text-shadow: none; } +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 #fff; } +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(42, 51, 68, 0.95); } +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(42, 51, 68, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +messagedialog.csd.background { + background-color: rgba(42, 51, 68, 0.95); + color: #d8dee9; + 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: #d8dee9; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(205, 126, 191, 0.9); + color: white; } + 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; } + messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action { + color: white; } + +.messagedialog .message-area { + padding: 26px; } + +filechooser .dialog-action-box { + border-top: 1px solid #1d232f; } + filechooser .dialog-action-box:backdrop { + border-top-color: #1e2531; } +filechooser #pathbarbox { + border-bottom: 1px solid #2a3344; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), spinbutton.vertical > text, entry { + min-height: 28px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 4px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #d8dee9; + border-color: #1d232f; + background-color: #333e53; } + spinbutton:not(.vertical) image.left, spinbutton.vertical > text image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, spinbutton.vertical > text image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton:not(.vertical) undershoot.left, spinbutton.vertical > text 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, spinbutton.vertical > text 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.vertical > text.flat:focus-within, spinbutton.flat:not(.vertical), spinbutton.vertical > text.flat, + 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), spinbutton.vertical > text:focus-within, + entry:focus-within { + border-color: #bf59ad; + box-shadow: 0px 0px 1px 1px #cd7ebf inset; } + spinbutton:disabled:not(.vertical), spinbutton.vertical > text:disabled, + entry:disabled { + color: #818997; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, + entry:backdrop { + color: #b6bdca; + border-color: #1e2531; + background-color: #303b4f; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), spinbutton.vertical > text:backdrop:disabled, + entry:backdrop:disabled { + color: #475673; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + box-shadow: none; } + spinbutton.error:not(.vertical), spinbutton.vertical > text.error, + entry.error { + color: #d8dee9; + border-color: #1d232f; + background-color: #333e53; + color: #ff3d9f; + border-color: #890046; } + spinbutton.error:focus-within:not(.vertical), spinbutton.vertical > text.error:focus-within, + entry.error:focus-within { + border-color: #890046; + box-shadow: 0px 0px 1px 1px #cd7ebf inset; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.vertical > text.error:selected:focus, spinbutton.error:selected:not(.vertical), spinbutton.vertical > text.error:selected, + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3d9f; } + spinbutton.warning:not(.vertical), spinbutton.vertical > text.warning, + entry.warning { + color: #d8dee9; + border-color: #1d232f; + background-color: #333e53; + color: #e65b66; + border-color: #7c131b; } + spinbutton.warning:focus-within:not(.vertical), spinbutton.vertical > text.warning:focus-within, + entry.warning:focus-within { + border-color: #7c131b; + box-shadow: 0px 0px 1px 1px #cd7ebf inset; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.vertical > text.warning:selected:focus, spinbutton.warning:selected:not(.vertical), spinbutton.vertical > text.warning:selected, + entry.warning:selected:focus, + entry.warning:selected { + background-color: #e65b66; } + spinbutton:not(.vertical) image, spinbutton.vertical > text image, + entry image { + color: #b6bdca; } + spinbutton:not(.vertical) image:hover, spinbutton.vertical > text image:hover, + entry image:hover { + color: #d8dee9; } + spinbutton:not(.vertical) image:active, spinbutton.vertical > text image:active, + entry image:active { + color: #cd7ebf; } + spinbutton:not(.vertical) image:backdrop, spinbutton.vertical > text image:backdrop, + entry image:backdrop { + color: #717989; } + spinbutton:drop(active):focus-within:not(.vertical), spinbutton.vertical > text:drop(active):focus-within, spinbutton:drop(active):not(.vertical), spinbutton.vertical > text:drop(active), + entry:drop(active):focus-within, + entry:drop(active) { + border-color: #a3be8c; + box-shadow: inset 0 0 0 1px #a3be8c; } + .osd spinbutton:not(.vertical), .osd spinbutton.vertical > text, + .osd entry { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(29, 35, 47, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus-within:not(.vertical), .osd spinbutton.vertical > text:focus-within, + .osd entry:focus-within { + color: #d8dee9; + border-color: #cd7ebf; + background-color: rgba(29, 35, 47, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd spinbutton.vertical > text:backdrop, + .osd entry:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(29, 35, 47, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd spinbutton.vertical > text:disabled, + .osd entry:disabled { + color: #7d8390; + border-color: #1d232f; + background-color: rgba(51, 58, 72, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, spinbutton.vertical > text progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #cd7ebf; + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, spinbutton.vertical > text progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + appchooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + menubutton > button, .linked:not(.vertical) > +entry:drop(active) + dropdown > button, .linked:not(.vertical) > +entry:drop(active) + colorbutton > button, .linked:not(.vertical) > +entry:drop(active) + fontbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #a3be8c; } +.linked:not(.vertical) > spinbutton:focus-within:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:focus-within, .linked:not(.vertical) > +entry:focus-within { + border-color: #bf59ad; + box-shadow: 0px 0px 1px 1px #cd7ebf inset; + border-right-style: solid; } + .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text:focus-within + .popup button, .linked:not(.vertical) > + entry:focus-within + .popup button { + border-left-color: #cd7ebf; } +.linked:not(.vertical) > spinbutton:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text + .popup button, .linked:not(.vertical) > +entry + .popup button { + border-radius: 0px 4px 4px 0px; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled) { + border-top-color: #293243; + background-image: linear-gradient(to bottom, #2e394c, #2e394c); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled):backdrop { + border-top-color: #2b3446; + background-image: linear-gradient(to bottom, #303b4f, #303b4f); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + text:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: #293243; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:focus:not(:only-child), spinbutton.vertical.linked > text + text:focus:not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), +spinbutton.vertical.linked > text + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:focus:not(:only-child), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: #bf59ad; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + text:drop(active):not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), +spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #a3be8c; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:focus:not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:focus:not(:only-child) + text, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:focus:not(:only-child) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:focus:not(:only-child) + text, +.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: #bf59ad; } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, +.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: #a3be8c; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #2e394c; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #2e394c; } + treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: #cd7ebf; } + +/************* + * 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: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #2a3344; + border-width: 1px; + border-style: solid solid none; + border-color: #1d232f; + border-radius: 3px 3px 0 0; + box-shadow: none; } + .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: #2a3344; + border-color: #1e2531; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #1d232f; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #1e2531; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #1d232f; } + actionbar > revealer > box:backdrop { + border-color: #1e2531; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: radial-gradient(farthest-side at top, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at top, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: radial-gradient(farthest-side at top, #1e2531 85%, rgba(30, 37, 49, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at bottom, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: radial-gradient(farthest-side at bottom, #1e2531 85%, rgba(30, 37, 49, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: radial-gradient(farthest-side at left, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at left, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: radial-gradient(farthest-side at left, #1e2531 85%, rgba(30, 37, 49, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: radial-gradient(farthest-side at right, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at right, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: radial-gradient(farthest-side at right, #1e2531 85%, rgba(30, 37, 49, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: right; + 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, #1d232f 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #2c3648; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #1e2531 1px, transparent 1px); + background-color: #242c3b; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + border: 1px solid #2e394c; + background: #2e394c; + color: #d8dee9; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #cd7ebf; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #2e394c; + background-image: none; + border: 1px solid #2e394c; + color: #d8dee9; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #2e394c; } + GraniteWidgetsWelcome GtkLabel { + color: #d8dee9; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(216, 222, 233, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + background-color: #2a3344; + border: solid #1d232f; + color: #d8dee9; + 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: #2a3344; + 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: #202734; } + .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(216, 222, 233, 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: #F3D88E; + 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: #2e394c; } + .storage-bar .fill-block.app { + background-color: #5e81ac; } + .storage-bar .fill-block.audio { + background-color: #ED878F; } + .storage-bar .fill-block.photo { + background-color: #FF56AC; } + .storage-bar .fill-block.video { + background-color: #A572A4; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), .titlebar, headerbar { + padding: 0 13px; + min-height: 34px; + background: #202835; + color: #d8dee9; + border-radius: 0; } + .titlebar:backdrop, + headerbar:backdrop { + border-color: #1e2531; + transition: 200ms ease-out; } + .titlebar .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar entry, + headerbar entry { + min-height: 24px; } + .titlebar button, + headerbar button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + min-height: 20px; + margin-top: 5px; + margin-bottom: 5px; + box-shadow: none; } + .titlebar button.image-button, + headerbar button.image-button { + padding: 3px 4px; } + .titlebar button.appmenu, + headerbar button.appmenu { + background: transparent; } + .titlebar button.appmenu:backdrop, + headerbar button.appmenu:backdrop { + background: transparent; } + .titlebar button:hover, + headerbar button:hover { + color: #fff; + text-shadow: none; + background-color: rgba(205, 126, 191, 0.7); } + .titlebar button:active, .titlebar button:checked, + headerbar button:active, + headerbar button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(216, 222, 233, 0.2); + background-color: #272F3F; + text-shadow: none; + box-shadow: none; } + .titlebar button:backdrop:hover, .titlebar button:backdrop:active, .titlebar button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + color: #cd7ebf; + background-color: rgba(205, 126, 191, 0.6); + text-shadow: none; + box-shadow: none; } + .titlebar button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 14px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; + box-shadow: none; + color: white; + border-radius: 4px; + background: #79B4B7; + box-shadow: none; } + .titlebar button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #65a9ac; + text-shadow: none; } + .titlebar button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .titlebar button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; + border-radius: 4px; } + .titlebar button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .titlebar button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 14px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; + box-shadow: none; + color: white; + border-radius: 4px; + background: #79B4B7; + box-shadow: none; } + .titlebar button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff0484; + text-shadow: none; } + .titlebar button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + .titlebar button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; + border-radius: 4px; } + .titlebar button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + .titlebar button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; + border: none; + background-color: transparent; + background-repeat: no-repeat; } + .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar 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 .linked > button, .titlebar .path-bar-box button, + .titlebar headerbar .linked > button, + headerbar .path-bar-box .titlebar button, .titlebar .linked > button:hover, + .titlebar .linked > button:backdrop, + .titlebar headerbar .linked > button, + headerbar .path-bar-box .titlebar button, + headerbar .titlebar .linked > button, + headerbar .linked > button, + headerbar .titlebar .path-bar-box button, + .titlebar .path-bar-box headerbar button, + headerbar .path-bar-box button, + headerbar .titlebar .linked > button:hover, + .titlebar headerbar .linked > button:hover, + headerbar .titlebar .linked > button:backdrop, + .titlebar headerbar .linked > button:backdrop, + headerbar .linked > button:hover, + headerbar .linked > button:backdrop { + border-radius: 0; + border-right-style: none; + box-shadow: none; + margin: 5px 0px; + min-height: 20px; } + .titlebar .linked > button:first-child, .titlebar .path-bar-box button:first-child, + .titlebar headerbar .linked > button:first-child, + headerbar .path-bar-box .titlebar button:first-child, + headerbar .titlebar .linked > button:first-child, + headerbar .linked > button:first-child, + .titlebar .path-bar-box headerbar button:first-child, + headerbar .path-bar-box button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } + .titlebar .linked > button:last-child, .titlebar .path-bar-box button:last-child, + .titlebar headerbar .linked > button:last-child, + headerbar .path-bar-box .titlebar button:last-child, + headerbar .titlebar .linked > button:last-child, + headerbar .linked > button:last-child, + .titlebar .path-bar-box headerbar button:last-child, + headerbar .path-bar-box button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right-style: solid; } + .titlebar .linked > button:only-child, .titlebar .path-bar-box button:only-child, + .titlebar headerbar .linked > button:only-child, + headerbar .path-bar-box .titlebar button:only-child, + headerbar .titlebar .linked > button:only-child, + headerbar .linked > button:only-child, + .titlebar .path-bar-box headerbar button:only-child, + headerbar .path-bar-box button:only-child { + border-radius: 4px; + border-style: solid; } + .titlebar .linked > button:active:backdrop, + .titlebar headerbar .linked > button:active:backdrop, .titlebar .path-bar-box button:active:backdrop, + headerbar .path-bar-box .titlebar button:active:backdrop, .titlebar .linked > button:active:backdrop label, .titlebar .path-bar-box button:active:backdrop label, + headerbar .path-bar-box .titlebar button:active:backdrop label, .titlebar .linked > button:checked:backdrop, + .titlebar headerbar .linked > button:checked:backdrop, .titlebar .path-bar-box button:checked:backdrop, + headerbar .path-bar-box .titlebar button:checked:backdrop, .titlebar .linked > button:checked:backdrop label, .titlebar .path-bar-box button:checked:backdrop label, + headerbar .path-bar-box .titlebar button:checked:backdrop label, + headerbar .titlebar .linked > button:active:backdrop, + headerbar .linked > button:active:backdrop, + .titlebar .path-bar-box headerbar button:active:backdrop, + headerbar .path-bar-box button:active:backdrop, + headerbar .linked > button:active:backdrop label, + .titlebar .path-bar-box headerbar button:active:backdrop label, + headerbar .path-bar-box button:active:backdrop label, + headerbar .titlebar .linked > button:checked:backdrop, + headerbar .linked > button:checked:backdrop, + .titlebar .path-bar-box headerbar button:checked:backdrop, + headerbar .path-bar-box button:checked:backdrop, + headerbar .linked > button:checked:backdrop label, + .titlebar .path-bar-box headerbar button:checked:backdrop label, + headerbar .path-bar-box button:checked:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .titlebar .path-bar-box .dim-label, .titlebar .path-bar-box label.separator, .titlebar .path-bar-box .subtitle, + headerbar .path-bar-box .dim-label, + headerbar .path-bar-box label.separator, + headerbar .path-bar-box .subtitle { + color: transparent; + margin-right: -6px; } + .titlebar .path-bar-box button:last-child, + headerbar .path-bar-box button:last-child { + margin-left: -1px; + border-radius: 0px; } + .titlebar .path-bar-box button:last-child:active, .titlebar .path-bar-box button:last-child:checked, + headerbar .path-bar-box button:last-child:active, + headerbar .path-bar-box button:last-child:checked { + border-radius: 0px 4px 4px 0px; } + .titlebar .path-bar-box button:first-child, + headerbar .path-bar-box button:first-child { + border-radius: 4px 0px 0px 4px; } + .titlebar .path-bar-box button:first-child:active, .titlebar .path-bar-box button:first-child:checked, + headerbar .path-bar-box button:first-child:active, + headerbar .path-bar-box button:first-child:checked { + border-radius: 4px; } + .titlebar .path-bar-box widget > .text-button:last-child, + headerbar .path-bar-box widget > .text-button:last-child { + border-radius: 0px 4px 4px 0px; + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; } + .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .titlebar .path-bar-box widget > .text-button:last-child:backdrop label, + headerbar .path-bar-box widget > .text-button:last-child:backdrop, + headerbar .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .titlebar .path-bar-box widget > .text-button:last-child:only-child, + headerbar .path-bar-box widget > .text-button:last-child:only-child { + border-radius: 4px; } + .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar 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 { + border-color: #bf59ad; } + .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar 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(205, 126, 191, 0.6); } + .tiled .titlebar, .maximized .titlebar, + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar, headerbar.default-decoration { + padding: 5px 4px; + min-height: 20px; } + .default-decoration.titlebar button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button, +headerbar menubutton { + margin-top: 3px; + margin-bottom: 3px; } +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar entry > menubutton { + margin-top: 0px; + margin-bottom: 0px; } +headerbar switch { + margin-top: 0; + margin-bottom: 0; } +headerbar separator { + background: transparent; } + +.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); } + +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 { + background: #202835; } + +.sidebar-pane .top-bar, .sidebar-pane .top-bar headerbar, .content-pane .top-bar, .content-pane .top-bar headerbar { + background-color: #202835; } + +.nautilus-window .sidebar-pane .top-bar headerbar { + padding-top: 3px; + padding-bottom: 3px; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #d8dee9; + background-color: #2a3344; + border-bottom: 1px solid #171b24; + 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: #fff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #fff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(46, 57, 76, 0.98); + color: #d8dee9; + 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: #d8dee9; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #2e394c; + color: #d8dee9; + 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(46, 57, 76, 0.8); + color: rgba(216, 222, 233, 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(46, 57, 76, 0.6); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(46, 57, 76, 0.5); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(46, 57, 76, 0.8); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + +.info, .info:backdrop { + color: #8CA1A5; + background-color: transparent; } + +.warning, .warning:backdrop { + color: #e65b66; + background-color: transparent; } + +.question, .question:backdrop { + color: #79B4B7; + background-color: transparent; } + +.error, .error:backdrop { + color: #ff3d9f; + background-color: transparent; } + +levelbar.horizontal trough > block { + min-height: 5px; + border-radius: 5px; } + levelbar.horizontal trough > block:dir(rtl) { + border-radius: 0 5px 5px 0; } + levelbar.horizontal trough > block:dir(ltr) { + border-radius: 5px 0 0 5px; } + levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { + border-radius: 5px; } +levelbar.horizontal.discrete trough > block { + min-height: 2px; + margin: 1px; + min-width: 24px; + border-radius: 0; } + levelbar.horizontal.discrete trough > block:first-child { + border-radius: 2px 0 0 2px; } + levelbar.horizontal.discrete trough > block:last-child { + border-radius: 0 2px 2px 0; } +levelbar.vertical trough > block { + min-width: 5px; + border-radius: 5px; } +levelbar.vertical.discrete > trough > block { + min-width: 2px; + margin: 1px 0; + min-height: 32px; } +levelbar > trough { + padding: 0; } +levelbar > trough > block { + border: 1px solid; } + levelbar > trough > block.low { + border-color: #e65b66; + background-color: #e65b66; } + levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + border-color: #8CA1A5; + background-color: #8CA1A5; } + levelbar > trough > block.full { + border-color: #58a1a5; + background-color: #58a1a5; } + levelbar > trough > block.empty { + background-color: #3b4a62; + border-color: #3b4a62; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #5e81ac; } + *:link:visited, + button:visited { + color: rgba(94, 129, 172, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #ebcbe5; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #809bbd; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #faf2f9; } + *:link:active, button:active:link, + button:active:visited { + color: #5e81ac; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #f5e5f2; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #cd7ebf; } + *:link:selected, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #f5e5f2; } + +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: #d8dee9; + background-color: #2e394c; + border-color: #1d232f; } + list:backdrop, listview:backdrop { + background-color: #303b4f; + border-color: #1e2531; } + list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { + border-left: 1px solid #1d232f; } + 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 #1d232f; } + +row:hover { + transition: none; } +row:backdrop { + transition: 200ms ease-out; } +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(216, 222, 233, 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(205, 126, 191, 0.5); } +row.activatable:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + +columnview > listview > row { + padding: 0; } + columnview > listview > row > cell { + padding: 2px 6px; } + columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; } +columnview.column-separators > listview > row > cell { + border-left-color: #1d232f; } +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; } + +treeexpander { + border-spacing: 4px; } + +/******************************************************** + * Data Tables * + * treeview like tables with individual focusable cells * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * + ********************************************************/ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid #1d232f; } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #cd7ebf; } + +columnview row:not(:selected) cell editablelabel.editing text selection { + background-color: rgba(205, 126, 191, 0.6); + color: transparent; } + columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { + background-color: #cd7ebf; + color: #d8dee9; } + +/******************************************************* + * Rich Lists * + * Large list usually containing lots of widgets * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * + *******************************************************/ +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ } + .rich-list > row { + padding: 8px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ } + .rich-list > row > box { + border-spacing: 12px; } + +/******************************************************** + * Complex Lists * + * Put padding on the cell content so event controllers * + * can cover the whole area. * + ********************************************************/ +columnview.complex > listview > row > cell { + padding: 0; } + columnview.complex > listview > row > cell > * { + padding: 8px 6px; } +columnview.complex.data-table > listview > row > cell { + padding: 0; } + columnview.complex.data-table > listview > row > cell > * { + padding-top: 2px; + padding-bottom: 2px; } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #202835; + color: #d8dee9; + 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 #cd7ebf; } + menubar > item:disabled, + .menubar > item:disabled { + color: #818997; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background: #272F3F; + border-radius: 5px; + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #2f394d; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 17px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #fff; + background-color: #cd7ebf; } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #818997; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #475673; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #818997; + 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: #2d384a; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #3f4a5c; + -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 #3f4a5c; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #3f4a5c; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #2f394d; } + 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-color: transparent; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #1c222e; } + .content-view:hover { + -gtk-icon-filter: brightness(1.2); } + .content-view:backdrop { + background-color: #1c222e; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(216, 222, 233, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #2e394c; + border-top: 1px solid #1d232f; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #303b4f; + border-color: #1e2531; } + 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: #4d5565; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: #1d232f; + border-width: 1px; + background-color: #242d3c; } + notebook > header:backdrop { + border-color: #1e2531; + background-color: #2a3344; } + notebook > header tabs { + margin: 0px; } + 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: #2e394c; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #2e394c; } + 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: #2e394c; + box-shadow: -1px 0 0 #1d232f, 0px 1px 0 #1d232f, 1px 0 0 #1d232f; } + 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: #2e394c; + box-shadow: 0px 1px 0 #1d232f, 0px -1px 0 #1d232f, 0px 1px 0 #1d232f; } + 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: #2e394c; + box-shadow: 0px 1px 0 #1d232f, 0px -1px 0 #1d232f, 1px 0 0 #1d232f; } + 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: 14px; + min-width: 14px; + 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: 24px; + min-width: 24px; + padding: 1px 12px; + outline-offset: -5px; + color: #818997; + font-weight: normal; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #adb4c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(29, 35, 47, 0.3); + background-color: rgba(42, 51, 68, 0.2); } + notebook > header tab:backdrop { + color: #5e6776; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #d8dee9; + box-shadow: -1px 0 0 #1d232f, 0px -1px 0 #1d232f, 1px 0 0 #1d232f; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(29, 35, 47, 0.5); + background-color: rgba(42, 51, 68, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(42, 51, 68, 0.7); } + notebook > header tab:backdrop:checked { + color: #818997; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #1e2531; + background-color: #303b4f; } + 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: #FF56AC; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + background: transparent; + border: none; + 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: 0px; + padding-right: 0px; } + 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: 1px; } + notebook > header.bottom tab { + padding-top: 1px; } +notebook > stack:not(:only-child) { + background-color: #2e394c; } + notebook > stack:not(:only-child):backdrop { + background-color: #303b4f; } + +tabbar:backdrop .box > scrolledwindow, +tabbar:backdrop .box > .start-action, +tabbar:backdrop .box > .end-action { + filter: opacity(1); } +tabbar tabbox { + background-color: #242d3c; + padding: 0px; + color: #d8dee9; } + tabbar tabbox > tab button.flat, + tabbar tabbox > tabboxchild > tab button.flat { + padding: 0; + margin: 4px; + min-width: 20px; + min-height: 20px; + border-radius: 10px; } + tabbar tabbox > tab button.flat:hover, + tabbar tabbox > tabboxchild > tab button.flat:hover { + background-color: #FF56AC; } + tabbar tabbox > tab:checked, tabbar tabbox > tab:selected, + tabbar tabbox > tabboxchild > tab:checked, + tabbar tabbox > tabboxchild > tab:selected { + background-color: #2e394c; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#1d232f); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(#cd7ebf); } + paned > separator:backdrop { + background-image: image(#1e2531); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #2a3344; + background-image: image(#1d232f), image(#1d232f); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #2a3344; + background-image: image(#1e2531), image(#1e2531); } +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: #272F3F; + background-clip: padding-box; + border: 1px solid #1d232f; + box-shadow: 0 4px 6px #1d232f; + color: #d8dee9; } + 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: #212835; + 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: #2e394c; } + +/********************** + * Popover Base Menus * + **********************/ +popover.menu { + padding: 0; } + popover.menu box.inline-buttons { + padding: 0 12px; } + popover.menu box.inline-buttons button.image-button.model { + 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: 30px; + min-width: 30px; + padding: 0; + border: none; + outline: none; + transition: none; } + popover.menu box.inline-buttons button.image-button.model:selected { + background: image(#343f54); } + popover.menu box.circular-buttons { + padding: 12px 12px 6px; } + popover.menu box.circular-buttons button.circular.image-button.model { + padding: 11px; } + popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: #343f54; + border-color: #343f54; } + popover.menu > arrow, popover.menu.background > contents { + background-color: #272F3F; + color: #d8dee9; + padding: 5px; } + popover.menu > arrow .view, popover.menu > arrow iconview, popover.menu.background > contents .view, popover.menu.background > contents iconview { + background-color: transparent; } + popover.menu > arrow .view row, popover.menu > arrow iconview row, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + margin: 0; } + popover.menu.background separator { + margin: 6px 0; } + popover.menu accelerator { + color: alpha(currentColor,0.55); } + popover.menu accelerator:dir(ltr) { + margin-left: 12px; } + popover.menu accelerator:dir(rtl) { + margin-right: 12px; } + popover.menu check:hover, popover.menu check:active, + popover.menu radio:hover, + popover.menu radio:active { + background-color: transparent; } + popover.menu radio { + border-color: #1d232f; } + popover.menu radio:active { + border-color: rgba(29, 35, 47, 0.5); } + popover.menu arrow.left, + popover.menu radio.left, + popover.menu check.left { + margin-left: -2px; + margin-right: 6px; } + popover.menu arrow.right, + popover.menu radio.right, + popover.menu check.right { + margin-left: 6px; + margin-right: -2px; } + popover.menu modelbutton, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + min-height: 30px; + min-width: 40px; + padding: 0 12px; + border-radius: 5px; } + popover.menu modelbutton:selected, popover.menu.background > contents .view row:selected, popover.menu.background > contents iconview row:selected { + color: #d8dee9; + background-color: #343f54; } + popover.menu modelbutton:selected:active, popover.menu.background > contents .view row:selected:active, popover.menu.background > contents iconview row:selected:active { + background-color: #475673; } + popover.menu label.title { + font-weight: bold; + padding: 4px 32px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(216, 222, 233, 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: rgba(255, 255, 255, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(255, 255, 255, 0.06); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(255, 255, 255, 0.06); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(255, 255, 255, 0.06); } + +progressbar progress, scale highlight { + border: none; + background-color: #8CA1A5; + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(255, 255, 255, 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: #9aadb0; + background-color: #9aadb0; } + 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(255, 255, 255, 0.06); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 2px; } + scale.vertical trough, + scale.vertical progress { + min-width: 2px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #2e394c; + 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: #8CA1A5; } + scale slider:active:disabled { + background-color: #2c3547; + 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: #1d232f; } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: #4c525e; } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #f1f1f1; + border: none; + border-radius: 12px; + background-color: #f1f1f1; } + scale slider:active { + border-color: #bf59ad; } + scale slider:disabled { + background-color: #b2b2b2; + 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: #b2b2b2; + 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: #bf59ad; } + .osd scale slider { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border-color: #171c26; + background-color: #f1f1f1; } + .osd scale slider:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #f1f1f1; } + .osd scale slider:active { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #f1f1f1; } + .osd scale slider:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #f1f1f1; } + .osd scale slider:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(178, 178, 178, 0.5), rgba(178, 178, 178, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #b2b2b2; } + .osd scale slider:backdrop:disabled { + background-color: #f1f1f1; } + scale value { + color: alpha(currentColor,0.4); } + scale.horizontal > marks { + color: alpha(currentColor,0.55); } + scale.horizontal > marks.top { + margin-bottom: 6px; } + scale.horizontal > marks.bottom { + margin-top: 6px; } + scale.horizontal > marks indicator { + background-color: currentColor; + min-height: 6px; + min-width: 1px; } + scale.horizontal > value.left { + margin-right: 9px; } + scale.horizontal > value.right { + margin-left: 9px; } + scale.horizontal.fine-tune > marks.top { + margin-top: 3px; } + scale.horizontal.fine-tune > marks.bottom { + margin-bottom: 3px; } + scale.horizontal.fine-tune > marks indicator { + min-height: 3px; } + scale.vertical > marks { + color: alpha(currentColor,0.55); } + scale.vertical > marks.top { + margin-right: 6px; } + scale.vertical > marks.bottom { + margin-left: 6px; } + scale.vertical > marks indicator { + background-color: currentColor; + min-height: 1px; + min-width: 6px; } + scale.vertical > value.top { + margin-bottom: 9px; } + scale.vertical > value.bottom { + margin-top: 9px; } + scale.vertical.fine-tune > marks.top { + margin-left: 3px; } + scale.vertical.fine-tune > marks.bottom { + margin-right: 3px; } + scale.vertical.fine-tune > marks indicator { + min-height: 3px; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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(#1d232f); + 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: #2c3648; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar.top { + border-bottom: 1px solid #1d232f; } + scrollbar.bottom { + border-top: 1px solid #1d232f; } + scrollbar.left { + border-right: 1px solid #1d232f; } + scrollbar.right { + border-left: 1px solid #1d232f; } + scrollbar:backdrop { + background-color: #242c3b; + border-color: #1e2531; + 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: #929aa7; } + scrollbar slider:hover { + background-color: #b5bcc8; } + scrollbar slider:hover:active { + background-color: #dba3d1; } + scrollbar slider:backdrop { + background-color: #4d5565; } + 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: #d8dee9; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #d8dee9; + 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: #929aa7; } + 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: #b5bcc8; } + 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: #dba3d1; } + 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(146, 154, 167, 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: #4d5565; } + 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(77, 85, 101, 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 #1d232f; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #2c3648; } + .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 #1d232f; + border-right-style: none; } + .sidebar:backdrop { + background-color: #2d374a; + border-color: #1e2531; } + .sidebar row { + padding: 8px 12px; + transition: all .12s ease-in; } + .sidebar row label { + color: #98abb2; } + .sidebar row:selected { + color: #fff; } + .sidebar row:selected:backdrop { + color: rgba(255, 255, 255, 0.5); + background: rgba(205, 126, 191, 0.6); } + .sidebar row:selected:backdrop label { + color: #fff; } + .sidebar row:selected label { + color: #fff; } + .sidebar.source-list { + background: #212836; + padding: 4px 0px; } + .sidebar.source-list.view, iconview.sidebar.source-list { + transition: all .12s ease-in; } + .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { + padding-left: 4px; + background: #cd7ebf; + color: #fff; } + .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(205, 126, 191, 0.9); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + .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(42, 51, 68, 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: #1d232f; } + +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 */ +/*******************************************************************/ +placessidebar.sidebar, .nautilus-window .navigation-sidebar { + background-color: #212836; } + placessidebar.sidebar row.sidebar-row, .nautilus-window .navigation-sidebar row.sidebar-row { + border-radius: 5px; + padding: 1px 11px; } + placessidebar.sidebar row.sidebar-row label, .nautilus-window .navigation-sidebar row.sidebar-row label { + padding-left: 8px; } + placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row .sidebar-icon { + margin-left: -14px; + margin-right: 7px; + padding-left: 14px; + padding-right: 7px; + color: #98abb2; } + placessidebar.sidebar row.sidebar-row:hover, .nautilus-window .navigation-sidebar row.sidebar-row:hover { + background: #2f384c; } + placessidebar.sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected { + border-left: 2px solid #f8ab95; } + placessidebar.sidebar row.sidebar-row:selected, placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window .navigation-sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected label { + color: #fff; } + placessidebar.sidebar row.sidebar-row:selected, placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop { + background: linear-gradient(to right, #f8ab95, #ee73c8, #2f384c 40px, #2f384c 97%); } + placessidebar.sidebar row.sidebar-row:selected:backdrop, placessidebar.sidebar row.sidebar-row:selected:backdrop label, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop label { + color: rgba(255, 255, 255, 0.5); } + placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop .sidebar-icon { + -gtk-icon-shadow: none; } + placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected .sidebar-icon { + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); + color: inherit; } + placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row label, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: #F3D88E; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #a3be8c, inset 0 -1px #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) image { + color: #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background: #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected image { + color: #fff; } + placessidebar.sidebar list, placessidebar.sidebar list:backdrop, .nautilus-window .navigation-sidebar list, .nautilus-window .navigation-sidebar list:backdrop { + background-color: #212836; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + font-feature-settings: "tnum"; } + spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; + /* :not here just to bump specificity above that of the list button styling */ } + spinbutton:not(.vertical) > text, .osd spinbutton:not(.vertical) > text { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; } + spinbutton:not(.vertical) > text:backdrop:disabled, .osd spinbutton:not(.vertical) > text:backdrop:disabled { + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat), + spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #c7ced9; + background-image: none; + border-style: none none none solid; + border-color: rgba(29, 35, 47, 0.3); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + color: #d8dee9; + background-color: #41516c; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + color: rgba(129, 137, 151, 0.3); + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { + background-color: #475875; + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); + color: #fff; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.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: #d8dee9; + border-style: none none none solid; + border-color: rgba(29, 35, 47, 0.7); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):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: #d8dee9; + border-color: rgba(29, 35, 47, 0.5); + background-color: rgba(14, 16, 22, 0.93); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):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: #7d8390; + border-color: rgba(29, 35, 47, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + spinbutton.vertical:disabled { + color: #818997; } + spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } + spinbutton.vertical > text { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } + spinbutton.vertical > text > selection { + background-color: rgba(205, 126, 191, 0.6); + color: transparent; } + spinbutton.vertical > text > selection:focus-within { + background-color: #cd7ebf; + color: #d8dee9; } + spinbutton.vertical > button { + min-height: 32px; + min-width: 32px; + padding: 0; } + spinbutton.vertical > button.up { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + spinbutton.vertical > button.down { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .osd spinbutton.vertical > button:first-child { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical > button:first-child:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical > button:first-child:active { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical > button:first-child:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + 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) > text { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: #cd7ebf; } + +/********************* + * 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: 1px; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + padding: 2.3px 0px; + background-color: #4b5d7c; + 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: #2c3547; } + switch:backdrop { + background-color: #2a3344; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #2c3547; } + switch:active, switch:checked { + background-color: #cd7ebf; } + switch:active:backdrop, switch:checked:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(46, 57, 76, 0.9); + border: none; } + 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: #2e394c; + 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: #2e394c; } + switch trough:active, switch trough:checked { + background-color: #cd7ebf; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar > revealer > box { + padding: 4px; + background-color: #2a3344; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(33, 40, 54, 0.93); } + 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: #1d232f; + background-color: #262e3e; } + .inline-toolbar:backdrop, searchbar > revealer > box:backdrop { + border-color: #1e2531; + background-color: #262e3d; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #2e394c; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + border: 1px solid #1d232f; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +columnview.view, +treeview.view { + border-left-color: #1d232f; + border-top-color: #1d232f; } + columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; + outline-color: #FF56AC; } + columnview.view:disabled, + treeview.view:disabled { + color: #818997; } + columnview.view:disabled:selected, + treeview.view:disabled:selected { + color: #e1b2d9; } + columnview.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: rgba(211, 142, 199, 0.85); } + columnview.view.separator, + treeview.view.separator { + min-height: 2px; + color: #1d232f; } + columnview.view:backdrop, + treeview.view:backdrop { + border-left-color: #3f495b; + border-top: #3f495b; } + columnview.view:drop(active), + treeview.view:drop(active) { + box-shadow: none; } + columnview.view > dndtarget:drop(active), + treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #bf59ad; } + columnview.view > dndtarget:drop(active).after, + treeview.view > dndtarget:drop(active).after { + border-top-style: none; } + columnview.view > dndtarget:drop(active).before, + treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; } + columnview.view.expander, + treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #a5adba; } + columnview.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + columnview.view.expander:hover, + treeview.view.expander:hover { + color: #d8dee9; } + columnview.view.expander:selected, + treeview.view.expander:selected { + color: #f0d8ec; } + columnview.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #fff; } + columnview.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view.progressbar, + treeview.view.progressbar { + border: 1px solid #bf59ad; + border-radius: 4px; + background-color: #cd7ebf; + background-image: linear-gradient(to bottom, #cd7ebf, #bf59ad); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: image(#2e394c); } + columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + background-color: #303b4f; } + columnview.view.trough, + treeview.view.trough { + background-color: rgba(216, 222, 233, 0.1); } + columnview.view.trough:selected:focus, columnview.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: #bf59ad; } + columnview.view > header > button, + treeview.view > header > button { + color: #c6cedd; + background-color: #2e394c; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:hover, + treeview.view > header > button:hover { + color: #cfd6e3; + box-shadow: none; + transition: none; } + columnview.view > header > button:active, + treeview.view > header > button:active { + color: #d8dee9; + transition: none; } + columnview.view > header > button sort-indicator, + treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; } + columnview.view > header > button sort-indicator.ascending, + treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + columnview.view > header > button sort-indicator.descending, + treeview.view > header > button sort-indicator.descending { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, + columnview.view header.button.dnd:active, + columnview.view header.button.dnd:selected, + columnview.view header.button.dnd:hover, + columnview.view header.button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + color: #FF56AC; + background-image: none; + background-color: #cd7ebf; + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px #2e394c; + text-shadow: none; + transition: none; } + columnview.view acceleditor > label, + treeview.view acceleditor > label { + background-color: #cd7ebf; } + +columnview.view > header > button, +treeview.view > header > button, columnview.view > header > button:hover, +treeview.view > header > button:hover, columnview.view > header > button:active, +treeview.view > header > button:active { + padding: 0 6px; + background-image: none; + border-style: none none solid solid; + border-color: #1d232f; + border-radius: 0; + text-shadow: none; } + columnview.view > header > button:disabled, + treeview.view > header > button:disabled { + border-color: #2a3344; + background-image: none; } + columnview.view > header > button:last-child:backdrop, + treeview.view > header > button:last-child:backdrop, columnview.view > header > button:last-child, + treeview.view > header > button:last-child { + border-right-style: 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; } + 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: 12px; + 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 #1d232f; + border-radius: 0; + box-shadow: inset 0 0 0 4px #1d232f, inset 0 0 0 3px #202835, inset 0 1px rgba(216, 222, 233, 0.07); } + window.solid-csd:backdrop { + box-shadow: inset 0 0 0 4px #1d232f, inset 0 0 0 3px #2a3344, inset 0 1px rgba(216, 222, 233, 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.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom: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.4807843137); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4807843137); } + 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, +textview > text:selected:focus, +textview > text:selected, 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.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, +entry selection:focus, +entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #cd7ebf; } + row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected, 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.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, + entry selection:focus, + entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #fff; + 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, + textview > text:disabled:selected:focus, + textview > text:disabled:selected, 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, spinbutton.vertical > text selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #e6bfdf; } + row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + textview > text:backdrop:selected:focus, + textview > text:backdrop:selected, 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, spinbutton.vertical > text selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(255, 255, 255, 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, + textview > text:backdrop:disabled:selected, 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, spinbutton.vertical > text selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(211, 142, 199, 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: rgba(13, 16, 21, 0.95); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid #1d232f; } + .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 button, + .budgie-popover.background button { + color: #d8dee9; + border: none; + background: transparent; } + .budgie-popover button:hover, + .budgie-popover.background button:hover { + color: #cd7ebf; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu { + color: #d8dee9; } + .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 #1d232f; + border-radius: 0; + font-size: 120%; + box-shadow: none; + color: #d8dee9; } + .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: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid #1d232f; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid #1d232f; } + .budgie-menu .category-button { + padding: 7px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(216, 222, 233, 0.05); + color: #d8dee9; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #fff; + background: #79B4B7; } + .budgie-menu .category-button:checked:hover { + color: rgba(255, 255, 255, 0.6); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(255, 255, 255, 0.7); } + .budgie-menu scrollbar { + background-color: transparent; + border-color: #1d232f; } + .budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; + background: yellow; } + .budgie-menu button { + border: none; + background: transparent; } + .budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + .budgie-menu list { + color: rgba(216, 222, 233, 0.7); } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #d8dee9; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #d8dee9; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #d8dee9; } + button.budgie-menu-launcher:backdrop { + color: #d8dee9; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #d8dee9; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: #cd7ebf; + box-shadow: none; + background-color: #2d384a; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(216, 222, 233, 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: #cd7ebf; + 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: #fff; } + .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: #fff; } + .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: #d8dee9; + box-shadow: none; } + button.raven-trigger:hover { + color: #d8dee9; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: #cd7ebf; } + button.raven-trigger:backdrop { + color: #d8dee9; } + button.raven-trigger:backdrop:hover { + color: #d8dee9; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: #cd7ebf; + 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(29, 35, 47, 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(216, 222, 233, 0.04); + border-bottom: 1px solid rgba(29, 35, 47, 0.95); } +.places-menu .unlock-area { + border-top: 1px solid rgba(29, 35, 47, 0.85); + border-bottom: 1px solid rgba(29, 35, 47, 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(29, 35, 47, 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: #d8dee9; + background-color: rgba(13, 16, 21, 0.95); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #FF56AC; } + .budgie-panel:backdrop { + color: #d8dee9; + background-color: rgba(13, 16, 21, 0.95); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel button.flat { + background: transparent; + border: none; } + .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { + background: transparent; + color: #cd7ebf; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #d8dee9; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(13, 16, 21, 0.2); } + .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: #f9fafb; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(216, 222, 233, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #d8dee9; } + +.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(13, 16, 21, 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(13, 16, 21, 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 #cd7ebf; } +.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 #cd7ebf; } +.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 #cd7ebf; } +.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 #cd7ebf; } + +.top .budgie-panel { + border-bottom: 1px solid rgba(19, 23, 31, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(29, 35, 47, 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: #FF56AC; + background: rgba(13, 16, 21, 0.95); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #d8dee9; + border: solid rgba(29, 35, 47, 0.95); + border-width: 1px 0; + background-color: rgba(42, 52, 69, 0.45); } + .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: #c66cb6; + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #fff; + background-color: rgba(255, 61, 159, 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: #fff; + background-color: rgba(255, 86, 172, 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: #fff; + background-color: rgba(255, 112, 185, 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 { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + border-radius: 0; } + .raven .raven-header button:hover { + color: #cd7ebf; + text-shadow: none; + background-color: rgba(46, 57, 76, 0.7); + border-radius: 0; } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: #cd7ebf; + background-color: #232a39; } + .raven .raven-header button:disabled { + color: #818997; } + .raven list { + color: #d8dee9; + background-color: transparent; } + .raven list:selected { + background-color: rgba(205, 126, 191, 0.9); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:hover, + .raven list row.activatable:hover { + background-color: rgba(42, 52, 69, 0.25); } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(205, 126, 191, 0.9); } + .raven .raven-background { + color: #d8dee9; + 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; + min-height: 32px; + margin-bottom: 3px; + background: #A572A4; + color: #fff; + 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 { + background: rgba(165, 114, 164, 0.85); + color: #fff; } + .raven .powerstrip button.image-button:active { + background: #A572A4; + color: #fff; } + .raven .powerstrip button.image-button:first-child { + background: #79B4B7; } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(205, 126, 191, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #cd7ebf; } + .raven .powerstrip button.image-button:last-child { + background: #FF56AC; } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 86, 172, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #FF56AC; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 6px; + color: #d8dee9; + background: transparent; + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: #c76fb8; + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #d8dee9; + 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: #d8dee9; + background-color: transparent; } + +.raven-mpris { + color: #d8dee9; + background-color: rgba(23, 27, 36, 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: #2e394c; + 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: #cd7ebf; } + .raven-mpris button.image-button:active { + background-color: #c66cb6; } + .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: #cd7ebf; + color: #fff; + border: none; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #c66cb6; + 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: #c66cb6; } + +.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: #d8dee9; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(216, 222, 233, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #fff; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #FF56AC; + 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: #ff3d9f; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #d8dee9; + background-color: rgba(42, 51, 68, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #d8dee9; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #d8dee9; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #d8dee9; } + .budgie-switcher-window flowboxchild:selected { + color: #fff; + background-color: rgba(205, 126, 191, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #fff; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: #b971ac; } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(205, 126, 191, 0.7); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(255, 255, 255, 0.7); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #d8dee9; + background-color: rgba(13, 16, 21, 0.95); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(216, 222, 233, 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-color: #1d232f; + border-radius: 0; + color: #d8dee9; + 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; + background: transparent; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(205, 126, 191, 0.9); + color: #fff; } + .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(205, 126, 191, 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(212, 144, 200, 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(212, 144, 200, 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(255, 35, 147, 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(255, 61, 159, 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(255, 61, 159, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #d8dee9; } + .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(216, 222, 233, 0.7); } +.budgie-polkit-dialog .failure { + color: #FF56AC; } + +.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: #d8dee9; } + .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 .subtitle, .titlebar .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(13, 16, 21, 0.95); } + .budgie-menubar menu menuitem:hover { + background-color: #cd7ebf; + color: #fff; } +.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(53, 61, 74, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(53, 61, 74, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(216, 222, 233, 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(13, 16, 21, 0.95); } + .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(32, 40, 53, 0.95); } + .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(3, 4, 5, 0.95); } +.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: #cd7ebf; } + .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { + color: #cd7ebf; } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(40, 50, 66, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(205, 126, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(205, 126, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(205, 126, 191, 0.9); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(46, 57, 76, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(205, 126, 191, 0.9); } +.nautilus-window #NautilusPathBar { + margin-top: 7px; + margin-bottom: 7px; + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; } + .nautilus-window #NautilusPathBar .dim-label, .nautilus-window #NautilusPathBar label.separator, .nautilus-window #NautilusPathBar .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar .subtitle, + .nautilus-window #NautilusPathBar headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar .subtitle { + color: transparent; + margin-right: -5px; } + .nautilus-window #NautilusPathBar button .horizontal > .dim-label, .nautilus-window #NautilusPathBar button .horizontal > label.separator, .nautilus-window #NautilusPathBar button .titlebar .horizontal > .subtitle, .titlebar .nautilus-window #NautilusPathBar button .horizontal > .subtitle, + .nautilus-window #NautilusPathBar button headerbar .horizontal > .subtitle, + headerbar .nautilus-window #NautilusPathBar button .horizontal > .subtitle { + color: #d8dee9; + padding: 3px 12px; + margin: 0; + border-right: 1px solid #1d232f; } + .nautilus-window #NautilusPathBar button:hover .dim-label, .nautilus-window #NautilusPathBar button:hover label.separator, .nautilus-window #NautilusPathBar button:hover .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar button:hover .subtitle, + .nautilus-window #NautilusPathBar button:hover headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:hover .subtitle, .nautilus-window #NautilusPathBar button:focus .dim-label, .nautilus-window #NautilusPathBar button:focus label.separator, .nautilus-window #NautilusPathBar button:focus .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar button:focus .subtitle, + .nautilus-window #NautilusPathBar button:focus headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:focus .subtitle { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; } + .nautilus-window #NautilusPathBar button > .horizontal > image.dim-label, .nautilus-window #NautilusPathBar .titlebar button > .horizontal > image.subtitle, .titlebar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle, + .nautilus-window #NautilusPathBar headerbar button > .horizontal > image.subtitle, + headerbar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle { + padding: 3px 0px 3px 12px; + border-right: none; + margin-right: -6px; } + .nautilus-window #NautilusPathBar button { + background: transparent; + border: none; + margin: 0; + padding: 0; } + .nautilus-window #NautilusPathBar .current-dir label { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; + padding: 1px 12px; } + .nautilus-window #NautilusPathBar .current-dir image { + background-color: #2f384c; + box-shadow: 0px -1.5px inset #f8ab95; } + .nautilus-window #NautilusPathBar button.current-dir:only-child image { + margin-right: -6px; + padding: 0px 0px 0px 12px; + border-radius: 4px 0px 0px 4px; } +.nautilus-window #NautilusQueryEditor { + margin-top: 8px; + margin-bottom: 8px; } + .nautilus-window #NautilusQueryEditor #NautilusQueryEditorTag > button { + margin: 0; } + .nautilus-window #NautilusQueryEditor > menubutton > button { + min-width: 16px; + min-height: 16px; + margin: 0; + -gtk-icon-size: 12px; + padding: 0 4px; } + .nautilus-window #NautilusQueryEditor > menubutton > button image { + color: #fff; } + .nautilus-window #NautilusQueryEditor > text, .nautilus-window #NautilusQueryEditor > image { + margin: 0; } +.nautilus-window notebook > stack:only-child { + background-color: #2e394c; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #303b4f; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.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: #d8dee9; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #d8dee9; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #d8dee9; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #fff; + 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 .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #fff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #fff; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #2a3344; } + +/********* + * Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + transition: none; + box-shadow: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + border-color: #cd7ebf; } + +/******************* + * Calendar events * +********************/ +.color-light.timed label, .color-light .event-popover label { + color: #d8dee9; + opacity: 1; } +.color-light label { + color: #2a3344; + opacity: 1; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #2e394c; + background-color: #2e394c; } + .gala-notification .title, + .gala-notification .label { + color: #d8dee9; } + +.gala-button { + padding: 3px; + color: #2e394c; + 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(46, 57, 76, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #d8dee9; } + +/************* + * 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(205, 126, 191, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #d8dee9; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(205, 126, 191, 0.3); + color: #fff; } + +.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: #d8dee9; } + +/********* + * Panel * + ********/ +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #d8dee9; + 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: #1a202b; } + +.card { + background-color: #2e394c; + 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: #242d3c; + 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: #2a3344; + 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: #d8dee9; } + +/********* +* 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, #3e4b65, #3e4b65); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(0, 0, 0, 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: linear-gradient(to right, #F3D88E, #F3D88E); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid #1d232f; + 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: #2e394c; + -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: #272f3f; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(216, 222, 233, 0.8); + border-radius: 0; + border: none; + background-color: rgba(39, 47, 63, 0); } + #tasklist-button:hover { + color: #f9fafb; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #cd7ebf; } + +.xfce4-panel.panel button.flat:not(.open_group) { + color: #d8dee9; + border-radius: 0; + border: none; + background-color: rgba(39, 47, 63, 0); } + .xfce4-panel.panel button.flat:hover:not(.open_group) { + border: none; + background-color: #3b475f; } + .xfce4-panel.panel button.flat:active:not(.open_group), .xfce4-panel.panel button.flat:checked:not(.open_group) { + color: #fff; + border: none; + background-color: #cd7ebf; } + .xfce4-panel.panel button.flat:active:not(.open_group) label, .xfce4-panel.panel button.flat:active:not(.open_group) image, .xfce4-panel.panel button.flat:checked:not(.open_group) label, .xfce4-panel.panel button.flat:checked:not(.open_group) image { + color: inherit; } + +#whiskermenu-window button { + background-color: transparent; + border: none; + border-radius: 0; + font-weight: normal; + padding: 3px; + margin: 1px 2px; } + #whiskermenu-window button:hover, #whiskermenu-window button:checked { + background-color: #cd7ebf; } + +/* Vala-appmenu-plugin*/ +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: #d8dee9; } + +/******** +* 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: #818997; } + +.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: #1d232f; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #2e394c; } + +@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: #cd7ebf; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #1d232f; } + MsdOsdWindow.background.osd .progressbar { + background-color: #cd7ebf; + border: none; + border-color: #cd7ebf; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(23, 28, 38, 0.93); + 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: #cd7ebf; + color: #fff; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); + color: rgba(255, 255, 255, 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: #fff; + border: 0px solid #bf59ad; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #272f3f; + color: #d8dee9; + font-weight: bold; + box-shadow: inset 0 -1px #191f29; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #d8dee9; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(216, 222, 233, 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: #d8dee9; } + +#content_frame { + padding-bottom: 14px; + background-color: #2a3344; + 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } + #content_frame button:hover { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #2e394c; + text-shadow: none; } + #content_frame button:active, #content_frame button:checked { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + #content_frame button:disabled { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #202835; + 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #d8dee9; + 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(27, 33, 44, 0.7); } +.nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, +.nemo-window .places-treeview iconview.cell:selected { + background: #cd7ebf; + color: #fff; } +.nemo-window .sidebar { + background-color: #212836; } + .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: #d8dee9; + border: 1px solid #1d232f; + 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: #cd7ebf; + color: #fff; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #202835; } + .nemo-window toolbar.primary-toolbar button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + min-height: 24px; + padding: 3px; } + .nemo-window toolbar.primary-toolbar button:hover { + color: #fff; + text-shadow: none; + background-color: rgba(205, 126, 191, 0.7); } + .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(205, 126, 191, 0.6); + text-shadow: none; + box-shadow: none; } + .nemo-window toolbar.primary-toolbar button:backdrop, .nemo-window toolbar.primary-toolbar button:disabled, .nemo-window toolbar.primary-toolbar button:backdrop:disabled { + color: rgba(216, 222, 233, 0.2); + background-color: #272F3F; + text-shadow: none; + box-shadow: none; } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #283242; } + +/* thunar */ +.thunar toolbar { + background-color: #202835; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view { + background: #1d232f; + padding: 1.5px; } + +/* path-bar of thunar */ +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + border-radius: 0; + border-right: 0.5px solid #1d232f; + box-shadow: none; + min-height: 20px; + padding: 3px 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right-style: solid; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:only-child { + border-radius: 4px; + border-style: solid; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:hover { + color: #cd7ebf; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .toggle.path-bar-button:hover { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + +/* thunar sidepane */ +window.thunar paned > scrolledwindow treeview.view:hover, window.thunar paned > scrolledwindow treeview.view:selected { + background: rgba(205, 126, 191, 0.7); + color: #fff; + border-radius: 0; + box-shadow: none; } + +.caja-notebook .entry { + background: #2e394c; + color: #d8dee9; } + .caja-notebook .entry:selected { + background: #cd7ebf; + color: #fff; } + +/*# sourceMappingURL=gtk-dark.css.map */ diff --git a/.themes/Otis/gtk-4.0/gtk.css b/.themes/Otis/gtk-4.0/gtk.css new file mode 100755 index 000000000..9bf657b6e --- /dev/null +++ b/.themes/Otis/gtk-4.0/gtk.css @@ -0,0 +1,6424 @@ +/*$selected_bg_color: #00e8c6;06d6a0*/ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #d8dee9; +/* text color for entries, views and content in general */ +@define-color theme_text_color #d8dee9; +/* widget base background color */ +@define-color theme_bg_color #2a3344; +/* text widgets and the like base background color */ +@define-color theme_base_color #2e394c; +/* base background color of selections */ +@define-color theme_selected_bg_color #cd7ebf; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #fff; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #2c3547; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #818997; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #2e394c; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #818997; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #d8dee9; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #2a3344; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #303b4f; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #cd7ebf; +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #fff; +/* widgets main borders color */ +@define-color borders #1d232f; +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #1e2531; +/* these are pretty self explicative */ +@define-color warning_color #e65b66; +@define-color error_color #ff3d9f; +@define-color success_color #58a1a5; +@define-color fg_color #d8dee9; +@define-color text_color #d8dee9; +@define-color bg_color #2a3344; +@define-color base_color #2e394c; +@define-color selected_bg_color #cd7ebf; +@define-color selected_fg_color #fff; +@define-color unfocused_fg_color #818997; +@define-color unfocused_text_color #d8dee9; +@define-color unfocused_bg_color #2a3344; +@define-color unfocused_base_color #303b4f; +@define-color unfocused_selected_bg_color #cd7ebf; +@define-color unfocused_selected_fg_color #fff; +/* 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(#d8dee9, 1.8); +@define-color wm_unfocused_title #818997; +@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(#2a3344, 1.2); +@define-color wm_bg_b #2a3344; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#2a3344, 1.3); +@define-color wm_button_hover_color_b #2a3344; +@define-color wm_button_active_color_a shade(#2a3344, 0.85); +@define-color wm_button_active_color_b shade(#2a3344, 0.89); +@define-color wm_button_active_color_c shade(#2a3344, 0.9); +@define-color content_view_bg #2e394c; +@define-color text_view_bg #2e394c; +@define-color budgie_tasklist_indicator_color #cd7ebf; +@define-color budgie_tasklist_indicator_color_active #cd7ebf; +@define-color placeholder_text_color #b6bdca; +@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(216, 222, 233, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 0px; + -gtk-secondary-caret-color: #cd7ebf; } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar, actionbar > revealer > box { + background-color: #242d3c; + border: solid #1d232f; + border-width: 1px 0 0 0; + color: #d8dee9; + box-shadow: none; } + .action-bar:backdrop, actionbar > revealer > box:backdrop { + background-color: #171b24; + box-shadow: none; } + .action-bar:first-child, actionbar > revealer > box:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; } + .action-bar:last-child, actionbar > revealer > box: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(33, 40, 54, 0.93); + 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: #d8dee9; + background-color: #2a3344; } + .background:backdrop { + color: #818997; + background-color: #2a3344; + text-shadow: none; + -gtk-icon-shadow: none; } + +/* + 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: #d8dee9; + background-color: #2a3344; } + .gtkstyle-fallback:hover { + color: #d8dee9; + background-color: #3d4b64; } + .gtkstyle-fallback:active { + color: #d8dee9; + background-color: #171b24; } + .gtkstyle-fallback:disabled { + color: #818997; + background-color: #2c3547; } + .gtkstyle-fallback:selected { + color: #fff; + background-color: #cd7ebf; } + +.view, iconview, +textview > text { + color: #d8dee9; + background-color: #2e394c; } + .view:backdrop, iconview:backdrop, + textview > text:backdrop { + color: #b6bdca; + background-color: #303b4f; } + .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected { + border-radius: 3px; } + +textview > text { + background-color: transparent; } + +textview border { + background-color: #2c3648; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +columnview.view > rubberband, +treeview.view > rubberband { + border: 1px solid #bf59ad; + background-color: rgba(191, 89, 173, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #d8dee9; } + label.separator:backdrop { + color: #818997; } + label selection { + background-color: #cd7ebf; + color: #fff; } + label:disabled { + color: #818997; } + label:disabled:backdrop { + color: #475673; } + label:backdrop { + color: #818997; } + +.dim-label, label.separator, .titlebar .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #2e394c; + border-top: 1px solid #1d232f; } + assistant .sidebar:backdrop { + background-color: #303b4f; + border-color: #1e2531; } +assistant.csd .sidebar { + border-top-style: none; } +assistant .sidebar label { + padding: 6px 12px; } +assistant .sidebar label.highlight { + background-color: #4d5565; } + +.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: #d8dee9; + border: none; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + outline-color: rgba(216, 222, 233, 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: #cd7ebf; + color: #fff; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: radial-gradient(farthest-side, #e2b5da 0%, rgba(226, 181, 218, 0) 0%); } + to { + background-image: radial-gradient(farthest-side, #e2b5da 95%, rgba(226, 181, 218, 0)); } } +notebook > header > tabs > arrow, +button { + min-height: 20px; + min-width: 16px; + padding: 2px 6px; + border: 1px solid #1d232f; + border-radius: 4px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #d8dee9; + background-color: #333e53; + text-shadow: none; } + 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; + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + 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: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; + -gtk-icon-filter: brightness(1.2); } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #b6bdca; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #303b4f; + text-shadow: none; + 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(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 255, 255, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + 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(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(216, 222, 233, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.image-button.circular, notebook > header > tabs > arrow.image-button.sidebar-button, + button.image-button.circular, + button.image-button.sidebar-button { + padding: 6px 4px; + border-radius: 50px; + box-shadow: none; } + 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; + border-radius: 4px; } + 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: #a3be8c; + border-color: #a3be8c; + box-shadow: inset 0 0 0 1px #a3be8c; } +row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #fff; + border-color: transparent; } + row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #818997; } +button.osd { + min-width: 24px; + min-height: 20px; + color: #d8dee9; + border-radius: 5px; + outline-color: rgba(216, 222, 233, 0.3); + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd.image-button { + min-width: 32px; } + button.osd:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd:active, + button.osd:checked { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); + border: none; + box-shadow: none; } + button.osd:disabled:backdrop, + button.osd:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + button.osd:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); + 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd button:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 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: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 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: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(33, 40, 54, 0.93), rgba(33, 40, 54, 0.93)); + 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 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: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } +button.suggested-action { + border: none; + box-shadow: none; + color: white; + border-radius: 4px; + background: #79B4B7; } + .selection-mode windowcontrols button, button.suggested-action.flat { + box-shadow: none; + color: white; + border-radius: 4px; + background: #79B4B7; } + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + button.suggested-action:active, button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .selection-mode windowcontrols button:backdrop, button.suggested-action:backdrop, button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .selection-mode windowcontrols button:backdrop label, button.suggested-action:backdrop label, button.suggested-action.flat:backdrop label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + .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(255, 255, 255, 0.7); } + .selection-mode windowcontrols button:backdrop:disabled, button.suggested-action:backdrop:disabled, button.suggested-action.flat:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .selection-mode windowcontrols button:backdrop:disabled label, button.suggested-action:backdrop:disabled label, button.suggested-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + .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(121, 180, 183, 0.8); } + button.suggested-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + button.suggested-action:disabled:active, button.suggested-action:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; } + button.suggested-action:disabled:active label, button.suggested-action:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + .osd button.suggested-action { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(121, 180, 183, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.suggested-action:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(121, 180, 183, 0.7), rgba(121, 180, 183, 0.7)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, #79B4B7, #79B4B7); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.suggested-action:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(121, 180, 183, 0.5), rgba(121, 180, 183, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +button.destructive-action { + border: none; + box-shadow: none; + color: white; + border-radius: 4px; + background: #FF56AC; } + button.destructive-action.flat { + box-shadow: none; + color: white; + border-radius: 4px; + background: #79B4B7; } + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:active, button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + button.destructive-action:backdrop, button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:backdrop label, button.destructive-action.flat:backdrop label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 255, 255, 0.7); } + button.destructive-action:backdrop:disabled, button.destructive-action.flat:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:backdrop:disabled label, button.destructive-action.flat:backdrop:disabled label { + color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + 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(255, 35, 147, 0.8); } + button.destructive-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:disabled:active, button.destructive-action:disabled:checked { + color: rgba(255, 255, 255, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; } + button.destructive-action:disabled:active label, button.destructive-action:disabled:checked label { + color: rgba(255, 255, 255, 0.7); } + .osd button.destructive-action { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(255, 35, 147, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.destructive-action:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(255, 35, 147, 0.7), rgba(255, 35, 147, 0.7)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 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: #1d232f; + background-image: linear-gradient(to bottom, #ff2393, #ff2393); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd button.destructive-action:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(255, 35, 147, 0.5), rgba(255, 35, 147, 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: 4px; + 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: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #cd7ebf; + text-shadow: none; } + +.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, #e2b5da 96%, rgba(226, 181, 218, 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } +toolbar button:active { + font-weight: normal; + color: #d8dee9; + background-color: #333e53; + text-shadow: none; } + +.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: #fff; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #f2f2f2; } + .inline-toolbar toolbutton > button:disabled { + color: #b6bdca; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(242, 242, 242, 0.3); } + .inline-toolbar toolbutton > button:backdrop { + color: #b6bdca; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: #f2f2f2; } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #b6bdca; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(242, 242, 242, 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), spinbutton.vertical.linked:not(.vertical) > text, .linked:not(.vertical) > +entry, .linked > combobox > box > button.combo:dir(ltr), .linked > combobox > box > button.combo:dir(rtl) { + border: 1px solid #1d232f; + border-radius: 0; + border-right-style: none; + box-shadow: none; } + .inline-toolbar button:disabled, .linked > button:disabled, .linked:not(.vertical) > spinbutton:disabled:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:disabled, .linked:not(.vertical) > + entry:disabled, .linked > combobox > box > button.combo:disabled:dir(ltr), .linked > combobox > box > button.combo:disabled:dir(rtl) { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; + color: #818997; } + +.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), spinbutton.vertical.linked:not(.vertical) > text:first-child, .linked:not(.vertical) > +entry:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } +.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), spinbutton.vertical.linked:not(.vertical) > text:last-child, .linked:not(.vertical) > +entry:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + 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), spinbutton.vertical.linked:not(.vertical) > text:only-child, .linked:not(.vertical) > +entry:only-child { + border-radius: 4px; + 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), spinbutton.vertical.linked > text, .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), spinbutton.vertical.linked > text:first-child, .linked.vertical > +entry:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), spinbutton.vertical.linked > text:last-child, .linked.vertical > +entry:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-style: solid; } +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), spinbutton.vertical.linked > text:only-child, .linked.vertical > +entry:only-child { + border-radius: 4px; + 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: 4px; + outline-offset: -2px; } + modelbutton.flat:hover, + .menuitem.button.flat:hover { + background-color: #343f54; } + 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: none; } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: none; } +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #d8dee9; + border: 1px solid #1d232f; } + 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(216, 222, 233, 0.45); } + calendar.button:hover { + color: #d8dee9; } + calendar.button:backdrop { + color: rgba(129, 137, 151, 0.45); } + calendar.button:disabled { + color: rgba(129, 137, 151, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #d8dee9; } + calendar:backdrop { + color: #b6bdca; + border-color: #1e2531; } + +/************************* + * 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; + background: 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; + background: 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; + background: 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; + background: 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; + background: 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; + background: 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: #fff; } + colorswatch.dark overlay:hover { + border-color: #1d232f; } + colorswatch.dark overlay:backdrop { + color: rgba(255, 255, 255, 0.5); } +colorswatch.light overlay { + color: #d8dee9; } + colorswatch.light overlay:hover { + border-color: #1d232f; } + colorswatch.light overlay:backdrop { + color: #b6bdca; } +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #a3be8c; + box-shadow: inset 0 0 0 2px #1d232f, inset 0 0 0 1px #a3be8c; } + colorswatch:drop(active).dark overlay { + border-color: #a3be8c; + box-shadow: inset 0 0 0 2px #1d232f, inset 0 0 0 1px #a3be8c; } +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid #1d232f; } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: #1d232f; + 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } + colorswatch#add-color-button overlay:hover { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #2e394c; + text-shadow: none; } + colorswatch#add-color-button overlay:backdrop { + color: #b6bdca; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #303b4f; + text-shadow: none; } +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 #fff; } +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(42, 51, 68, 0.95); } +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(42, 51, 68, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } +messagedialog.csd.background { + background-color: rgba(42, 51, 68, 0.95); + color: #d8dee9; + 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: #d8dee9; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(205, 126, 191, 0.9); + color: white; } + 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; } + messagedialog.csd .dialog-action-area button.destructive-action, messagedialog.csd .dialog-action-area button.suggested-action { + color: white; } + +.messagedialog .message-area { + padding: 26px; } + +filechooser .dialog-action-box { + border-top: 1px solid #1d232f; } + filechooser .dialog-action-box:backdrop { + border-top-color: #1e2531; } +filechooser #pathbarbox { + border-bottom: 1px solid #2a3344; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), spinbutton.vertical > text, entry { + min-height: 28px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 4px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #d8dee9; + border-color: #1d232f; + background-color: #333e53; } + spinbutton:not(.vertical) image.left, spinbutton.vertical > text image.left, + entry image.left { + padding-left: 0; + padding-right: 6px; } + spinbutton:not(.vertical) image.right, spinbutton.vertical > text image.right, + entry image.right { + padding-left: 6px; + padding-right: 0; } + spinbutton:not(.vertical) undershoot.left, spinbutton.vertical > text 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, spinbutton.vertical > text 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.vertical > text.flat:focus-within, spinbutton.flat:not(.vertical), spinbutton.vertical > text.flat, + 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), spinbutton.vertical > text:focus-within, + entry:focus-within { + border-color: #bf59ad; + box-shadow: 0px 0px 1px 1px #cd7ebf inset; } + spinbutton:disabled:not(.vertical), spinbutton.vertical > text:disabled, + entry:disabled { + color: #818997; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), spinbutton.vertical > text:backdrop, + entry:backdrop { + color: #b6bdca; + border-color: #1e2531; + background-color: #303b4f; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), spinbutton.vertical > text:backdrop:disabled, + entry:backdrop:disabled { + color: #475673; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + box-shadow: none; } + spinbutton.error:not(.vertical), spinbutton.vertical > text.error, + entry.error { + color: #d8dee9; + border-color: #1d232f; + background-color: #333e53; + color: #ff3d9f; + border-color: #890046; } + spinbutton.error:focus-within:not(.vertical), spinbutton.vertical > text.error:focus-within, + entry.error:focus-within { + border-color: #890046; + box-shadow: 0px 0px 1px 1px #cd7ebf inset; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.vertical > text.error:selected:focus, spinbutton.error:selected:not(.vertical), spinbutton.vertical > text.error:selected, + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3d9f; } + spinbutton.warning:not(.vertical), spinbutton.vertical > text.warning, + entry.warning { + color: #d8dee9; + border-color: #1d232f; + background-color: #333e53; + color: #e65b66; + border-color: #7c131b; } + spinbutton.warning:focus-within:not(.vertical), spinbutton.vertical > text.warning:focus-within, + entry.warning:focus-within { + border-color: #7c131b; + box-shadow: 0px 0px 1px 1px #cd7ebf inset; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.vertical > text.warning:selected:focus, spinbutton.warning:selected:not(.vertical), spinbutton.vertical > text.warning:selected, + entry.warning:selected:focus, + entry.warning:selected { + background-color: #e65b66; } + spinbutton:not(.vertical) image, spinbutton.vertical > text image, + entry image { + color: #b6bdca; } + spinbutton:not(.vertical) image:hover, spinbutton.vertical > text image:hover, + entry image:hover { + color: #d8dee9; } + spinbutton:not(.vertical) image:active, spinbutton.vertical > text image:active, + entry image:active { + color: #cd7ebf; } + spinbutton:not(.vertical) image:backdrop, spinbutton.vertical > text image:backdrop, + entry image:backdrop { + color: #717989; } + spinbutton:drop(active):focus-within:not(.vertical), spinbutton.vertical > text:drop(active):focus-within, spinbutton:drop(active):not(.vertical), spinbutton.vertical > text:drop(active), + entry:drop(active):focus-within, + entry:drop(active) { + border-color: #a3be8c; + box-shadow: inset 0 0 0 1px #a3be8c; } + .osd spinbutton:not(.vertical), .osd spinbutton.vertical > text, + .osd entry { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(29, 35, 47, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus-within:not(.vertical), .osd spinbutton.vertical > text:focus-within, + .osd entry:focus-within { + color: #d8dee9; + border-color: #cd7ebf; + background-color: rgba(29, 35, 47, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd spinbutton.vertical > text:backdrop, + .osd entry:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(29, 35, 47, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd spinbutton.vertical > text:disabled, + .osd entry:disabled { + color: #7d8390; + border-color: #1d232f; + background-color: rgba(51, 58, 72, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } +spinbutton:not(.vertical) progress, spinbutton.vertical > text progress, +entry progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: #cd7ebf; + border-style: solid; + box-shadow: none; } + spinbutton:not(.vertical) progress:backdrop, spinbutton.vertical > text progress:backdrop, + entry progress:backdrop { + background-color: transparent; } +.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + appchooserbutton > combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > +entry:drop(active) + button, .linked:not(.vertical) > +entry:drop(active) + menubutton > button, .linked:not(.vertical) > +entry:drop(active) + dropdown > button, .linked:not(.vertical) > +entry:drop(active) + colorbutton > button, .linked:not(.vertical) > +entry:drop(active) + fontbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > +entry:drop(active) + filechooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + appchooserbutton > combobox > box > button.combo, .linked:not(.vertical) > +entry:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + +entry, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + +entry, .linked:not(.vertical) > +entry:drop(active) + +entry { + border-left-color: #a3be8c; } +.linked:not(.vertical) > spinbutton:focus-within:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:focus-within, .linked:not(.vertical) > +entry:focus-within { + border-color: #bf59ad; + box-shadow: 0px 0px 1px 1px #cd7ebf inset; + border-right-style: solid; } + .linked:not(.vertical) > spinbutton:focus-within:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text:focus-within + .popup button, .linked:not(.vertical) > + entry:focus-within + .popup button { + border-left-color: #cd7ebf; } +.linked:not(.vertical) > spinbutton:not(.vertical) + .popup button, spinbutton.vertical.linked:not(.vertical) > text + .popup button, .linked:not(.vertical) > +entry + .popup button { + border-radius: 0px 4px 4px 0px; } +.linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), .linked.vertical > +entry:not(:disabled) + entry:not(:disabled), .linked.vertical > +entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled) { + border-top-color: #293243; + background-image: linear-gradient(to bottom, #2e394c, #2e394c); } + .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled):backdrop, spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + entry:not(:disabled):backdrop, .linked.vertical > + entry:not(:disabled) + spinbutton:not(:disabled):backdrop:not(.vertical), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled):backdrop { + border-top-color: #2b3446; + background-image: linear-gradient(to bottom, #303b4f, #303b4f); } +.linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + text:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > +entry:disabled + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > +entry:disabled + entry:disabled { + border-top-color: #293243; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:focus:not(:only-child), spinbutton.vertical.linked > text + text:focus:not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:focus:not(:only-child), +spinbutton.vertical.linked > text + entry:focus:not(:only-child), .linked.vertical > +entry + spinbutton:focus:not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:focus:not(:only-child), +.linked.vertical > +entry + entry:focus:not(:only-child) { + border-top-color: #bf59ad; } +.linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + text:drop(active):not(:only-child), +.linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), +spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > +entry + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), +.linked.vertical > +entry + entry:drop(active):not(:only-child) { + border-top-color: #a3be8c; } +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:focus:not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:focus:not(:only-child) + text, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:focus:not(:only-child) + entry, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:focus:not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:focus:not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:focus:not(:only-child) + text, +.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: #bf59ad; } +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, +.linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, +spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > +entry:drop(active):not(:only-child) + spinbutton:not(.vertical), spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, +.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: #a3be8c; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { + background-color: #2e394c; + transition-property: color, background; } +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #2e394c; } + treeview entry.flat:focus-within, treeview entry:focus-within { + border-color: #cd7ebf; } + +/************* + * 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: white; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: #2a3344; + border-width: 1px; + border-style: solid solid none; + border-color: #1d232f; + border-radius: 3px 3px 0 0; + box-shadow: none; } + .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: #2a3344; + border-color: #1e2531; } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #1d232f; } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: #1e2531; } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid #1d232f; } + actionbar > revealer > box:backdrop { + border-color: #1e2531; } + +scrolledwindow viewport.frame { + border-style: none; } +scrolledwindow overshoot.top { + background-image: radial-gradient(farthest-side at top, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at top, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.top:backdrop { + background-image: radial-gradient(farthest-side at top, #1e2531 85%, rgba(30, 37, 49, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: top; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.bottom { + background-image: radial-gradient(farthest-side at bottom, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at bottom, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 0)); + background-size: 100% 3%, 100% 50%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.bottom:backdrop { + background-image: radial-gradient(farthest-side at bottom, #1e2531 85%, rgba(30, 37, 49, 0)); + background-size: 100% 3%; + background-repeat: no-repeat; + background-position: bottom; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.left { + background-image: radial-gradient(farthest-side at left, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at left, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.left:backdrop { + background-image: radial-gradient(farthest-side at left, #1e2531 85%, rgba(30, 37, 49, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: left; + background-color: transparent; + border: none; + box-shadow: none; } +scrolledwindow overshoot.right { + background-image: radial-gradient(farthest-side at right, #313b4f 85%, rgba(49, 59, 79, 0)), radial-gradient(farthest-side at right, rgba(216, 222, 233, 0.15), rgba(216, 222, 233, 0)); + background-size: 3% 100%, 50% 100%; + background-repeat: no-repeat; + background-position: right; + background-color: transparent; + border: none; + box-shadow: none; } + scrolledwindow overshoot.right:backdrop { + background-image: radial-gradient(farthest-side at right, #1e2531 85%, rgba(30, 37, 49, 0)); + background-size: 3% 100%; + background-repeat: no-repeat; + background-position: right; + 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, #1d232f 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #2c3648; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, #1e2531 1px, transparent 1px); + background-color: #242c3b; + transition: 200ms ease-out; } + +separator { + background: rgba(0, 0, 0, 0.1); } + +/************ + * Popovers * + ************/ +GraniteWidgetsPopOver { + border: 1px solid #2e394c; + background: #2e394c; + color: #d8dee9; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: #cd7ebf; } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #2e394c; + background-image: none; + border: 1px solid #2e394c; + color: #d8dee9; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #2e394c; } + GraniteWidgetsWelcome GtkLabel { + color: #d8dee9; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(216, 222, 233, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + background-color: #2a3344; + border: solid #1d232f; + color: #d8dee9; + 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: #2a3344; + 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: #202734; } + .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(216, 222, 233, 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: #F3D88E; + 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: #2e394c; } + .storage-bar .fill-block.app { + background-color: #5e81ac; } + .storage-bar .fill-block.audio { + background-color: #ED878F; } + .storage-bar .fill-block.photo { + background-color: #FF56AC; } + .storage-bar .fill-block.video { + background-color: #A572A4; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), .titlebar, headerbar { + padding: 0 13px; + min-height: 34px; + background: #202835; + color: #d8dee9; + border-radius: 0; } + .titlebar:backdrop, + headerbar:backdrop { + border-color: #1e2531; + transition: 200ms ease-out; } + .titlebar .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar entry, + headerbar entry { + min-height: 24px; } + .titlebar button, + headerbar button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + min-height: 20px; + margin-top: 5px; + margin-bottom: 5px; + box-shadow: none; } + .titlebar button.image-button, + headerbar button.image-button { + padding: 3px 4px; } + .titlebar button.appmenu, + headerbar button.appmenu { + background: transparent; } + .titlebar button.appmenu:backdrop, + headerbar button.appmenu:backdrop { + background: transparent; } + .titlebar button:hover, + headerbar button:hover { + color: #fff; + text-shadow: none; + background-color: rgba(205, 126, 191, 0.7); } + .titlebar button:active, .titlebar button:checked, + headerbar button:active, + headerbar button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button:backdrop, .titlebar button:disabled, .titlebar button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(216, 222, 233, 0.2); + background-color: #272F3F; + text-shadow: none; + box-shadow: none; } + .titlebar button:backdrop:hover, .titlebar button:backdrop:active, .titlebar button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + color: #cd7ebf; + background-color: rgba(205, 126, 191, 0.6); + text-shadow: none; + box-shadow: none; } + .titlebar button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 14px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; + box-shadow: none; + color: white; + border-radius: 4px; + background: #79B4B7; + box-shadow: none; } + .titlebar button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #65a9ac; + text-shadow: none; } + .titlebar button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .titlebar button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar button.suggested-action:backdrop, + headerbar button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #79B4B7; + text-shadow: none; + border-radius: 4px; } + .titlebar button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #79B4B7; + text-shadow: none; } + .titlebar button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 14px; + margin-top: 5px; + margin-bottom: 5px; + border-radius: 4px; + box-shadow: none; + color: white; + border-radius: 4px; + background: #79B4B7; + box-shadow: none; } + .titlebar button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff0484; + text-shadow: none; } + .titlebar button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .titlebar button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + .titlebar button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar button.destructive-action:backdrop, + headerbar button.destructive-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2393; + text-shadow: none; + border-radius: 4px; } + .titlebar button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + border-color: rgba(29, 35, 47, 0.3); + background-color: #ff2393; + text-shadow: none; } + .titlebar button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; + border: none; + background-color: transparent; + background-repeat: no-repeat; } + .titlebar button.titlebutton:hover, .titlebar button.titlebutton:active, .titlebar button.titlebutton:checked, .titlebar button.titlebutton:backdrop, .titlebar button.titlebutton:backdrop:hover, .titlebar 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 .linked > button, .titlebar .path-bar-box button, + .titlebar headerbar .linked > button, + headerbar .path-bar-box .titlebar button, .titlebar .linked > button:hover, + .titlebar .linked > button:backdrop, + .titlebar headerbar .linked > button, + headerbar .path-bar-box .titlebar button, + headerbar .titlebar .linked > button, + headerbar .linked > button, + headerbar .titlebar .path-bar-box button, + .titlebar .path-bar-box headerbar button, + headerbar .path-bar-box button, + headerbar .titlebar .linked > button:hover, + .titlebar headerbar .linked > button:hover, + headerbar .titlebar .linked > button:backdrop, + .titlebar headerbar .linked > button:backdrop, + headerbar .linked > button:hover, + headerbar .linked > button:backdrop { + border-radius: 0; + border-right-style: none; + box-shadow: none; + margin: 5px 0px; + min-height: 20px; } + .titlebar .linked > button:first-child, .titlebar .path-bar-box button:first-child, + .titlebar headerbar .linked > button:first-child, + headerbar .path-bar-box .titlebar button:first-child, + headerbar .titlebar .linked > button:first-child, + headerbar .linked > button:first-child, + .titlebar .path-bar-box headerbar button:first-child, + headerbar .path-bar-box button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } + .titlebar .linked > button:last-child, .titlebar .path-bar-box button:last-child, + .titlebar headerbar .linked > button:last-child, + headerbar .path-bar-box .titlebar button:last-child, + headerbar .titlebar .linked > button:last-child, + headerbar .linked > button:last-child, + .titlebar .path-bar-box headerbar button:last-child, + headerbar .path-bar-box button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right-style: solid; } + .titlebar .linked > button:only-child, .titlebar .path-bar-box button:only-child, + .titlebar headerbar .linked > button:only-child, + headerbar .path-bar-box .titlebar button:only-child, + headerbar .titlebar .linked > button:only-child, + headerbar .linked > button:only-child, + .titlebar .path-bar-box headerbar button:only-child, + headerbar .path-bar-box button:only-child { + border-radius: 4px; + border-style: solid; } + .titlebar .linked > button:active:backdrop, + .titlebar headerbar .linked > button:active:backdrop, .titlebar .path-bar-box button:active:backdrop, + headerbar .path-bar-box .titlebar button:active:backdrop, .titlebar .linked > button:active:backdrop label, .titlebar .path-bar-box button:active:backdrop label, + headerbar .path-bar-box .titlebar button:active:backdrop label, .titlebar .linked > button:checked:backdrop, + .titlebar headerbar .linked > button:checked:backdrop, .titlebar .path-bar-box button:checked:backdrop, + headerbar .path-bar-box .titlebar button:checked:backdrop, .titlebar .linked > button:checked:backdrop label, .titlebar .path-bar-box button:checked:backdrop label, + headerbar .path-bar-box .titlebar button:checked:backdrop label, + headerbar .titlebar .linked > button:active:backdrop, + headerbar .linked > button:active:backdrop, + .titlebar .path-bar-box headerbar button:active:backdrop, + headerbar .path-bar-box button:active:backdrop, + headerbar .linked > button:active:backdrop label, + .titlebar .path-bar-box headerbar button:active:backdrop label, + headerbar .path-bar-box button:active:backdrop label, + headerbar .titlebar .linked > button:checked:backdrop, + headerbar .linked > button:checked:backdrop, + .titlebar .path-bar-box headerbar button:checked:backdrop, + headerbar .path-bar-box button:checked:backdrop, + headerbar .linked > button:checked:backdrop label, + .titlebar .path-bar-box headerbar button:checked:backdrop label, + headerbar .path-bar-box button:checked:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .titlebar .path-bar-box .dim-label, .titlebar .path-bar-box label.separator, .titlebar .path-bar-box .subtitle, + headerbar .path-bar-box .dim-label, + headerbar .path-bar-box label.separator, + headerbar .path-bar-box .subtitle { + color: transparent; + margin-right: -6px; } + .titlebar .path-bar-box button:last-child, + headerbar .path-bar-box button:last-child { + margin-left: -1px; + border-radius: 0px; } + .titlebar .path-bar-box button:last-child:active, .titlebar .path-bar-box button:last-child:checked, + headerbar .path-bar-box button:last-child:active, + headerbar .path-bar-box button:last-child:checked { + border-radius: 0px 4px 4px 0px; } + .titlebar .path-bar-box button:first-child, + headerbar .path-bar-box button:first-child { + border-radius: 4px 0px 0px 4px; } + .titlebar .path-bar-box button:first-child:active, .titlebar .path-bar-box button:first-child:checked, + headerbar .path-bar-box button:first-child:active, + headerbar .path-bar-box button:first-child:checked { + border-radius: 4px; } + .titlebar .path-bar-box widget > .text-button:last-child, + headerbar .path-bar-box widget > .text-button:last-child { + border-radius: 0px 4px 4px 0px; + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; } + .titlebar .path-bar-box widget > .text-button:last-child:backdrop, .titlebar .path-bar-box widget > .text-button:last-child:backdrop label, + headerbar .path-bar-box widget > .text-button:last-child:backdrop, + headerbar .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(255, 255, 255, 0.5); } + .titlebar .path-bar-box widget > .text-button:last-child:only-child, + headerbar .path-bar-box widget > .text-button:last-child:only-child { + border-radius: 4px; } + .selection-mode.titlebar button:backdrop.flat:active, .selection-mode.titlebar button:backdrop.flat:checked, .selection-mode.titlebar button:backdrop:active, .selection-mode.titlebar 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 { + border-color: #bf59ad; } + .selection-mode.titlebar button:backdrop.flat:active label, .selection-mode.titlebar button:backdrop.flat:checked label, .selection-mode.titlebar button:backdrop:active label, .selection-mode.titlebar 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(205, 126, 191, 0.6); } + .tiled .titlebar, .maximized .titlebar, + .tiled headerbar.titlebar, .maximized headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop, .tiled .titlebar, .maximized .titlebar:backdrop, .maximized .titlebar, + .tiled headerbar:backdrop, + .tiled headerbar, .maximized headerbar:backdrop, .maximized headerbar { + border-radius: 0; } + .default-decoration.titlebar, headerbar.default-decoration { + padding: 5px 4px; + min-height: 20px; } + .default-decoration.titlebar button.titlebutton, headerbar.default-decoration button.titlebutton { + min-height: 20px; + min-width: 20px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator:not(.sidebar), +headerbar button, +headerbar menubutton { + margin-top: 3px; + margin-bottom: 3px; } +headerbar menubutton > button, +headerbar spinbutton > button, +headerbar splitbutton > button, +headerbar splitbutton > menubutton, +headerbar entry > menubutton { + margin-top: 0px; + margin-bottom: 0px; } +headerbar switch { + margin-top: 0; + margin-bottom: 0; } +headerbar separator { + background: transparent; } + +.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); } + +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 { + background: #202835; } + +.sidebar-pane .top-bar, .sidebar-pane .top-bar headerbar, .content-pane .top-bar, .content-pane .top-bar headerbar { + background-color: #202835; } + +.nautilus-window .sidebar-pane .top-bar headerbar { + padding-top: 3px; + padding-bottom: 3px; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #d8dee9; + background-color: #2a3344; + border-bottom: 1px solid #171b24; + 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: #fff; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #fff; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(255, 255, 255, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(46, 57, 76, 0.98); + color: #d8dee9; + 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: #d8dee9; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #2e394c; + color: #d8dee9; + 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(46, 57, 76, 0.8); + color: rgba(216, 222, 233, 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(46, 57, 76, 0.6); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(46, 57, 76, 0.5); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(46, 57, 76, 0.8); + color: rgba(216, 222, 233, 0.5); + box-shadow: none; } + +.info, .info:backdrop { + color: #8CA1A5; + background-color: transparent; } + +.warning, .warning:backdrop { + color: #e65b66; + background-color: transparent; } + +.question, .question:backdrop { + color: #79B4B7; + background-color: transparent; } + +.error, .error:backdrop { + color: #ff3d9f; + background-color: transparent; } + +levelbar.horizontal trough > block { + min-height: 5px; + border-radius: 5px; } + levelbar.horizontal trough > block:dir(rtl) { + border-radius: 0 5px 5px 0; } + levelbar.horizontal trough > block:dir(ltr) { + border-radius: 5px 0 0 5px; } + levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { + border-radius: 5px; } +levelbar.horizontal.discrete trough > block { + min-height: 2px; + margin: 1px; + min-width: 24px; + border-radius: 0; } + levelbar.horizontal.discrete trough > block:first-child { + border-radius: 2px 0 0 2px; } + levelbar.horizontal.discrete trough > block:last-child { + border-radius: 0 2px 2px 0; } +levelbar.vertical trough > block { + min-width: 5px; + border-radius: 5px; } +levelbar.vertical.discrete > trough > block { + min-width: 2px; + margin: 1px 0; + min-height: 32px; } +levelbar > trough { + padding: 0; } +levelbar > trough > block { + border: 1px solid; } + levelbar > trough > block.low { + border-color: #e65b66; + background-color: #e65b66; } + levelbar > trough > block.high, levelbar > trough > block:not(.empty) { + border-color: #8CA1A5; + background-color: #8CA1A5; } + levelbar > trough > block.full { + border-color: #58a1a5; + background-color: #58a1a5; } + levelbar > trough > block.empty { + background-color: #3b4a62; + border-color: #3b4a62; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #5e81ac; } + *:link:visited, + button:visited { + color: rgba(94, 129, 172, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: #ebcbe5; } + *:link:hover, button:hover:link, + button:hover:visited { + color: #809bbd; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: #faf2f9; } + *:link:active, button:active:link, + button:active:visited { + color: #5e81ac; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: #f5e5f2; } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: #cd7ebf; } + *:link:selected, button:selected:link, + button:selected:visited, *:selected *:link, *:selected button:link, + *:selected button:visited { + color: #f5e5f2; } + +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: #d8dee9; + background-color: #2e394c; + border-color: #1d232f; } + list:backdrop, listview:backdrop { + background-color: #303b4f; + border-color: #1e2531; } + list.horizontal row.separator, list.separators.horizontal > row:not(.separator), listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator) { + border-left: 1px solid #1d232f; } + 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 #1d232f; } + +row:hover { + transition: none; } +row:backdrop { + transition: 200ms ease-out; } +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(216, 222, 233, 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(205, 126, 191, 0.5); } +row.activatable:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + +columnview > listview > row { + padding: 0; } + columnview > listview > row > cell { + padding: 2px 6px; } + columnview > listview > row > cell:not(:first-child) { + border-left: 1px solid transparent; } +columnview.column-separators > listview > row > cell { + border-left-color: #1d232f; } +columnview.data-table > listview > row > cell { + padding-top: 2px; + padding-bottom: 2px; } + +treeexpander { + border-spacing: 4px; } + +/******************************************************** + * Data Tables * + * treeview like tables with individual focusable cells * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * + ********************************************************/ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { + outline: 2px solid #1d232f; } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { + outline: 2px solid #cd7ebf; } + +columnview row:not(:selected) cell editablelabel.editing text selection { + background-color: rgba(205, 126, 191, 0.6); + color: transparent; } + columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { + background-color: #cd7ebf; + color: #d8dee9; } + +/******************************************************* + * Rich Lists * + * Large list usually containing lots of widgets * + * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * + *******************************************************/ +.rich-list { + /* rich lists usually containing other widgets than just labels/text */ } + .rich-list > row { + padding: 8px 12px; + min-height: 32px; + /* should be tall even when only containing a label */ } + .rich-list > row > box { + border-spacing: 12px; } + +/******************************************************** + * Complex Lists * + * Put padding on the cell content so event controllers * + * can cover the whole area. * + ********************************************************/ +columnview.complex > listview > row > cell { + padding: 0; } + columnview.complex > listview > row > cell > * { + padding: 8px 6px; } +columnview.complex.data-table > listview > row > cell { + padding: 0; } + columnview.complex.data-table > listview > row > cell > * { + padding-top: 2px; + padding-bottom: 2px; } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #202835; + color: #d8dee9; + 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 #cd7ebf; } + menubar > item:disabled, + .menubar > item:disabled { + color: #818997; + box-shadow: none; } + +menu, .menu, .context-menu { + margin: 4px; + padding: 2px 0px; + background: #272F3F; + border-radius: 5px; + font: initial; } + .csd menu, + .csd .menu, + .csd .context-menu { + border: none; } + menu:backdrop, .menu:backdrop, .context-menu:backdrop { + background-color: #2f394d; } + menu menuitem, .menu menuitem, .context-menu menuitem { + min-height: 17px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { + color: #fff; + background-color: #cd7ebf; } + menu menuitem:disabled, .menu menuitem:disabled, .context-menu menuitem:disabled { + color: #818997; } + menu menuitem:disabled:backdrop, .menu menuitem:disabled:backdrop, .context-menu menuitem:disabled:backdrop { + color: #475673; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, .menu menuitem:backdrop, .menu menuitem:backdrop:hover, .context-menu menuitem:backdrop, .context-menu menuitem:backdrop:hover { + color: #818997; + 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: #2d384a; + border-radius: 0; } + menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #3f4a5c; + -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 #3f4a5c; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { + background-color: #3f4a5c; } + menu > arrow:backdrop, .menu > arrow:backdrop, .context-menu > arrow:backdrop { + background-color: #2f394d; } + 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-color: transparent; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #1c222e; } + .content-view:hover { + -gtk-icon-filter: brightness(1.2); } + .content-view:backdrop { + background-color: #1c222e; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } +.scale-popup button:hover { + background-color: rgba(216, 222, 233, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #2e394c; + border-top: 1px solid #1d232f; + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #303b4f; + border-color: #1e2531; } + 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: #4d5565; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: #1d232f; + border-width: 1px; + background-color: #242d3c; } + notebook > header:backdrop { + border-color: #1e2531; + background-color: #2a3344; } + notebook > header tabs { + margin: 0px; } + 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: #2e394c; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #2e394c; } + 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: #2e394c; + box-shadow: -1px 0 0 #1d232f, 0px 1px 0 #1d232f, 1px 0 0 #1d232f; } + 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: #2e394c; + box-shadow: 0px 1px 0 #1d232f, 0px -1px 0 #1d232f, 0px 1px 0 #1d232f; } + 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: #2e394c; + box-shadow: 0px 1px 0 #1d232f, 0px -1px 0 #1d232f, 1px 0 0 #1d232f; } + 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: 14px; + min-width: 14px; + 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: 24px; + min-width: 24px; + padding: 1px 12px; + outline-offset: -5px; + color: #818997; + font-weight: normal; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #adb4c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(29, 35, 47, 0.3); + background-color: rgba(42, 51, 68, 0.2); } + notebook > header tab:backdrop { + color: #5e6776; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #d8dee9; + box-shadow: -1px 0 0 #1d232f, 0px -1px 0 #1d232f, 1px 0 0 #1d232f; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(29, 35, 47, 0.5); + background-color: rgba(42, 51, 68, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(42, 51, 68, 0.7); } + notebook > header tab:backdrop:checked { + color: #818997; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: #1e2531; + background-color: #303b4f; } + 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: #FF56AC; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + background: transparent; + border: none; + 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: 0px; + padding-right: 0px; } + 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: 1px; } + notebook > header.bottom tab { + padding-top: 1px; } +notebook > stack:not(:only-child) { + background-color: #2e394c; } + notebook > stack:not(:only-child):backdrop { + background-color: #303b4f; } + +tabbar:backdrop .box > scrolledwindow, +tabbar:backdrop .box > .start-action, +tabbar:backdrop .box > .end-action { + filter: opacity(1); } +tabbar tabbox { + background-color: #242d3c; + padding: 0px; + color: #d8dee9; } + tabbar tabbox > tab button.flat, + tabbar tabbox > tabboxchild > tab button.flat { + padding: 0; + margin: 4px; + min-width: 20px; + min-height: 20px; + border-radius: 10px; } + tabbar tabbox > tab button.flat:hover, + tabbar tabbox > tabboxchild > tab button.flat:hover { + background-color: #FF56AC; } + tabbar tabbox > tab:checked, tabbar tabbox > tab:selected, + tabbar tabbox > tabboxchild > tab:checked, + tabbar tabbox > tabboxchild > tab:selected { + background-color: #2e394c; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(#1d232f); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(#cd7ebf); } + paned > separator:backdrop { + background-image: image(#1e2531); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #2a3344; + background-image: image(#1d232f), image(#1d232f); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #2a3344; + background-image: image(#1e2531), image(#1e2531); } +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: #272F3F; + background-clip: padding-box; + border: 1px solid #1d232f; + box-shadow: 0 4px 6px #1d232f; + color: #d8dee9; } + 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: #212835; + 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: #2e394c; } + +/********************** + * Popover Base Menus * + **********************/ +popover.menu { + padding: 0; } + popover.menu box.inline-buttons { + padding: 0 12px; } + popover.menu box.inline-buttons button.image-button.model { + 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: 30px; + min-width: 30px; + padding: 0; + border: none; + outline: none; + transition: none; } + popover.menu box.inline-buttons button.image-button.model:selected { + background: image(#343f54); } + popover.menu box.circular-buttons { + padding: 12px 12px 6px; } + popover.menu box.circular-buttons button.circular.image-button.model { + padding: 11px; } + popover.menu box.circular-buttons button.circular.image-button.model:focus { + background-color: #343f54; + border-color: #343f54; } + popover.menu > arrow, popover.menu.background > contents { + background-color: #272F3F; + color: #d8dee9; + padding: 5px; } + popover.menu > arrow .view, popover.menu > arrow iconview, popover.menu.background > contents .view, popover.menu.background > contents iconview { + background-color: transparent; } + popover.menu > arrow .view row, popover.menu > arrow iconview row, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + margin: 0; } + popover.menu.background separator { + margin: 6px 0; } + popover.menu accelerator { + color: alpha(currentColor,0.55); } + popover.menu accelerator:dir(ltr) { + margin-left: 12px; } + popover.menu accelerator:dir(rtl) { + margin-right: 12px; } + popover.menu check:hover, popover.menu check:active, + popover.menu radio:hover, + popover.menu radio:active { + background-color: transparent; } + popover.menu radio { + border-color: #1d232f; } + popover.menu radio:active { + border-color: rgba(29, 35, 47, 0.5); } + popover.menu arrow.left, + popover.menu radio.left, + popover.menu check.left { + margin-left: -2px; + margin-right: 6px; } + popover.menu arrow.right, + popover.menu radio.right, + popover.menu check.right { + margin-left: 6px; + margin-right: -2px; } + popover.menu modelbutton, popover.menu.background > contents .view row, popover.menu.background > contents iconview row { + min-height: 30px; + min-width: 40px; + padding: 0 12px; + border-radius: 5px; } + popover.menu modelbutton:selected, popover.menu.background > contents .view row:selected, popover.menu.background > contents iconview row:selected { + color: #d8dee9; + background-color: #343f54; } + popover.menu modelbutton:selected:active, popover.menu.background > contents .view row:selected:active, popover.menu.background > contents iconview row:selected:active { + background-color: #475673; } + popover.menu label.title { + font-weight: bold; + padding: 4px 32px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(216, 222, 233, 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: rgba(255, 255, 255, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(255, 255, 255, 0.06); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(255, 255, 255, 0.06); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(255, 255, 255, 0.06); } + +progressbar progress, scale highlight { + border: none; + background-color: #8CA1A5; + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(255, 255, 255, 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: #9aadb0; + background-color: #9aadb0; } + 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(255, 255, 255, 0.06); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 2px; } + scale.vertical trough, + scale.vertical progress { + min-width: 2px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #2e394c; + 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: #8CA1A5; } + scale slider:active:disabled { + background-color: #2c3547; + 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: #1d232f; } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: #4c525e; } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #f1f1f1; + border: none; + border-radius: 12px; + background-color: #f1f1f1; } + scale slider:active { + border-color: #bf59ad; } + scale slider:disabled { + background-color: #b2b2b2; + 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: #b2b2b2; + 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: #bf59ad; } + .osd scale slider { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + border-color: #171c26; + background-color: #f1f1f1; } + .osd scale slider:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #f1f1f1; } + .osd scale slider:active { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #f1f1f1; } + .osd scale slider:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #f1f1f1; } + .osd scale slider:backdrop { + color: #d8dee9; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(178, 178, 178, 0.5), rgba(178, 178, 178, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #b2b2b2; } + .osd scale slider:backdrop:disabled { + background-color: #f1f1f1; } + scale value { + color: alpha(currentColor,0.4); } + scale.horizontal > marks { + color: alpha(currentColor,0.55); } + scale.horizontal > marks.top { + margin-bottom: 6px; } + scale.horizontal > marks.bottom { + margin-top: 6px; } + scale.horizontal > marks indicator { + background-color: currentColor; + min-height: 6px; + min-width: 1px; } + scale.horizontal > value.left { + margin-right: 9px; } + scale.horizontal > value.right { + margin-left: 9px; } + scale.horizontal.fine-tune > marks.top { + margin-top: 3px; } + scale.horizontal.fine-tune > marks.bottom { + margin-bottom: 3px; } + scale.horizontal.fine-tune > marks indicator { + min-height: 3px; } + scale.vertical > marks { + color: alpha(currentColor,0.55); } + scale.vertical > marks.top { + margin-right: 6px; } + scale.vertical > marks.bottom { + margin-left: 6px; } + scale.vertical > marks indicator { + background-color: currentColor; + min-height: 1px; + min-width: 6px; } + scale.vertical > value.top { + margin-bottom: 9px; } + scale.vertical > value.bottom { + margin-top: 9px; } + scale.vertical.fine-tune > marks.top { + margin-left: 3px; } + scale.vertical.fine-tune > marks.bottom { + margin-right: 3px; } + scale.vertical.fine-tune > marks indicator { + min-height: 3px; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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: #f1f1f1; + box-shadow: none; } + 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(#1d232f); + 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: #2c3648; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + scrollbar.top { + border-bottom: 1px solid #1d232f; } + scrollbar.bottom { + border-top: 1px solid #1d232f; } + scrollbar.left { + border-right: 1px solid #1d232f; } + scrollbar.right { + border-left: 1px solid #1d232f; } + scrollbar:backdrop { + background-color: #242c3b; + border-color: #1e2531; + 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: #929aa7; } + scrollbar slider:hover { + background-color: #b5bcc8; } + scrollbar slider:hover:active { + background-color: #dba3d1; } + scrollbar slider:backdrop { + background-color: #4d5565; } + 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: #d8dee9; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #d8dee9; + 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: #929aa7; } + 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: #b5bcc8; } + 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: #dba3d1; } + 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(146, 154, 167, 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: #4d5565; } + 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(77, 85, 101, 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 #1d232f; + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #2c3648; } + .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 #1d232f; + border-right-style: none; } + .sidebar:backdrop { + background-color: #2d374a; + border-color: #1e2531; } + .sidebar row { + padding: 8px 12px; + transition: all .12s ease-in; } + .sidebar row label { + color: #98abb2; } + .sidebar row:selected { + color: #fff; } + .sidebar row:selected:backdrop { + color: rgba(255, 255, 255, 0.5); + background: rgba(205, 126, 191, 0.6); } + .sidebar row:selected:backdrop label { + color: #fff; } + .sidebar row:selected label { + color: #fff; } + .sidebar.source-list { + background: #212836; + padding: 4px 0px; } + .sidebar.source-list.view, iconview.sidebar.source-list { + transition: all .12s ease-in; } + .sidebar.source-list.view:selected, iconview.sidebar.source-list:selected { + padding-left: 4px; + background: #cd7ebf; + color: #fff; } + .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(205, 126, 191, 0.9); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + .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(42, 51, 68, 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: #1d232f; } + +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 */ +/*******************************************************************/ +placessidebar.sidebar, .nautilus-window .navigation-sidebar { + background-color: #212836; } + placessidebar.sidebar row.sidebar-row, .nautilus-window .navigation-sidebar row.sidebar-row { + border-radius: 5px; + padding: 1px 11px; } + placessidebar.sidebar row.sidebar-row label, .nautilus-window .navigation-sidebar row.sidebar-row label { + padding-left: 8px; } + placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-row .sidebar-icon { + margin-left: -14px; + margin-right: 7px; + padding-left: 14px; + padding-right: 7px; + color: #98abb2; } + placessidebar.sidebar row.sidebar-row:hover, .nautilus-window .navigation-sidebar row.sidebar-row:hover { + background: #2f384c; } + placessidebar.sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected { + border-left: 2px solid #f8ab95; } + placessidebar.sidebar row.sidebar-row:selected, placessidebar.sidebar row.sidebar-row:selected label, .nautilus-window .navigation-sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected label { + color: #fff; } + placessidebar.sidebar row.sidebar-row:selected, placessidebar.sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop { + background: linear-gradient(to right, #f8ab95, #ee73c8, #2f384c 40px, #2f384c 97%); } + placessidebar.sidebar row.sidebar-row:selected:backdrop, placessidebar.sidebar row.sidebar-row:selected:backdrop label, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop label { + color: rgba(255, 255, 255, 0.5); } + placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected:backdrop .sidebar-icon { + -gtk-icon-shadow: none; } + placessidebar.sidebar row.sidebar-row:selected .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row:selected .sidebar-icon { + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8); + color: inherit; } + placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row label, placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row label, .nautilus-window .navigation-sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: #F3D88E; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #a3be8c, inset 0 -1px #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled), .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled) image { + color: #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background: #a3be8c; } + placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected image, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected label, .nautilus-window .navigation-sidebar row.sidebar-row:drop(active):not(:disabled):selected image { + color: #fff; } + placessidebar.sidebar list, placessidebar.sidebar list:backdrop, .nautilus-window .navigation-sidebar list, .nautilus-window .navigation-sidebar list:backdrop { + background-color: #212836; } + +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + font-feature-settings: "tnum"; } + spinbutton:not(.vertical) { + padding: 0; + border-spacing: 0; + /* :not here just to bump specificity above that of the list button styling */ } + spinbutton:not(.vertical) > text, .osd spinbutton:not(.vertical) > text { + min-width: 28px; + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + padding: 6px; } + spinbutton:not(.vertical) > text:backdrop:disabled, .osd spinbutton:not(.vertical) > text:backdrop:disabled { + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat), + spinbutton:not(.vertical) > button.image-button.down:not(.flat) { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: #c7ced9; + background-image: none; + border-style: none none none solid; + border-color: rgba(29, 35, 47, 0.3); + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { + color: #d8dee9; + background-color: #41516c; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { + color: rgba(129, 137, 151, 0.3); + background-color: transparent; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { + background-color: #475875; + box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); + color: #fff; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.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: #d8dee9; + border-style: none none none solid; + border-color: rgba(29, 35, 47, 0.7); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):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: #d8dee9; + border-color: rgba(29, 35, 47, 0.5); + background-color: rgba(14, 16, 22, 0.93); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):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: #7d8390; + border-color: rgba(29, 35, 47, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, + .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + spinbutton.vertical:disabled { + color: #818997; } + spinbutton.vertical:drop(active) { + border-color: transparent; + box-shadow: none; } + spinbutton.vertical > text { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; } + spinbutton.vertical > text > selection { + background-color: rgba(205, 126, 191, 0.6); + color: transparent; } + spinbutton.vertical > text > selection:focus-within { + background-color: #cd7ebf; + color: #d8dee9; } + spinbutton.vertical > button { + min-height: 32px; + min-width: 32px; + padding: 0; } + spinbutton.vertical > button.up { + border-bottom-style: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + spinbutton.vertical > button.down { + border-top-style: none; + border-top-left-radius: 0; + border-top-right-radius: 0; } + .osd spinbutton.vertical > button:first-child { + color: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical > button:first-child:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical > button:first-child:active { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + .osd spinbutton.vertical > button:first-child:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + 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) > text { + min-height: 0; + padding: 1px 2px; } + +/*********** + * Spinner * + ***********/ +menu spinner { + color: #cd7ebf; } + +/********************* + * 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: 1px; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + border: none; + border-radius: 14px; + color: transparent; + padding: 2.3px 0px; + background-color: #4b5d7c; + 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: #2c3547; } + switch:backdrop { + background-color: #2a3344; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #2c3547; } + switch:active, switch:checked { + background-color: #cd7ebf; } + switch:active:backdrop, switch:checked:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(46, 57, 76, 0.9); + border: none; } + 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: #2e394c; + 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: #2e394c; } + switch trough:active, switch trough:checked { + background-color: #cd7ebf; } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: rgba(205, 126, 191, 0.6); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar > revealer > box { + padding: 4px; + background-color: #2a3344; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(33, 40, 54, 0.93); } + 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: #1d232f; + background-color: #262e3e; } + .inline-toolbar:backdrop, searchbar > revealer > box:backdrop { + border-color: #1e2531; + background-color: #262e3d; + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #2e394c; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + border: 1px solid #1d232f; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +columnview.view, +treeview.view { + border-left-color: #1d232f; + border-top-color: #1d232f; } + columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + border-radius: 0; + outline-color: #FF56AC; } + columnview.view:disabled, + treeview.view:disabled { + color: #818997; } + columnview.view:disabled:selected, + treeview.view:disabled:selected { + color: #e1b2d9; } + columnview.view:disabled:selected:backdrop, + treeview.view:disabled:selected:backdrop { + color: rgba(211, 142, 199, 0.85); } + columnview.view.separator, + treeview.view.separator { + min-height: 2px; + color: #1d232f; } + columnview.view:backdrop, + treeview.view:backdrop { + border-left-color: #3f495b; + border-top: #3f495b; } + columnview.view:drop(active), + treeview.view:drop(active) { + box-shadow: none; } + columnview.view > dndtarget:drop(active), + treeview.view > dndtarget:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #bf59ad; } + columnview.view > dndtarget:drop(active).after, + treeview.view > dndtarget:drop(active).after { + border-top-style: none; } + columnview.view > dndtarget:drop(active).before, + treeview.view > dndtarget:drop(active).before { + border-bottom-style: none; } + columnview.view.expander, + treeview.view.expander { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #a5adba; } + columnview.view.expander:dir(rtl), + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + columnview.view.expander:hover, + treeview.view.expander:hover { + color: #d8dee9; } + columnview.view.expander:selected, + treeview.view.expander:selected { + color: #f0d8ec; } + columnview.view.expander:selected:hover, + treeview.view.expander:selected:hover { + color: #fff; } + columnview.view.expander:checked, + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view.progressbar, + treeview.view.progressbar { + border: 1px solid #bf59ad; + border-radius: 4px; + background-color: #cd7ebf; + background-image: linear-gradient(to bottom, #cd7ebf, #bf59ad); + box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } + columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, + treeview.view.progressbar:selected:focus, + treeview.view.progressbar:selected { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); + background-image: image(#2e394c); } + columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, + treeview.view.progressbar:selected:focus:backdrop, + treeview.view.progressbar:selected:backdrop { + background-color: #303b4f; } + columnview.view.trough, + treeview.view.trough { + background-color: rgba(216, 222, 233, 0.1); } + columnview.view.trough:selected:focus, columnview.view.trough:selected, + treeview.view.trough:selected:focus, + treeview.view.trough:selected { + background-color: #bf59ad; } + columnview.view > header > button, + treeview.view > header > button { + color: #c6cedd; + background-color: #2e394c; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + columnview.view > header > button:hover, + treeview.view > header > button:hover { + color: #cfd6e3; + box-shadow: none; + transition: none; } + columnview.view > header > button:active, + treeview.view > header > button:active { + color: #d8dee9; + transition: none; } + columnview.view > header > button sort-indicator, + treeview.view > header > button sort-indicator { + min-height: 16px; + min-width: 16px; } + columnview.view > header > button sort-indicator.ascending, + treeview.view > header > button sort-indicator.ascending { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + columnview.view > header > button sort-indicator.descending, + treeview.view > header > button sort-indicator.descending { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, + columnview.view header.button.dnd:active, + columnview.view header.button.dnd:selected, + columnview.view header.button.dnd:hover, + columnview.view header.button.dnd, + treeview.view button.dnd:active, + treeview.view button.dnd:selected, + treeview.view button.dnd:hover, + treeview.view button.dnd, + treeview.view header.button.dnd:active, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd { + padding: 0 6px; + color: #FF56AC; + background-image: none; + background-color: #cd7ebf; + border-style: none; + border-radius: 0; + box-shadow: inset 0 0 0 1px #2e394c; + text-shadow: none; + transition: none; } + columnview.view acceleditor > label, + treeview.view acceleditor > label { + background-color: #cd7ebf; } + +columnview.view > header > button, +treeview.view > header > button, columnview.view > header > button:hover, +treeview.view > header > button:hover, columnview.view > header > button:active, +treeview.view > header > button:active { + padding: 0 6px; + background-image: none; + border-style: none none solid solid; + border-color: #1d232f; + border-radius: 0; + text-shadow: none; } + columnview.view > header > button:disabled, + treeview.view > header > button:disabled { + border-color: #2a3344; + background-image: none; } + columnview.view > header > button:last-child:backdrop, + treeview.view > header > button:last-child:backdrop, columnview.view > header > button:last-child, + treeview.view > header > button:last-child { + border-right-style: 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; } + 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: 12px; + 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 #1d232f; + border-radius: 0; + box-shadow: inset 0 0 0 4px #1d232f, inset 0 0 0 3px #202835, inset 0 1px rgba(216, 222, 233, 0.07); } + window.solid-csd:backdrop { + box-shadow: inset 0 0 0 4px #1d232f, inset 0 0 0 3px #2a3344, inset 0 1px rgba(216, 222, 233, 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.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom: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.4807843137); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.4807843137); } + 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, +textview > text:selected:focus, +textview > text:selected, 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.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, +entry selection:focus, +entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, +treeview.view:selected:focus, +treeview.view:selected { + background-color: #cd7ebf; } + row:selected label, label:selected, .selection-mode windowcontrols button, .view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, + textview > text:selected:focus, + textview > text:selected, 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.vertical > text selection:focus, spinbutton:not(.vertical) selection, spinbutton.vertical > text selection, + entry selection:focus, + entry selection, row:selected, columnview.view:selected:focus, columnview.view:selected, + treeview.view:selected:focus, + treeview.view:selected { + color: #fff; + 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, + textview > text:disabled:selected:focus, + textview > text:disabled:selected, 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, spinbutton.vertical > text selection:disabled, + entry selection:disabled, row:disabled:selected { + color: #e6bfdf; } + row:selected label:backdrop, label:backdrop:selected, .selection-mode windowcontrols button:backdrop, iconview:backdrop:selected:focus, .view:backdrop:selected, iconview:backdrop:selected, + textview > text:backdrop:selected:focus, + textview > text:backdrop:selected, 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, spinbutton.vertical > text selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(255, 255, 255, 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, + textview > text:backdrop:disabled:selected, 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, spinbutton.vertical > text selection:backdrop:disabled, + entry selection:backdrop:disabled, row:backdrop:disabled:selected { + color: rgba(211, 142, 199, 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: rgba(13, 16, 21, 0.95); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid #1d232f; } + .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 button, + .budgie-popover.background button { + color: #d8dee9; + border: none; + background: transparent; } + .budgie-popover button:hover, + .budgie-popover.background button:hover { + color: #cd7ebf; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu { + color: #d8dee9; } + .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 #1d232f; + border-radius: 0; + font-size: 120%; + box-shadow: none; + color: #d8dee9; } + .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: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid #1d232f; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid #1d232f; } + .budgie-menu .category-button { + padding: 7px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(216, 222, 233, 0.05); + color: #d8dee9; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #fff; + background: #79B4B7; } + .budgie-menu .category-button:checked:hover { + color: rgba(255, 255, 255, 0.6); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(255, 255, 255, 0.7); } + .budgie-menu scrollbar { + background-color: transparent; + border-color: #1d232f; } + .budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; + background: yellow; } + .budgie-menu button { + border: none; + background: transparent; } + .budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + .budgie-menu list { + color: rgba(216, 222, 233, 0.7); } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #d8dee9; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #d8dee9; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #d8dee9; } + button.budgie-menu-launcher:backdrop { + color: #d8dee9; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #d8dee9; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: #cd7ebf; + box-shadow: none; + background-color: #2d384a; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(216, 222, 233, 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: #cd7ebf; + 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: #fff; } + .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: #fff; } + .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: #d8dee9; + box-shadow: none; } + button.raven-trigger:hover { + color: #d8dee9; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: #cd7ebf; } + button.raven-trigger:backdrop { + color: #d8dee9; } + button.raven-trigger:backdrop:hover { + color: #d8dee9; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: #cd7ebf; + 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(29, 35, 47, 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(216, 222, 233, 0.04); + border-bottom: 1px solid rgba(29, 35, 47, 0.95); } +.places-menu .unlock-area { + border-top: 1px solid rgba(29, 35, 47, 0.85); + border-bottom: 1px solid rgba(29, 35, 47, 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(29, 35, 47, 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: #d8dee9; + background-color: rgba(13, 16, 21, 0.95); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #FF56AC; } + .budgie-panel:backdrop { + color: #d8dee9; + background-color: rgba(13, 16, 21, 0.95); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel button.flat { + background: transparent; + border: none; } + .budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked { + background: transparent; + color: #cd7ebf; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #d8dee9; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(13, 16, 21, 0.2); } + .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: #f9fafb; } + .budgie-panel .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(216, 222, 233, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #d8dee9; } + +.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(13, 16, 21, 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(13, 16, 21, 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 #cd7ebf; } +.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 #cd7ebf; } +.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 #cd7ebf; } +.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 #cd7ebf; } + +.top .budgie-panel { + border-bottom: 1px solid rgba(19, 23, 31, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(29, 35, 47, 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(19, 23, 31, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(29, 35, 47, 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: #FF56AC; + background: rgba(13, 16, 21, 0.95); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #d8dee9; + border: solid rgba(29, 35, 47, 0.95); + border-width: 1px 0; + background-color: rgba(42, 52, 69, 0.45); } + .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: #c66cb6; + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #fff; + background-color: rgba(255, 61, 159, 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: #fff; + background-color: rgba(255, 86, 172, 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: #fff; + background-color: rgba(255, 112, 185, 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 { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + border-radius: 0; } + .raven .raven-header button:hover { + color: #cd7ebf; + text-shadow: none; + background-color: rgba(46, 57, 76, 0.7); + border-radius: 0; } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: #cd7ebf; + background-color: #232a39; } + .raven .raven-header button:disabled { + color: #818997; } + .raven list { + color: #d8dee9; + background-color: transparent; } + .raven list:selected { + background-color: rgba(205, 126, 191, 0.9); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:hover, + .raven list row.activatable:hover { + background-color: rgba(42, 52, 69, 0.25); } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(205, 126, 191, 0.9); } + .raven .raven-background { + color: #d8dee9; + 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; + min-height: 32px; + margin-bottom: 3px; + background: #A572A4; + color: #fff; + 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 { + background: rgba(165, 114, 164, 0.85); + color: #fff; } + .raven .powerstrip button.image-button:active { + background: #A572A4; + color: #fff; } + .raven .powerstrip button.image-button:first-child { + background: #79B4B7; } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(205, 126, 191, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #cd7ebf; } + .raven .powerstrip button.image-button:last-child { + background: #FF56AC; } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 86, 172, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #FF56AC; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 6px; + color: #d8dee9; + background: transparent; + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: #c76fb8; + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #d8dee9; + 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: #d8dee9; + background-color: transparent; } + +.raven-mpris { + color: #d8dee9; + background-color: rgba(23, 27, 36, 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: #2e394c; + 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: #cd7ebf; } + .raven-mpris button.image-button:active { + background-color: #c66cb6; } + .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: #cd7ebf; + color: #fff; + border: none; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #c66cb6; + 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: #c66cb6; } + +.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: #d8dee9; } +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(216, 222, 233, 0.7); } +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #fff; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #FF56AC; + 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: #ff3d9f; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #d8dee9; + background-color: rgba(42, 51, 68, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #d8dee9; } +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #d8dee9; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #d8dee9; } + .budgie-switcher-window flowboxchild:selected { + color: #fff; + background-color: rgba(205, 126, 191, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #fff; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: #b971ac; } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(205, 126, 191, 0.7); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(255, 255, 255, 0.7); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #d8dee9; + background-color: rgba(13, 16, 21, 0.95); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(216, 222, 233, 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-color: #1d232f; + border-radius: 0; + color: #d8dee9; + 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; + background: transparent; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(205, 126, 191, 0.9); + color: #fff; } + .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(205, 126, 191, 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(212, 144, 200, 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(212, 144, 200, 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(255, 35, 147, 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(255, 61, 159, 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(255, 61, 159, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #d8dee9; } + .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(216, 222, 233, 0.7); } +.budgie-polkit-dialog .failure { + color: #FF56AC; } + +.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: #d8dee9; } + .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 .subtitle, .titlebar .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(13, 16, 21, 0.95); } + .budgie-menubar menu menuitem:hover { + background-color: #cd7ebf; + color: #fff; } +.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(53, 61, 74, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(53, 61, 74, 0.928); } +.budgie-menubar menuitem accelerator { + color: rgba(216, 222, 233, 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(13, 16, 21, 0.95); } + .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(32, 40, 53, 0.95); } + .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(3, 4, 5, 0.95); } +.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: #cd7ebf; } + .nautilus-window .frame *:selected label, .nautilus-window .frame *:selected:backdrop label { + color: #cd7ebf; } +.nautilus-window paned > separator { + background-image: none; } +.nautilus-window .sidebar { + background-color: transparent; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(40, 50, 66, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(205, 126, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(205, 126, 191, 0.75); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(205, 126, 191, 0.9); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(46, 57, 76, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(205, 126, 191, 0.9); } +.nautilus-window #NautilusPathBar { + margin-top: 7px; + margin-bottom: 7px; + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; } + .nautilus-window #NautilusPathBar .dim-label, .nautilus-window #NautilusPathBar label.separator, .nautilus-window #NautilusPathBar .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar .subtitle, + .nautilus-window #NautilusPathBar headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar .subtitle { + color: transparent; + margin-right: -5px; } + .nautilus-window #NautilusPathBar button .horizontal > .dim-label, .nautilus-window #NautilusPathBar button .horizontal > label.separator, .nautilus-window #NautilusPathBar button .titlebar .horizontal > .subtitle, .titlebar .nautilus-window #NautilusPathBar button .horizontal > .subtitle, + .nautilus-window #NautilusPathBar button headerbar .horizontal > .subtitle, + headerbar .nautilus-window #NautilusPathBar button .horizontal > .subtitle { + color: #d8dee9; + padding: 3px 12px; + margin: 0; + border-right: 1px solid #1d232f; } + .nautilus-window #NautilusPathBar button:hover .dim-label, .nautilus-window #NautilusPathBar button:hover label.separator, .nautilus-window #NautilusPathBar button:hover .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar button:hover .subtitle, + .nautilus-window #NautilusPathBar button:hover headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:hover .subtitle, .nautilus-window #NautilusPathBar button:focus .dim-label, .nautilus-window #NautilusPathBar button:focus label.separator, .nautilus-window #NautilusPathBar button:focus .titlebar .subtitle, .titlebar .nautilus-window #NautilusPathBar button:focus .subtitle, + .nautilus-window #NautilusPathBar button:focus headerbar .subtitle, + headerbar .nautilus-window #NautilusPathBar button:focus .subtitle { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; } + .nautilus-window #NautilusPathBar button > .horizontal > image.dim-label, .nautilus-window #NautilusPathBar .titlebar button > .horizontal > image.subtitle, .titlebar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle, + .nautilus-window #NautilusPathBar headerbar button > .horizontal > image.subtitle, + headerbar .nautilus-window #NautilusPathBar button > .horizontal > image.subtitle { + padding: 3px 0px 3px 12px; + border-right: none; + margin-right: -6px; } + .nautilus-window #NautilusPathBar button { + background: transparent; + border: none; + margin: 0; + padding: 0; } + .nautilus-window #NautilusPathBar .current-dir label { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8) left bottom #2f384c no-repeat; + background-size: 100% 1.5px; + text-shadow: none; + padding: 1px 12px; } + .nautilus-window #NautilusPathBar .current-dir image { + background-color: #2f384c; + box-shadow: 0px -1.5px inset #f8ab95; } + .nautilus-window #NautilusPathBar button.current-dir:only-child image { + margin-right: -6px; + padding: 0px 0px 0px 12px; + border-radius: 4px 0px 0px 4px; } +.nautilus-window #NautilusQueryEditor { + margin-top: 8px; + margin-bottom: 8px; } + .nautilus-window #NautilusQueryEditor #NautilusQueryEditorTag > button { + margin: 0; } + .nautilus-window #NautilusQueryEditor > menubutton > button { + min-width: 16px; + min-height: 16px; + margin: 0; + -gtk-icon-size: 12px; + padding: 0 4px; } + .nautilus-window #NautilusQueryEditor > menubutton > button image { + color: #fff; } + .nautilus-window #NautilusQueryEditor > text, .nautilus-window #NautilusQueryEditor > image { + margin: 0; } +.nautilus-window notebook > stack:only-child { + background-color: #2e394c; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #303b4f; } +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.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: #d8dee9; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #d8dee9; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #d8dee9; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #fff; + 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 .subtitle:selected, .titlebar .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #fff; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar .subtitle:selected, .titlebar .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, + headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #fff; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #2a3344; } + +/********* + * Gnucash * +*********/ +#gnc-id-main-window entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; } +#gnc-id-main-window .arrow.button.toggle { + transition: none; + box-shadow: none; } + #gnc-id-main-window .arrow.button.toggle:hover { + border-color: #cd7ebf; } + +/******************* + * Calendar events * +********************/ +.color-light.timed label, .color-light .event-popover label { + color: #d8dee9; + opacity: 1; } +.color-light label { + color: #2a3344; + opacity: 1; } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #2e394c; + background-color: #2e394c; } + .gala-notification .title, + .gala-notification .label { + color: #d8dee9; } + +.gala-button { + padding: 3px; + color: #2e394c; + 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(46, 57, 76, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #d8dee9; } + +/************* + * 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(205, 126, 191, 0.3); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #d8dee9; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(205, 126, 191, 0.3); + color: #fff; } + +.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: #d8dee9; } + +/********* + * Panel * + ********/ +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #d8dee9; + 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: #1a202b; } + +.card { + background-color: #2e394c; + 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: #242d3c; + 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: #2a3344; + 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: #d8dee9; } + +/********* +* 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, #3e4b65, #3e4b65); + border: 1px solid rgba(0, 0, 0, 0.14); + box-shadow: 0 1px 0 rgba(0, 0, 0, 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: linear-gradient(to right, #F3D88E, #F3D88E); } + +/************************** + * Colors in context menu * +**************************/ +checkbutton.color-button { + border: 1px solid #1d232f; + 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: #2e394c; + -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: #272f3f; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(216, 222, 233, 0.8); + border-radius: 0; + border: none; + background-color: rgba(39, 47, 63, 0); } + #tasklist-button:hover { + color: #f9fafb; + background-color: rgba(0, 0, 0, 0.17); } + #tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #cd7ebf; } + +.xfce4-panel.panel button.flat:not(.open_group) { + color: #d8dee9; + border-radius: 0; + border: none; + background-color: rgba(39, 47, 63, 0); } + .xfce4-panel.panel button.flat:hover:not(.open_group) { + border: none; + background-color: #3b475f; } + .xfce4-panel.panel button.flat:active:not(.open_group), .xfce4-panel.panel button.flat:checked:not(.open_group) { + color: #fff; + border: none; + background-color: #cd7ebf; } + .xfce4-panel.panel button.flat:active:not(.open_group) label, .xfce4-panel.panel button.flat:active:not(.open_group) image, .xfce4-panel.panel button.flat:checked:not(.open_group) label, .xfce4-panel.panel button.flat:checked:not(.open_group) image { + color: inherit; } + +#whiskermenu-window button { + background-color: transparent; + border: none; + border-radius: 0; + font-weight: normal; + padding: 3px; + margin: 1px 2px; } + #whiskermenu-window button:hover, #whiskermenu-window button:checked { + background-color: #cd7ebf; } + +/* Vala-appmenu-plugin*/ +.-vala-panel-appmenu-core scrolledwindow, +.-vala-panel-appmenu-private > menuitem, +.-vala-panel-appmenu-private > menuitem:first-child > label { + color: #d8dee9; } + +/******** +* 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: #818997; } + +.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: #1d232f; } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #2e394c; } + +@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: #cd7ebf; } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid #1d232f; } + MsdOsdWindow.background.osd .progressbar { + background-color: #cd7ebf; + border: none; + border-color: #cd7ebf; + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(23, 28, 38, 0.93); + 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: #cd7ebf; + color: #fff; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(205, 126, 191, 0.6); + color: rgba(255, 255, 255, 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: #fff; + border: 0px solid #bf59ad; } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: #272f3f; + color: #d8dee9; + font-weight: bold; + box-shadow: inset 0 -1px #191f29; } + #panel_window .menubar, + #panel_window .menubar > .menuitem + menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: #d8dee9; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(216, 222, 233, 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: #d8dee9; } + +#content_frame { + padding-bottom: 14px; + background-color: #2a3344; + 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: #d8dee9; + background-color: #333e53; + text-shadow: none; } + #content_frame button:hover { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-color: #2e394c; + text-shadow: none; } + #content_frame button:active, #content_frame button:checked { + color: #d8dee9; + outline-color: rgba(216, 222, 233, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + #content_frame button:disabled { + color: #b6bdca; + border-color: rgba(29, 35, 47, 0.3); + background-color: #2c3547; + text-shadow: none; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #202835; + 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: #d8dee9; + border-color: #1d232f; + background-color: rgba(33, 40, 54, 0.93); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(57, 68, 91, 0.93), rgba(57, 68, 91, 0.93)); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(45, 54, 72, 0.93), rgba(45, 54, 72, 0.93)); + background-clip: padding-box; + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(216, 222, 233, 0.3); } + #buttonbox_frame button:disabled { + color: #7d8390; + border-color: #1d232f; + background-image: linear-gradient(to bottom, rgba(51, 58, 72, 0.5), rgba(51, 58, 72, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #d8dee9; + 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(27, 33, 44, 0.7); } +.nemo-window .places-treeview .view.cell:selected, .nemo-window .places-treeview iconview.cell:selected, +.nemo-window .places-treeview iconview.cell:selected { + background: #cd7ebf; + color: #fff; } +.nemo-window .sidebar { + background-color: #212836; } + .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: #d8dee9; + border: 1px solid #1d232f; + 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: #cd7ebf; + color: #fff; } +.nemo-window toolbar.primary-toolbar { + margin-bottom: -1px; + background: #202835; } + .nemo-window toolbar.primary-toolbar button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + min-height: 24px; + padding: 3px; } + .nemo-window toolbar.primary-toolbar button:hover { + color: #fff; + text-shadow: none; + background-color: rgba(205, 126, 191, 0.7); } + .nemo-window toolbar.primary-toolbar button:selected, .nemo-window toolbar.primary-toolbar button:active, .nemo-window toolbar.primary-toolbar button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + .nemo-window toolbar.primary-toolbar button:selected:backdrop, .nemo-window toolbar.primary-toolbar button:active:backdrop, .nemo-window toolbar.primary-toolbar button:checked:backdrop { + color: rgba(255, 255, 255, 0.5); + background-color: rgba(205, 126, 191, 0.6); + text-shadow: none; + box-shadow: none; } + .nemo-window toolbar.primary-toolbar button:backdrop, .nemo-window toolbar.primary-toolbar button:disabled, .nemo-window toolbar.primary-toolbar button:backdrop:disabled { + color: rgba(216, 222, 233, 0.2); + background-color: #272F3F; + text-shadow: none; + box-shadow: none; } +.nemo-window .nemo-inactive-pane .view, .nemo-window .nemo-inactive-pane iconview, +.nemo-window .nemo-inactive-pane iconview { + background-color: #283242; } + +/* thunar */ +.thunar toolbar { + background-color: #202835; } + +/* buttons in toolbar */ +.thunar toolbar.horizontal button image { + -gtk-icon-transform: scale(0.72); } + +scrolledwindow.sidebar treeview.view { + background: #1d232f; + padding: 1.5px; } + +/* path-bar of thunar */ +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button { + color: #d8dee9; + border-radius: 4px; + text-shadow: none; + box-shadow: none; + border: 1px solid #1d232f; + background-color: #2a3445; + border-radius: 0; + border-right: 0.5px solid #1d232f; + box-shadow: none; + min-height: 20px; + padding: 3px 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right-style: solid; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:only-child { + border-radius: 4px; + border-style: solid; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:hover { + color: #cd7ebf; } + window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .path-bar-button:checked { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } +window.thunar toolbar#location-toolbar > toolitem > widget > widget.linked.path-bar .toggle.path-bar-button:hover { + color: #fff; + outline-color: rgba(255, 255, 255, 0.3); + background-image: linear-gradient(to right, #f8ab95, #f17dad, #ee73c8); + background-color: transparent; + text-shadow: none; } + +/* thunar sidepane */ +window.thunar paned > scrolledwindow treeview.view:hover, window.thunar paned > scrolledwindow treeview.view:selected { + background: rgba(205, 126, 191, 0.7); + color: #fff; + border-radius: 0; + box-shadow: none; } + +.caja-notebook .entry { + background: #2e394c; + color: #d8dee9; } + .caja-notebook .entry:selected { + background: #cd7ebf; + color: #fff; } + +/*# sourceMappingURL=gtk.css.map */ diff --git a/.themes/Otis/gtk-4.0/thumbnail.png b/.themes/Otis/gtk-4.0/thumbnail.png new file mode 100644 index 000000000..b9cef7c87 Binary files /dev/null and b/.themes/Otis/gtk-4.0/thumbnail.png differ diff --git a/.themes/Otis/index.theme b/.themes/Otis/index.theme new file mode 100755 index 000000000..315b54c3b --- /dev/null +++ b/.themes/Otis/index.theme @@ -0,0 +1,11 @@ +[Desktop Entry] +Type=X-GNOME-Metatheme +Name=Otis +Comment=An elegant dark theme for gnome +Encoding=UTF-8 + +[X-GNOME-Metatheme] +GtkTheme=Otis +MetacityTheme=Otis +IconTheme=Zafiro-icons +ButtonLayout=:minimize,maximize,close diff --git a/.themes/Otis/metacity-1/close.png b/.themes/Otis/metacity-1/close.png new file mode 100644 index 000000000..9a484d392 Binary files /dev/null and b/.themes/Otis/metacity-1/close.png differ diff --git a/.themes/Otis/metacity-1/close_focused.png b/.themes/Otis/metacity-1/close_focused.png new file mode 100644 index 000000000..9a484d392 Binary files /dev/null and b/.themes/Otis/metacity-1/close_focused.png differ diff --git a/.themes/Otis/metacity-1/close_focused_normal.png b/.themes/Otis/metacity-1/close_focused_normal.png new file mode 100644 index 000000000..9a484d392 Binary files /dev/null and b/.themes/Otis/metacity-1/close_focused_normal.png differ diff --git a/.themes/Otis/metacity-1/close_focused_prelight.png b/.themes/Otis/metacity-1/close_focused_prelight.png new file mode 100644 index 000000000..138601a28 Binary files /dev/null and b/.themes/Otis/metacity-1/close_focused_prelight.png differ diff --git a/.themes/Otis/metacity-1/close_focused_pressed.png b/.themes/Otis/metacity-1/close_focused_pressed.png new file mode 100644 index 000000000..623a43b60 Binary files /dev/null and b/.themes/Otis/metacity-1/close_focused_pressed.png differ diff --git a/.themes/Otis/metacity-1/close_unfocused.png b/.themes/Otis/metacity-1/close_unfocused.png new file mode 100644 index 000000000..9278df618 Binary files /dev/null and b/.themes/Otis/metacity-1/close_unfocused.png differ diff --git a/.themes/Otis/metacity-1/close_unfocused_prelight.png b/.themes/Otis/metacity-1/close_unfocused_prelight.png new file mode 100644 index 000000000..3ab3cbdeb Binary files /dev/null and b/.themes/Otis/metacity-1/close_unfocused_prelight.png differ diff --git a/.themes/Otis/metacity-1/close_unfocused_pressed.png b/.themes/Otis/metacity-1/close_unfocused_pressed.png new file mode 100644 index 000000000..623a43b60 Binary files /dev/null and b/.themes/Otis/metacity-1/close_unfocused_pressed.png differ diff --git a/.themes/Otis/metacity-1/maximize.png b/.themes/Otis/metacity-1/maximize.png new file mode 100644 index 000000000..6c380d46c Binary files /dev/null and b/.themes/Otis/metacity-1/maximize.png differ diff --git a/.themes/Otis/metacity-1/maximize_focused.png b/.themes/Otis/metacity-1/maximize_focused.png new file mode 100644 index 000000000..6c380d46c Binary files /dev/null and b/.themes/Otis/metacity-1/maximize_focused.png differ diff --git a/.themes/Otis/metacity-1/maximize_focused_normal.png b/.themes/Otis/metacity-1/maximize_focused_normal.png new file mode 100644 index 000000000..6c380d46c Binary files /dev/null and b/.themes/Otis/metacity-1/maximize_focused_normal.png differ diff --git a/.themes/Otis/metacity-1/maximize_focused_prelight.png b/.themes/Otis/metacity-1/maximize_focused_prelight.png new file mode 100644 index 000000000..6c78be2e9 Binary files /dev/null and b/.themes/Otis/metacity-1/maximize_focused_prelight.png differ diff --git a/.themes/Otis/metacity-1/maximize_focused_pressed.png b/.themes/Otis/metacity-1/maximize_focused_pressed.png new file mode 100644 index 000000000..6c78be2e9 Binary files /dev/null and b/.themes/Otis/metacity-1/maximize_focused_pressed.png differ diff --git a/.themes/Otis/metacity-1/maximize_unfocused.png b/.themes/Otis/metacity-1/maximize_unfocused.png new file mode 100644 index 000000000..8feb53fc4 Binary files /dev/null and b/.themes/Otis/metacity-1/maximize_unfocused.png differ diff --git a/.themes/Otis/metacity-1/maximize_unfocused_prelight.png b/.themes/Otis/metacity-1/maximize_unfocused_prelight.png new file mode 100644 index 000000000..6c78be2e9 Binary files /dev/null and b/.themes/Otis/metacity-1/maximize_unfocused_prelight.png differ diff --git a/.themes/Otis/metacity-1/maximize_unfocused_pressed.png b/.themes/Otis/metacity-1/maximize_unfocused_pressed.png new file mode 100644 index 000000000..6c78be2e9 Binary files /dev/null and b/.themes/Otis/metacity-1/maximize_unfocused_pressed.png differ diff --git a/.themes/Otis/metacity-1/menu.png b/.themes/Otis/metacity-1/menu.png new file mode 100644 index 000000000..591572ebd Binary files /dev/null and b/.themes/Otis/metacity-1/menu.png differ diff --git a/.themes/Otis/metacity-1/menu_focused.png b/.themes/Otis/metacity-1/menu_focused.png new file mode 100644 index 000000000..591572ebd Binary files /dev/null and b/.themes/Otis/metacity-1/menu_focused.png differ diff --git a/.themes/Otis/metacity-1/menu_focused_normal.png b/.themes/Otis/metacity-1/menu_focused_normal.png new file mode 100644 index 000000000..591572ebd Binary files /dev/null and b/.themes/Otis/metacity-1/menu_focused_normal.png differ diff --git a/.themes/Otis/metacity-1/menu_focused_prelight.png b/.themes/Otis/metacity-1/menu_focused_prelight.png new file mode 100644 index 000000000..f00f6c494 Binary files /dev/null and b/.themes/Otis/metacity-1/menu_focused_prelight.png differ diff --git a/.themes/Otis/metacity-1/menu_focused_pressed.png b/.themes/Otis/metacity-1/menu_focused_pressed.png new file mode 100644 index 000000000..85af81e23 Binary files /dev/null and b/.themes/Otis/metacity-1/menu_focused_pressed.png differ diff --git a/.themes/Otis/metacity-1/menu_unfocused.png b/.themes/Otis/metacity-1/menu_unfocused.png new file mode 100644 index 000000000..e68d57720 Binary files /dev/null and b/.themes/Otis/metacity-1/menu_unfocused.png differ diff --git a/.themes/Otis/metacity-1/menu_unfocused_prelight.png b/.themes/Otis/metacity-1/menu_unfocused_prelight.png new file mode 100644 index 000000000..591572ebd Binary files /dev/null and b/.themes/Otis/metacity-1/menu_unfocused_prelight.png differ diff --git a/.themes/Otis/metacity-1/menu_unfocused_pressed.png b/.themes/Otis/metacity-1/menu_unfocused_pressed.png new file mode 100644 index 000000000..85af81e23 Binary files /dev/null and b/.themes/Otis/metacity-1/menu_unfocused_pressed.png differ diff --git a/.themes/Otis/metacity-1/metacity-theme-1.xml b/.themes/Otis/metacity-1/metacity-theme-1.xml new file mode 100755 index 000000000..bac7900d9 --- /dev/null +++ b/.themes/Otis/metacity-1/metacity-theme-1.xml @@ -0,0 +1,1144 @@ + + + + Otis + Eliver Lara <eliverlara@gmail> + ÂEliver Lara, 2022 + 2022 + Otis Window Theme + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +</draw_ops> + +<draw_ops name="title_unfocused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused" /> +</draw_ops> + +<!-- WINDOW DECORATIONS --> +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_focused"> + <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_focused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="border_right_focused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<!-- BUTTON ICONS --> +<!-- note: negative values in x or y causes gnome-shell to crash --> + +<!-- Close icon --> +<draw_ops name="close_focused"> + <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_prelight"> + <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_pressed"> + <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused"> + <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_prelight"> + <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_pressed"> + <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Maximize icon --> +<draw_ops name="maximize_focused"> + <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_prelight"> + <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_pressed"> + <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused"> + <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_prelight"> + <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_pressed"> + <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + +<!-- Unmaximize icon --> +<draw_ops name="unmaximize_focused"> + <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_prelight"> + <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_pressed"> + <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused"> + <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_prelight"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_pressed"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Minimize icon --> +<draw_ops name="minimize_focused"> + <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_prelight"> + <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_pressed"> + <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused"> + <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_prelight"> + <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_pressed"> + <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Menu icon --> +<draw_ops name="menu_focused"> + <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_prelight"> + <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_pressed"> + <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused"> + <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_prelight"> + <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_pressed"> + <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Shade icon --> +<draw_ops name="shade_focused"> + <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_prelight"> + <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_pressed"> + <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused"> + <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_prelight"> + <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_pressed"> + <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Unshade icon --> +<draw_ops name="unshade_focused"> + <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_prelight"> + <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_pressed"> + <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused"> + <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_prelight"> + <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_pressed"> + <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- FRAME STYLES --> +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="borderless" geometry="borderless"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- placeholder for unimplementated styles--> +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- FRAME STYLE SETS --> +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused" /> + <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> + <frame focus="yes" state="maximized" style="normal_max_focused" /> + <frame focus="no" state="maximized" style="normal_max_unfocused" /> + <frame focus="yes" state="shaded" style="normal_focused" /> + <frame focus="no" state="shaded" style="normal_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="dialog_focused" /> + <frame focus="no" state="shaded" style="dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="modal_dialog_focused" /> + <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused" /> + <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="utility_focused" /> + <frame focus="no" state="shaded" style="utility_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused" /> + <frame focus="no" state="normal" resize="both" style="border_unfocused" /> + <frame focus="yes" state="maximized" style="borderless" /> + <frame focus="no" state="maximized" style="borderless" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<!-- WINDOWS --> +<window type="normal" style_set="normal_style_set" /> +<window type="dialog" style_set="dialog_style_set" /> +<window type="modal_dialog" style_set="modal_dialog_style_set" /> +<window type="menu" style_set="utility_style_set" /> +<window type="utility" style_set="utility_style_set" /> +<window type="border" style_set="border_style_set" /> + +</metacity_theme> diff --git a/.themes/Otis/metacity-1/metacity-theme-2.xml b/.themes/Otis/metacity-1/metacity-theme-2.xml new file mode 100755 index 000000000..bac7900d9 --- /dev/null +++ b/.themes/Otis/metacity-1/metacity-theme-2.xml @@ -0,0 +1,1144 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <name>Otis</name> + <author>Eliver Lara <eliverlara@gmail></author> + <copyright>ÂEliver Lara, 2022</copyright> + <date>2022</date> + <description>Otis Window Theme</description> +</info> + + +<!-- CONSTANTS --> +<constant name="C_titlebar" value="#202835" /> +<constant name="C_titlebar_unfocused" value="#202835" /> +<constant name="C_border_focused" value="#202835" /> +<constant name="C_border_unfocused" value="#202835" /> +<constant name="C_title_focused" value="#d8dee9" /> +<constant name="C_title_unfocused" value="#93979f" /> + +<constant name="C_wm_button_background" value="#fc2" /> +<constant name="C_wm_button_foreground" value="#283141" /> +<constant name="C_wm_button_unfocused" value="#e6e8eb" /> + +<constant name="C_close_button" value="#283141" /> +<constant name="C_maximize_button" value="#283141" /> +<constant name="C_restore_button" value="#283141" /> +<constant name="C_minimize_button" value="#283141" /> + +<!-- GEOMETRY --> + +<!-- Focused window --> +<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="3" /> + <distance name="left_titlebar_edge" value="5" /> + <distance name="right_titlebar_edge" value="5" /> + <distance name="title_vertical_pad" value="4" /> + <aspect_ratio name="button" value="1.0" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Unfocused window --> +<frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="4" rounded_top_right="4" parent="normal" > + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Maximized window --> +<frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Left tiled window --> +<frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="right_width" value="0" /> +</frame_geometry> + +<!-- Right tiled window --> +<frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="left_width" value="0" /> +</frame_geometry> + +<!-- Small window --> +<frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Small unfocused window --> +<frame_geometry name="small_unfocused" parent="small"> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> +</frame_geometry> + +<!-- No buttons --> +<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> +</frame_geometry> + +<!-- Border --> +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="title_vertical_pad" value="1" /> + <border name="title_border" left="10" right="10" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<!-- Borderless --> +<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="0" /> + <border name="title_border" left="0" right="0" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Modal --> +<frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> + <distance name="title_vertical_pad" value="5"/> +</frame_geometry> + +<frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="title_vertical_pad" value="8"/> + <distance name="bottom_height" value="1"/> + <distance name="left_width" value="1"/> + <distance name="right_width" value="1"/> +</frame_geometry> + + +<!-- TITLES --> + +<!-- Title alignment --> +<draw_ops name="title_focused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_focused" /> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused" /> +</draw_ops> + +<!-- WINDOW DECORATIONS --> +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_focused"> + <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_focused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="border_right_focused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<!-- BUTTON ICONS --> +<!-- note: negative values in x or y causes gnome-shell to crash --> + +<!-- Close icon --> +<draw_ops name="close_focused"> + <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_prelight"> + <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_pressed"> + <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused"> + <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_prelight"> + <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_pressed"> + <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Maximize icon --> +<draw_ops name="maximize_focused"> + <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_prelight"> + <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_pressed"> + <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused"> + <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_prelight"> + <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_pressed"> + <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + +<!-- Unmaximize icon --> +<draw_ops name="unmaximize_focused"> + <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_prelight"> + <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_pressed"> + <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused"> + <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_prelight"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_pressed"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Minimize icon --> +<draw_ops name="minimize_focused"> + <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_prelight"> + <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_pressed"> + <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused"> + <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_prelight"> + <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_pressed"> + <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Menu icon --> +<draw_ops name="menu_focused"> + <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_prelight"> + <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_pressed"> + <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused"> + <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_prelight"> + <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_pressed"> + <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Shade icon --> +<draw_ops name="shade_focused"> + <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_prelight"> + <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_pressed"> + <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused"> + <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_prelight"> + <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_pressed"> + <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Unshade icon --> +<draw_ops name="unshade_focused"> + <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_prelight"> + <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_pressed"> + <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused"> + <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_prelight"> + <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_pressed"> + <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- FRAME STYLES --> +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="borderless" geometry="borderless"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- placeholder for unimplementated styles--> +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- FRAME STYLE SETS --> +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused" /> + <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> + <frame focus="yes" state="maximized" style="normal_max_focused" /> + <frame focus="no" state="maximized" style="normal_max_unfocused" /> + <frame focus="yes" state="shaded" style="normal_focused" /> + <frame focus="no" state="shaded" style="normal_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="dialog_focused" /> + <frame focus="no" state="shaded" style="dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="modal_dialog_focused" /> + <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused" /> + <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="utility_focused" /> + <frame focus="no" state="shaded" style="utility_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused" /> + <frame focus="no" state="normal" resize="both" style="border_unfocused" /> + <frame focus="yes" state="maximized" style="borderless" /> + <frame focus="no" state="maximized" style="borderless" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<!-- WINDOWS --> +<window type="normal" style_set="normal_style_set" /> +<window type="dialog" style_set="dialog_style_set" /> +<window type="modal_dialog" style_set="modal_dialog_style_set" /> +<window type="menu" style_set="utility_style_set" /> +<window type="utility" style_set="utility_style_set" /> +<window type="border" style_set="border_style_set" /> + +</metacity_theme> diff --git a/.themes/Otis/metacity-1/metacity-theme-3.xml b/.themes/Otis/metacity-1/metacity-theme-3.xml new file mode 100755 index 000000000..88c7eb491 --- /dev/null +++ b/.themes/Otis/metacity-1/metacity-theme-3.xml @@ -0,0 +1,1144 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <name>Otis</name> + <author>Eliver Lara <eliverlara@gmail></author> + <copyright>ÂEliver Lara, 2022</copyright> + <date>2022</date> + <description>Otis Window Theme</description> +</info> + + +<!-- CONSTANTS --> +<constant name="C_titlebar" value="#202835" /> +<constant name="C_titlebar_unfocused" value="#202835" /> +<constant name="C_border_focused" value="#202835" /> +<constant name="C_border_unfocused" value="#202835" /> +<constant name="C_title_focused" value="#d8dee9" /> +<constant name="C_title_unfocused" value="#93979f" /> + +<constant name="C_wm_button_background" value="#fc2" /> +<constant name="C_wm_button_foreground" value="#283141" /> +<constant name="C_wm_button_unfocused" value="#e6e8eb" /> + +<constant name="C_close_button" value="#283141" /> +<constant name="C_maximize_button" value="#283141" /> +<constant name="C_restore_button" value="#283141" /> +<constant name="C_minimize_button" value="#283141" /> + +<!-- GEOMETRY --> + +<!-- Focused window --> +<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="left_titlebar_edge" value="5" /> + <distance name="right_titlebar_edge" value="5" /> + <distance name="title_vertical_pad" value="4" /> + <aspect_ratio name="button" value="1.0" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Unfocused window --> +<frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="4" rounded_top_right="4" parent="normal" > + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Maximized window --> +<frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Left tiled window --> +<frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="right_width" value="0" /> +</frame_geometry> + +<!-- Right tiled window --> +<frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="left_width" value="0" /> +</frame_geometry> + +<!-- Small window --> +<frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Small unfocused window --> +<frame_geometry name="small_unfocused" parent="small"> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> +</frame_geometry> + +<!-- No buttons --> +<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> +</frame_geometry> + +<!-- Border --> +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="title_vertical_pad" value="1" /> + <border name="title_border" left="10" right="10" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<!-- Borderless --> +<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="0" /> + <border name="title_border" left="0" right="0" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Modal --> +<frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> + <distance name="title_vertical_pad" value="5"/> +</frame_geometry> + +<frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="title_vertical_pad" value="8"/> + <distance name="bottom_height" value="1"/> + <distance name="left_width" value="1"/> + <distance name="right_width" value="1"/> +</frame_geometry> + + +<!-- TITLES --> + +<!-- Title alignment --> +<draw_ops name="title_focused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_focused" /> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused" /> +</draw_ops> + +<!-- WINDOW DECORATIONS --> +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_focused"> + <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_focused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="border_right_focused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<!-- BUTTON ICONS --> +<!-- note: negative values in x or y causes gnome-shell to crash --> + +<!-- Close icon --> +<draw_ops name="close_focused"> + <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_prelight"> + <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_pressed"> + <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused"> + <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_prelight"> + <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_pressed"> + <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Maximize icon --> +<draw_ops name="maximize_focused"> + <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_prelight"> + <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_pressed"> + <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused"> + <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_prelight"> + <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_pressed"> + <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + +<!-- Unmaximize icon --> +<draw_ops name="unmaximize_focused"> + <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_prelight"> + <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_pressed"> + <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused"> + <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_prelight"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_pressed"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Minimize icon --> +<draw_ops name="minimize_focused"> + <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_prelight"> + <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_pressed"> + <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused"> + <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_prelight"> + <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_pressed"> + <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Menu icon --> +<draw_ops name="menu_focused"> + <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_prelight"> + <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_pressed"> + <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused"> + <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_prelight"> + <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_pressed"> + <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Shade icon --> +<draw_ops name="shade_focused"> + <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_prelight"> + <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_pressed"> + <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused"> + <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_prelight"> + <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_pressed"> + <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Unshade icon --> +<draw_ops name="unshade_focused"> + <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_prelight"> + <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_pressed"> + <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused"> + <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_prelight"> + <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_pressed"> + <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- FRAME STYLES --> +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="borderless" geometry="borderless"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- placeholder for unimplementated styles--> +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- FRAME STYLE SETS --> +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused" /> + <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> + <frame focus="yes" state="maximized" style="normal_max_focused" /> + <frame focus="no" state="maximized" style="normal_max_unfocused" /> + <frame focus="yes" state="shaded" style="normal_focused" /> + <frame focus="no" state="shaded" style="normal_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="dialog_focused" /> + <frame focus="no" state="shaded" style="dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="modal_dialog_focused" /> + <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused" /> + <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="utility_focused" /> + <frame focus="no" state="shaded" style="utility_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused" /> + <frame focus="no" state="normal" resize="both" style="border_unfocused" /> + <frame focus="yes" state="maximized" style="borderless" /> + <frame focus="no" state="maximized" style="borderless" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<!-- WINDOWS --> +<window type="normal" style_set="normal_style_set" /> +<window type="dialog" style_set="dialog_style_set" /> +<window type="modal_dialog" style_set="modal_dialog_style_set" /> +<window type="menu" style_set="utility_style_set" /> +<window type="utility" style_set="utility_style_set" /> +<window type="border" style_set="border_style_set" /> + +</metacity_theme> diff --git a/.themes/Otis/metacity-1/metacity-theme.xml b/.themes/Otis/metacity-1/metacity-theme.xml new file mode 100755 index 000000000..bac7900d9 --- /dev/null +++ b/.themes/Otis/metacity-1/metacity-theme.xml @@ -0,0 +1,1144 @@ +<?xml version="1.0"?> +<metacity_theme> +<info> + <name>Otis</name> + <author>Eliver Lara <eliverlara@gmail></author> + <copyright>ÂEliver Lara, 2022</copyright> + <date>2022</date> + <description>Otis Window Theme</description> +</info> + + +<!-- CONSTANTS --> +<constant name="C_titlebar" value="#202835" /> +<constant name="C_titlebar_unfocused" value="#202835" /> +<constant name="C_border_focused" value="#202835" /> +<constant name="C_border_unfocused" value="#202835" /> +<constant name="C_title_focused" value="#d8dee9" /> +<constant name="C_title_unfocused" value="#93979f" /> + +<constant name="C_wm_button_background" value="#fc2" /> +<constant name="C_wm_button_foreground" value="#283141" /> +<constant name="C_wm_button_unfocused" value="#e6e8eb" /> + +<constant name="C_close_button" value="#283141" /> +<constant name="C_maximize_button" value="#283141" /> +<constant name="C_restore_button" value="#283141" /> +<constant name="C_minimize_button" value="#283141" /> + +<!-- GEOMETRY --> + +<!-- Focused window --> +<frame_geometry name="normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4"> + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="3" /> + <distance name="left_titlebar_edge" value="5" /> + <distance name="right_titlebar_edge" value="5" /> + <distance name="title_vertical_pad" value="4" /> + <aspect_ratio name="button" value="1.0" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Unfocused window --> +<frame_geometry name="normal_unfocused" title_scale="medium" rounded_top_left="4" rounded_top_right="4" parent="normal" > + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Maximized window --> +<frame_geometry name="max" title_scale="medium" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="4" bottom="4" /> + <border name="button_border" left="0" right="0" top="4" bottom="4" /> +</frame_geometry> + +<!-- Left tiled window --> +<frame_geometry name="tiled_left" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="right_width" value="0" /> +</frame_geometry> + +<!-- Right tiled window --> +<frame_geometry name="tiled_right" title_scale="medium" rounded_top_left="false" rounded_top_right="false" parent="max"> + <distance name="left_width" value="0" /> +</frame_geometry> + +<!-- Small window --> +<frame_geometry name="small" title_scale="small" parent="normal" rounded_top_left="false" rounded_top_right="false"> + <distance name="title_vertical_pad" value="4" /> + <border name="title_border" left="4" right="4" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Small unfocused window --> +<frame_geometry name="small_unfocused" parent="small"> + <distance name="left_titlebar_edge" value="5"/> + <distance name="right_titlebar_edge" value="5"/> +</frame_geometry> + +<!-- No buttons --> +<frame_geometry name="nobuttons" hide_buttons="true" parent="normal"> +</frame_geometry> + +<!-- Border --> +<frame_geometry name="border" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal" > + <distance name="left_width" value="1" /> + <distance name="right_width" value="1" /> + <distance name="bottom_height" value="1" /> + <distance name="title_vertical_pad" value="1" /> + <border name="title_border" left="10" right="10" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0"/> +</frame_geometry> + +<!-- Borderless --> +<frame_geometry name="borderless" has_title="false" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="left_width" value="0" /> + <distance name="right_width" value="0" /> + <distance name="bottom_height" value="0" /> + <distance name="title_vertical_pad" value="0" /> + <border name="title_border" left="0" right="0" top="0" bottom="0" /> + <border name="button_border" left="0" right="0" top="0" bottom="0" /> +</frame_geometry> + +<!-- Modal --> +<frame_geometry name="modal" title_scale="small" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="small"> + <distance name="title_vertical_pad" value="5"/> +</frame_geometry> + +<frame_geometry name="attached" title_scale="medium" hide_buttons="true" rounded_top_left="false" rounded_top_right="false" parent="normal"> + <distance name="title_vertical_pad" value="8"/> + <distance name="bottom_height" value="1"/> + <distance name="left_width" value="1"/> + <distance name="right_width" value="1"/> +</frame_geometry> + + +<!-- TITLES --> + +<!-- Title alignment --> +<draw_ops name="title_focused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_focused" /> +</draw_ops> + +<draw_ops name="title_unfocused"> + <title x="(0 `max` ((width - title_width) / 2)) + 2" + y="(0 `max` ((height - title_height) / 2))" + color="C_title_unfocused" /> +</draw_ops> + +<!-- WINDOW DECORATIONS --> +<draw_ops name="entire_background_focused"> + <rectangle color="C_titlebar" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="entire_background_unfocused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_focused"> + <rectangle color="C_titlebar" x="4" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_fill_attached_focused"> + <include name="entire_background_focused" /> +</draw_ops> + +<draw_ops name="titlebar_fill_unfocused"> + <rectangle color="C_titlebar_unfocused" x="0" y="0" width="width" height="height" filled="true" /> +</draw_ops> + +<draw_ops name="titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="titlebar_attached_focused"> <!-- titlebar for attached and modal dialogs --> + <include name="titlebar_fill_attached_focused" /> +</draw_ops> + +<draw_ops name="rounded_titlebar_focused"> + <include name="titlebar_fill_focused" /> +</draw_ops> + +<draw_ops name="border_focused"> + <rectangle color="C_border_focused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="border_unfocused"> + <rectangle color="C_border_unfocused" x="0" y="0" width="width-1" height="height-1" filled="false" /> +</draw_ops> + +<draw_ops name="rounded_border_focused"> + <line color="C_border_focused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_focused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_focused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_focused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_focused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_focused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="rounded_border_unfocused"> + <line color="C_border_unfocused" x1="2" y1="0" x2="width-3" y2="0" /> + <line color="C_border_unfocused" x1="0" y1="height-1" x2="width-1" y2="height-1" /> + <line color="C_border_unfocused" x1="0" y1="2" x2="0" y2="height-2" /> + <line color="C_border_unfocused" x1="width-1" y1="2" x2="width-1" y2="height-2" /> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> + <!-- double arcs for darker borders --> + <arc color="C_border_unfocused" x="0" y="0" width="3" height="3" start_angle="270" extent_angle="90" /> + <arc color="C_border_unfocused" x="width-3" y="0" width="2" height="3" start_angle="0" extent_angle="90" /> +</draw_ops> + +<draw_ops name="border_right_focused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_right_unfocused"> + <line + x1="width-1" y1="0" + x2="width-1" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<draw_ops name="border_left_focused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_focused" /> +</draw_ops> + +<draw_ops name="border_left_unfocused"> + <line + x1="0" y1="0" + x2="0" y2="height" + color="C_border_unfocused" /> +</draw_ops> + +<!-- BUTTON ICONS --> +<!-- note: negative values in x or y causes gnome-shell to crash --> + +<!-- Close icon --> +<draw_ops name="close_focused"> + <image filename="close_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_prelight"> + <image filename="close_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_focused_pressed"> + <image filename="close_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused"> + <image filename="close_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_prelight"> + <image filename="close_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="close_unfocused_pressed"> + <image filename="close_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Maximize icon --> +<draw_ops name="maximize_focused"> + <image filename="maximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_prelight"> + <image filename="maximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_focused_pressed"> + <image filename="maximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused"> + <image filename="maximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_prelight"> + <image filename="maximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="maximize_unfocused_pressed"> + <image filename="maximize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + +<!-- Unmaximize icon --> +<draw_ops name="unmaximize_focused"> + <image filename="unmaximize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_prelight"> + <image filename="unmaximize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_focused_pressed"> + <image filename="unmaximize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused"> + <image filename="unmaximize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_prelight"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unmaximize_unfocused_pressed"> + <image filename="unmaximize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Minimize icon --> +<draw_ops name="minimize_focused"> + <image filename="minimize_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_prelight"> + <image filename="minimize_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_focused_pressed"> + <image filename="minimize_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused"> + <image filename="minimize_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_prelight"> + <image filename="minimize_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="minimize_unfocused_pressed"> + <image filename="minimize_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Menu icon --> +<draw_ops name="menu_focused"> + <image filename="menu_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_prelight"> + <image filename="menu_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_focused_pressed"> + <image filename="menu_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused"> + <image filename="menu_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_prelight"> + <image filename="menu_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="menu_unfocused_pressed"> + <image filename="menu_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Shade icon --> +<draw_ops name="shade_focused"> + <image filename="shade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_prelight"> + <image filename="shade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_focused_pressed"> + <image filename="shade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused"> + <image filename="shade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_prelight"> + <image filename="shade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="shade_unfocused_pressed"> + <image filename="shade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- Unshade icon --> +<draw_ops name="unshade_focused"> + <image filename="unshade_focused_normal.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_prelight"> + <image filename="unshade_focused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_focused_pressed"> + <image filename="unshade_focused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused"> + <image filename="unshade_unfocused.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_prelight"> + <image filename="unshade_unfocused_prelight.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> +<draw_ops name="unshade_unfocused_pressed"> + <image filename="unshade_unfocused_pressed.png" x="0" y="2" width="object_width" height="object_height" /> +</draw_ops> + + +<!-- FRAME STYLES --> +<frame_style name="normal_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_focused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_focused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="normal_max_shaded_unfocused" geometry="max"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay"><draw_ops><line x1="0" y1="height-1" x2="width" y2="height-1" color="C_border_unfocused" /></draw_ops></piece> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_focused" geometry="normal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="rounded_titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="rounded_border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="dialog_unfocused" geometry="normal_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="rounded_border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_focused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button><button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="modal_dialog_unfocused" geometry="modal"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_focused" geometry="small"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="utility_unfocused" geometry="small_unfocused"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_focused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="border_unfocused" geometry="border"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="borderless" geometry="borderless"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_focused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_focused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="attached_unfocused" geometry="attached"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_attached_focused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_unfocused" /> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_focused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_right_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_left_unfocused" geometry="tiled_left"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_right_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_focused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_focused" /> + <piece position="titlebar" draw_ops="titlebar_fill_focused" /> + <piece position="title" draw_ops="title_focused" /> + <piece position="overlay" draw_ops="border_left_focused" /> + <button function="close" state="normal" draw_ops="close_focused" /> + <button function="close" state="prelight" draw_ops="close_focused_prelight" /> + <button function="close" state="pressed" draw_ops="close_focused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_focused" /> + <button function="maximize" state="prelight" draw_ops="maximize_focused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_focused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_focused" /> + <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_focused" /> + <button function="menu" state="prelight" draw_ops="menu_focused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_focused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_focused" /> + <button function="shade" state="prelight" draw_ops="shade_focused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_focused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_focused" /> + <button function="unshade" state="prelight" draw_ops="unshade_focused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_focused_pressed" /> + + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<frame_style name="tiled_right_unfocused" geometry="tiled_right"> + <piece position="entire_background" draw_ops="entire_background_unfocused" /> + <piece position="titlebar" draw_ops="titlebar_fill_unfocused" /> + <piece position="title" draw_ops="title_unfocused" /> + <piece position="overlay" draw_ops="border_left_unfocused" /> + <button function="close" state="normal" draw_ops="close_unfocused" /> + <button function="close" state="prelight" draw_ops="close_unfocused_prelight" /> + <button function="close" state="pressed" draw_ops="close_unfocused_pressed" /> + <button function="maximize" state="normal" draw_ops="maximize_unfocused" /> + <button function="maximize" state="prelight" draw_ops="maximize_unfocused_prelight" /> + <button function="maximize" state="pressed" draw_ops="maximize_unfocused_pressed" /> + <button function="minimize" state="normal" draw_ops="minimize_unfocused" /> + <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight" /> + <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed" /> + <button function="menu" state="normal" draw_ops="menu_unfocused" /> + <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight" /> + <button function="menu" state="pressed" draw_ops="menu_unfocused_pressed" /> + <button function="shade" state="normal" draw_ops="shade_unfocused" /> + <button function="shade" state="prelight" draw_ops="shade_unfocused_prelight" /> + <button function="shade" state="pressed" draw_ops="shade_unfocused_pressed" /> + <button function="unshade" state="normal" draw_ops="unshade_unfocused" /> + <button function="unshade" state="prelight" draw_ops="unshade_unfocused_prelight" /> + <button function="unshade" state="pressed" draw_ops="unshade_unfocused_pressed" /> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- placeholder for unimplementated styles--> +<frame_style name="blank" geometry="normal"> + <button function="close" state="normal"><draw_ops></draw_ops></button> + <button function="close" state="pressed"><draw_ops></draw_ops></button> + <button function="maximize" state="normal"><draw_ops></draw_ops></button> + <button function="maximize" state="pressed"><draw_ops></draw_ops></button> + <button function="minimize" state="normal"><draw_ops></draw_ops></button> + <button function="minimize" state="pressed"><draw_ops></draw_ops></button> + <button function="menu" state="normal"><draw_ops></draw_ops></button> + <button function="menu" state="pressed"><draw_ops></draw_ops></button> + <button function="shade" state="normal"><draw_ops></draw_ops></button> + <button function="shade" state="prelight"><draw_ops></draw_ops></button> + <button function="shade" state="pressed"><draw_ops></draw_ops></button> + <button function="unshade" state="normal"><draw_ops></draw_ops></button> + <button function="unshade" state="prelight"><draw_ops></draw_ops></button> + <button function="unshade" state="pressed"><draw_ops></draw_ops></button> + <button function="above" state="normal"><draw_ops></draw_ops></button> + <button function="above" state="pressed"><draw_ops></draw_ops></button> + <button function="unabove" state="normal"><draw_ops></draw_ops></button> + <button function="unabove" state="pressed"><draw_ops></draw_ops></button> + <button function="stick" state="normal"><draw_ops></draw_ops></button> + <button function="stick" state="pressed"><draw_ops></draw_ops></button> + <button function="unstick" state="normal"><draw_ops></draw_ops></button> + <button function="unstick" state="pressed"><draw_ops></draw_ops></button> +</frame_style> + +<!-- FRAME STYLE SETS --> +<frame_style_set name="normal_style_set"> + <frame focus="yes" state="normal" resize="both" style="normal_focused" /> + <frame focus="no" state="normal" resize="both" style="normal_unfocused" /> + <frame focus="yes" state="maximized" style="normal_max_focused" /> + <frame focus="no" state="maximized" style="normal_max_unfocused" /> + <frame focus="yes" state="shaded" style="normal_focused" /> + <frame focus="no" state="shaded" style="normal_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="normal_max_shaded_focused" /> + <frame focus="no" state="maximized_and_shaded" style="normal_max_shaded_unfocused" /> +</frame_style_set> + +<frame_style_set name="dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="dialog_focused" /> + <frame focus="no" state="shaded" style="dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="modal_dialog_style_set"> + <frame focus="yes" state="normal" resize="both" style="modal_dialog_focused" /> + <frame focus="no" state="normal" resize="both" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="modal_dialog_focused" /> + <frame focus="no" state="shaded" style="modal_dialog_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="utility_style_set"> + <frame focus="yes" state="normal" resize="both" style="utility_focused" /> + <frame focus="no" state="normal" resize="both" style="utility_unfocused" /> + <frame focus="yes" state="maximized" style="blank" /> + <frame focus="no" state="maximized" style="blank" /> + <frame focus="yes" state="shaded" style="utility_focused" /> + <frame focus="no" state="shaded" style="utility_unfocused" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<frame_style_set name="border_style_set"> + <frame focus="yes" state="normal" resize="both" style="border_focused" /> + <frame focus="no" state="normal" resize="both" style="border_unfocused" /> + <frame focus="yes" state="maximized" style="borderless" /> + <frame focus="no" state="maximized" style="borderless" /> + <frame focus="yes" state="shaded" style="blank" /> + <frame focus="no" state="shaded" style="blank" /> + <frame focus="yes" state="maximized_and_shaded" style="blank" /> + <frame focus="no" state="maximized_and_shaded" style="blank" /> +</frame_style_set> + +<!-- WINDOWS --> +<window type="normal" style_set="normal_style_set" /> +<window type="dialog" style_set="dialog_style_set" /> +<window type="modal_dialog" style_set="modal_dialog_style_set" /> +<window type="menu" style_set="utility_style_set" /> +<window type="utility" style_set="utility_style_set" /> +<window type="border" style_set="border_style_set" /> + +</metacity_theme> diff --git a/.themes/Otis/metacity-1/minimize.png b/.themes/Otis/metacity-1/minimize.png new file mode 100644 index 000000000..37bd8d609 Binary files /dev/null and b/.themes/Otis/metacity-1/minimize.png differ diff --git a/.themes/Otis/metacity-1/minimize_focused.png b/.themes/Otis/metacity-1/minimize_focused.png new file mode 100644 index 000000000..37bd8d609 Binary files /dev/null and b/.themes/Otis/metacity-1/minimize_focused.png differ diff --git a/.themes/Otis/metacity-1/minimize_focused_normal.png b/.themes/Otis/metacity-1/minimize_focused_normal.png new file mode 100644 index 000000000..37bd8d609 Binary files /dev/null and b/.themes/Otis/metacity-1/minimize_focused_normal.png differ diff --git a/.themes/Otis/metacity-1/minimize_focused_prelight.png b/.themes/Otis/metacity-1/minimize_focused_prelight.png new file mode 100644 index 000000000..eb721d7d2 Binary files /dev/null and b/.themes/Otis/metacity-1/minimize_focused_prelight.png differ diff --git a/.themes/Otis/metacity-1/minimize_focused_pressed.png b/.themes/Otis/metacity-1/minimize_focused_pressed.png new file mode 100644 index 000000000..eb721d7d2 Binary files /dev/null and b/.themes/Otis/metacity-1/minimize_focused_pressed.png differ diff --git a/.themes/Otis/metacity-1/minimize_unfocused.png b/.themes/Otis/metacity-1/minimize_unfocused.png new file mode 100644 index 000000000..8feb53fc4 Binary files /dev/null and b/.themes/Otis/metacity-1/minimize_unfocused.png differ diff --git a/.themes/Otis/metacity-1/minimize_unfocused_prelight.png b/.themes/Otis/metacity-1/minimize_unfocused_prelight.png new file mode 100644 index 000000000..eb721d7d2 Binary files /dev/null and b/.themes/Otis/metacity-1/minimize_unfocused_prelight.png differ diff --git a/.themes/Otis/metacity-1/minimize_unfocused_pressed.png b/.themes/Otis/metacity-1/minimize_unfocused_pressed.png new file mode 100644 index 000000000..eb721d7d2 Binary files /dev/null and b/.themes/Otis/metacity-1/minimize_unfocused_pressed.png differ diff --git a/.themes/Otis/metacity-1/shade.png b/.themes/Otis/metacity-1/shade.png new file mode 100644 index 000000000..9d1ff7ddb Binary files /dev/null and b/.themes/Otis/metacity-1/shade.png differ diff --git a/.themes/Otis/metacity-1/shade_focused.png b/.themes/Otis/metacity-1/shade_focused.png new file mode 100644 index 000000000..9d1ff7ddb Binary files /dev/null and b/.themes/Otis/metacity-1/shade_focused.png differ diff --git a/.themes/Otis/metacity-1/shade_focused_normal.png b/.themes/Otis/metacity-1/shade_focused_normal.png new file mode 100644 index 000000000..9d1ff7ddb Binary files /dev/null and b/.themes/Otis/metacity-1/shade_focused_normal.png differ diff --git a/.themes/Otis/metacity-1/shade_focused_prelight.png b/.themes/Otis/metacity-1/shade_focused_prelight.png new file mode 100644 index 000000000..90655fc85 Binary files /dev/null and b/.themes/Otis/metacity-1/shade_focused_prelight.png differ diff --git a/.themes/Otis/metacity-1/shade_focused_pressed.png b/.themes/Otis/metacity-1/shade_focused_pressed.png new file mode 100644 index 000000000..7f6df00cb Binary files /dev/null and b/.themes/Otis/metacity-1/shade_focused_pressed.png differ diff --git a/.themes/Otis/metacity-1/shade_unfocused.png b/.themes/Otis/metacity-1/shade_unfocused.png new file mode 100644 index 000000000..de565c001 Binary files /dev/null and b/.themes/Otis/metacity-1/shade_unfocused.png differ diff --git a/.themes/Otis/metacity-1/shade_unfocused_prelight.png b/.themes/Otis/metacity-1/shade_unfocused_prelight.png new file mode 100644 index 000000000..9d1ff7ddb Binary files /dev/null and b/.themes/Otis/metacity-1/shade_unfocused_prelight.png differ diff --git a/.themes/Otis/metacity-1/shade_unfocused_pressed.png b/.themes/Otis/metacity-1/shade_unfocused_pressed.png new file mode 100644 index 000000000..7f6df00cb Binary files /dev/null and b/.themes/Otis/metacity-1/shade_unfocused_pressed.png differ diff --git a/.themes/Otis/metacity-1/thumbnail.png b/.themes/Otis/metacity-1/thumbnail.png new file mode 100644 index 000000000..5403b13ff Binary files /dev/null and b/.themes/Otis/metacity-1/thumbnail.png differ diff --git a/.themes/Otis/metacity-1/unmaximize.png b/.themes/Otis/metacity-1/unmaximize.png new file mode 100644 index 000000000..c66a6d6ce Binary files /dev/null and b/.themes/Otis/metacity-1/unmaximize.png differ diff --git a/.themes/Otis/metacity-1/unmaximize_focused.png b/.themes/Otis/metacity-1/unmaximize_focused.png new file mode 100644 index 000000000..c66a6d6ce Binary files /dev/null and b/.themes/Otis/metacity-1/unmaximize_focused.png differ diff --git a/.themes/Otis/metacity-1/unmaximize_focused_normal.png b/.themes/Otis/metacity-1/unmaximize_focused_normal.png new file mode 100644 index 000000000..c66a6d6ce Binary files /dev/null and b/.themes/Otis/metacity-1/unmaximize_focused_normal.png differ diff --git a/.themes/Otis/metacity-1/unmaximize_focused_prelight.png b/.themes/Otis/metacity-1/unmaximize_focused_prelight.png new file mode 100644 index 000000000..fb6857edb Binary files /dev/null and b/.themes/Otis/metacity-1/unmaximize_focused_prelight.png differ diff --git a/.themes/Otis/metacity-1/unmaximize_focused_pressed.png b/.themes/Otis/metacity-1/unmaximize_focused_pressed.png new file mode 100644 index 000000000..fb6857edb Binary files /dev/null and b/.themes/Otis/metacity-1/unmaximize_focused_pressed.png differ diff --git a/.themes/Otis/metacity-1/unmaximize_unfocused.png b/.themes/Otis/metacity-1/unmaximize_unfocused.png new file mode 100644 index 000000000..9278df618 Binary files /dev/null and b/.themes/Otis/metacity-1/unmaximize_unfocused.png differ diff --git a/.themes/Otis/metacity-1/unmaximize_unfocused_prelight.png b/.themes/Otis/metacity-1/unmaximize_unfocused_prelight.png new file mode 100644 index 000000000..fb6857edb Binary files /dev/null and b/.themes/Otis/metacity-1/unmaximize_unfocused_prelight.png differ diff --git a/.themes/Otis/metacity-1/unmaximize_unfocused_pressed.png b/.themes/Otis/metacity-1/unmaximize_unfocused_pressed.png new file mode 100644 index 000000000..fb6857edb Binary files /dev/null and b/.themes/Otis/metacity-1/unmaximize_unfocused_pressed.png differ diff --git a/.themes/Otis/metacity-1/unshade.png b/.themes/Otis/metacity-1/unshade.png new file mode 100644 index 000000000..ca57d0534 Binary files /dev/null and b/.themes/Otis/metacity-1/unshade.png differ diff --git a/.themes/Otis/metacity-1/unshade_focused.png b/.themes/Otis/metacity-1/unshade_focused.png new file mode 100644 index 000000000..ca57d0534 Binary files /dev/null and b/.themes/Otis/metacity-1/unshade_focused.png differ diff --git a/.themes/Otis/metacity-1/unshade_focused_normal.png b/.themes/Otis/metacity-1/unshade_focused_normal.png new file mode 100644 index 000000000..ca57d0534 Binary files /dev/null and b/.themes/Otis/metacity-1/unshade_focused_normal.png differ diff --git a/.themes/Otis/metacity-1/unshade_focused_prelight.png b/.themes/Otis/metacity-1/unshade_focused_prelight.png new file mode 100644 index 000000000..b20ccf6d3 Binary files /dev/null and b/.themes/Otis/metacity-1/unshade_focused_prelight.png differ diff --git a/.themes/Otis/metacity-1/unshade_focused_pressed.png b/.themes/Otis/metacity-1/unshade_focused_pressed.png new file mode 100644 index 000000000..c8703e488 Binary files /dev/null and b/.themes/Otis/metacity-1/unshade_focused_pressed.png differ diff --git a/.themes/Otis/metacity-1/unshade_unfocused.png b/.themes/Otis/metacity-1/unshade_unfocused.png new file mode 100644 index 000000000..de565c001 Binary files /dev/null and b/.themes/Otis/metacity-1/unshade_unfocused.png differ diff --git a/.themes/Otis/metacity-1/unshade_unfocused_prelight.png b/.themes/Otis/metacity-1/unshade_unfocused_prelight.png new file mode 100644 index 000000000..ca57d0534 Binary files /dev/null and b/.themes/Otis/metacity-1/unshade_unfocused_prelight.png differ diff --git a/.themes/Otis/metacity-1/unshade_unfocused_pressed.png b/.themes/Otis/metacity-1/unshade_unfocused_pressed.png new file mode 100644 index 000000000..c8703e488 Binary files /dev/null and b/.themes/Otis/metacity-1/unshade_unfocused_pressed.png differ diff --git a/.themes/Otis/xfwm4/bottom-active.png b/.themes/Otis/xfwm4/bottom-active.png new file mode 100644 index 000000000..795ec27fa Binary files /dev/null and b/.themes/Otis/xfwm4/bottom-active.png differ diff --git a/.themes/Otis/xfwm4/bottom-inactive.png b/.themes/Otis/xfwm4/bottom-inactive.png new file mode 100644 index 000000000..795ec27fa Binary files /dev/null and b/.themes/Otis/xfwm4/bottom-inactive.png differ diff --git a/.themes/Otis/xfwm4/bottom-left-active.png b/.themes/Otis/xfwm4/bottom-left-active.png new file mode 100644 index 000000000..21eac8578 Binary files /dev/null and b/.themes/Otis/xfwm4/bottom-left-active.png differ diff --git a/.themes/Otis/xfwm4/bottom-left-inactive.png b/.themes/Otis/xfwm4/bottom-left-inactive.png new file mode 100644 index 000000000..21eac8578 Binary files /dev/null and b/.themes/Otis/xfwm4/bottom-left-inactive.png differ diff --git a/.themes/Otis/xfwm4/bottom-right-active.png b/.themes/Otis/xfwm4/bottom-right-active.png new file mode 100644 index 000000000..f39562968 Binary files /dev/null and b/.themes/Otis/xfwm4/bottom-right-active.png differ diff --git a/.themes/Otis/xfwm4/bottom-right-inactive.png b/.themes/Otis/xfwm4/bottom-right-inactive.png new file mode 100644 index 000000000..f39562968 Binary files /dev/null and b/.themes/Otis/xfwm4/bottom-right-inactive.png differ diff --git a/.themes/Otis/xfwm4/close-active.png b/.themes/Otis/xfwm4/close-active.png new file mode 100644 index 000000000..8cd878196 Binary files /dev/null and b/.themes/Otis/xfwm4/close-active.png differ diff --git a/.themes/Otis/xfwm4/close-inactive.png b/.themes/Otis/xfwm4/close-inactive.png new file mode 100644 index 000000000..9c936db49 Binary files /dev/null and b/.themes/Otis/xfwm4/close-inactive.png differ diff --git a/.themes/Otis/xfwm4/close-prelight.png b/.themes/Otis/xfwm4/close-prelight.png new file mode 100644 index 000000000..1eb8d6f99 Binary files /dev/null and b/.themes/Otis/xfwm4/close-prelight.png differ diff --git a/.themes/Otis/xfwm4/close-pressed.png b/.themes/Otis/xfwm4/close-pressed.png new file mode 100644 index 000000000..1eb8d6f99 Binary files /dev/null and b/.themes/Otis/xfwm4/close-pressed.png differ diff --git a/.themes/Otis/xfwm4/hide-active.png b/.themes/Otis/xfwm4/hide-active.png new file mode 100644 index 000000000..5ea765a8a Binary files /dev/null and b/.themes/Otis/xfwm4/hide-active.png differ diff --git a/.themes/Otis/xfwm4/hide-inactive.png b/.themes/Otis/xfwm4/hide-inactive.png new file mode 100644 index 000000000..9c936db49 Binary files /dev/null and b/.themes/Otis/xfwm4/hide-inactive.png differ diff --git a/.themes/Otis/xfwm4/hide-prelight.png b/.themes/Otis/xfwm4/hide-prelight.png new file mode 100644 index 000000000..567ffbdbb Binary files /dev/null and b/.themes/Otis/xfwm4/hide-prelight.png differ diff --git a/.themes/Otis/xfwm4/hide-pressed.png b/.themes/Otis/xfwm4/hide-pressed.png new file mode 100644 index 000000000..567ffbdbb Binary files /dev/null and b/.themes/Otis/xfwm4/hide-pressed.png differ diff --git a/.themes/Otis/xfwm4/left-active.png b/.themes/Otis/xfwm4/left-active.png new file mode 100644 index 000000000..2940d64aa Binary files /dev/null and b/.themes/Otis/xfwm4/left-active.png differ diff --git a/.themes/Otis/xfwm4/left-inactive.png b/.themes/Otis/xfwm4/left-inactive.png new file mode 100644 index 000000000..2940d64aa Binary files /dev/null and b/.themes/Otis/xfwm4/left-inactive.png differ diff --git a/.themes/Otis/xfwm4/maximize-active.png b/.themes/Otis/xfwm4/maximize-active.png new file mode 100644 index 000000000..a97542bc7 Binary files /dev/null and b/.themes/Otis/xfwm4/maximize-active.png differ diff --git a/.themes/Otis/xfwm4/maximize-inactive.png b/.themes/Otis/xfwm4/maximize-inactive.png new file mode 100644 index 000000000..5c8047804 Binary files /dev/null and b/.themes/Otis/xfwm4/maximize-inactive.png differ diff --git a/.themes/Otis/xfwm4/maximize-prelight.png b/.themes/Otis/xfwm4/maximize-prelight.png new file mode 100644 index 000000000..2d219559e Binary files /dev/null and b/.themes/Otis/xfwm4/maximize-prelight.png differ diff --git a/.themes/Otis/xfwm4/maximize-pressed.png b/.themes/Otis/xfwm4/maximize-pressed.png new file mode 100644 index 000000000..2d219559e Binary files /dev/null and b/.themes/Otis/xfwm4/maximize-pressed.png differ diff --git a/.themes/Otis/xfwm4/menu-active.png b/.themes/Otis/xfwm4/menu-active.png new file mode 100644 index 000000000..a59da0ed3 Binary files /dev/null and b/.themes/Otis/xfwm4/menu-active.png differ diff --git a/.themes/Otis/xfwm4/menu-inactive.png b/.themes/Otis/xfwm4/menu-inactive.png new file mode 100644 index 000000000..a59da0ed3 Binary files /dev/null and b/.themes/Otis/xfwm4/menu-inactive.png differ diff --git a/.themes/Otis/xfwm4/menu-prelight.png b/.themes/Otis/xfwm4/menu-prelight.png new file mode 100644 index 000000000..a59da0ed3 Binary files /dev/null and b/.themes/Otis/xfwm4/menu-prelight.png differ diff --git a/.themes/Otis/xfwm4/menu-pressed.png b/.themes/Otis/xfwm4/menu-pressed.png new file mode 100644 index 000000000..a59da0ed3 Binary files /dev/null and b/.themes/Otis/xfwm4/menu-pressed.png differ diff --git a/.themes/Otis/xfwm4/right-active.png b/.themes/Otis/xfwm4/right-active.png new file mode 100644 index 000000000..2940d64aa Binary files /dev/null and b/.themes/Otis/xfwm4/right-active.png differ diff --git a/.themes/Otis/xfwm4/right-inactive.png b/.themes/Otis/xfwm4/right-inactive.png new file mode 100644 index 000000000..2940d64aa Binary files /dev/null and b/.themes/Otis/xfwm4/right-inactive.png differ diff --git a/.themes/Otis/xfwm4/shade-active.png b/.themes/Otis/xfwm4/shade-active.png new file mode 100644 index 000000000..28d55c8bc Binary files /dev/null and b/.themes/Otis/xfwm4/shade-active.png differ diff --git a/.themes/Otis/xfwm4/shade-inactive.png b/.themes/Otis/xfwm4/shade-inactive.png new file mode 100644 index 000000000..11e92cf46 Binary files /dev/null and b/.themes/Otis/xfwm4/shade-inactive.png differ diff --git a/.themes/Otis/xfwm4/shade-prelight.png b/.themes/Otis/xfwm4/shade-prelight.png new file mode 100644 index 000000000..8de55c721 Binary files /dev/null and b/.themes/Otis/xfwm4/shade-prelight.png differ diff --git a/.themes/Otis/xfwm4/shade-pressed.png b/.themes/Otis/xfwm4/shade-pressed.png new file mode 100644 index 000000000..f259511b2 Binary files /dev/null and b/.themes/Otis/xfwm4/shade-pressed.png differ diff --git a/.themes/Otis/xfwm4/stick-active.png b/.themes/Otis/xfwm4/stick-active.png new file mode 100644 index 000000000..4c8ce81b2 Binary files /dev/null and b/.themes/Otis/xfwm4/stick-active.png differ diff --git a/.themes/Otis/xfwm4/stick-inactive.png b/.themes/Otis/xfwm4/stick-inactive.png new file mode 100644 index 000000000..9ab1d7788 Binary files /dev/null and b/.themes/Otis/xfwm4/stick-inactive.png differ diff --git a/.themes/Otis/xfwm4/stick-prelight.png b/.themes/Otis/xfwm4/stick-prelight.png new file mode 100644 index 000000000..d7de86b12 Binary files /dev/null and b/.themes/Otis/xfwm4/stick-prelight.png differ diff --git a/.themes/Otis/xfwm4/stick-pressed.png b/.themes/Otis/xfwm4/stick-pressed.png new file mode 100644 index 000000000..00fbe1ea1 Binary files /dev/null and b/.themes/Otis/xfwm4/stick-pressed.png differ diff --git a/.themes/Otis/xfwm4/themerc b/.themes/Otis/xfwm4/themerc new file mode 100644 index 000000000..620dd6236 --- /dev/null +++ b/.themes/Otis/xfwm4/themerc @@ -0,0 +1,25 @@ +#button_layout=O|HMC +button_offset=2 +button_spacing=-1 + +full_width_title=true + +title_horizontal_offset=0 +title_vertical_offset_active=1 +title_vertical_offset_inactive=1 +title_shadow_active=false +title_shadow_inactive=false + +active_text_color=#d8dee9 +active_text_shadow_color=#d8dee9 +inactive_text_color=#778085 +inactive_text_shadow_color=#778085 + +shadow_delta_height=2 +shadow_delta_width=0 +shadow_delta_x=0 +shadow_delta_y=-4 +shadow_opacity=46 + +show_popup_shadow=true +show_app_icon=true diff --git a/.themes/Otis/xfwm4/title-1-active-shaded.png b/.themes/Otis/xfwm4/title-1-active-shaded.png new file mode 100644 index 000000000..3df0c27f2 Binary files /dev/null and b/.themes/Otis/xfwm4/title-1-active-shaded.png differ diff --git a/.themes/Otis/xfwm4/title-1-active.png b/.themes/Otis/xfwm4/title-1-active.png new file mode 100644 index 000000000..3df0c27f2 Binary files /dev/null and b/.themes/Otis/xfwm4/title-1-active.png differ diff --git a/.themes/Otis/xfwm4/title-1-inactive.png b/.themes/Otis/xfwm4/title-1-inactive.png new file mode 100644 index 000000000..3df0c27f2 Binary files /dev/null and b/.themes/Otis/xfwm4/title-1-inactive.png differ diff --git a/.themes/Otis/xfwm4/title-2-active.png b/.themes/Otis/xfwm4/title-2-active.png new file mode 100644 index 000000000..3df0c27f2 Binary files /dev/null and b/.themes/Otis/xfwm4/title-2-active.png differ diff --git a/.themes/Otis/xfwm4/title-2-inactive.png b/.themes/Otis/xfwm4/title-2-inactive.png new file mode 100644 index 000000000..3df0c27f2 Binary files /dev/null and b/.themes/Otis/xfwm4/title-2-inactive.png differ diff --git a/.themes/Otis/xfwm4/title-3-active.png b/.themes/Otis/xfwm4/title-3-active.png new file mode 100644 index 000000000..3df0c27f2 Binary files /dev/null and b/.themes/Otis/xfwm4/title-3-active.png differ diff --git a/.themes/Otis/xfwm4/title-3-inactive.png b/.themes/Otis/xfwm4/title-3-inactive.png new file mode 100644 index 000000000..f79cd8532 Binary files /dev/null and b/.themes/Otis/xfwm4/title-3-inactive.png differ diff --git a/.themes/Otis/xfwm4/title-4-active.png b/.themes/Otis/xfwm4/title-4-active.png new file mode 100644 index 000000000..f79cd8532 Binary files /dev/null and b/.themes/Otis/xfwm4/title-4-active.png differ diff --git a/.themes/Otis/xfwm4/title-4-inactive.png b/.themes/Otis/xfwm4/title-4-inactive.png new file mode 100644 index 000000000..f79cd8532 Binary files /dev/null and b/.themes/Otis/xfwm4/title-4-inactive.png differ diff --git a/.themes/Otis/xfwm4/title-5-active.png b/.themes/Otis/xfwm4/title-5-active.png new file mode 100644 index 000000000..f79cd8532 Binary files /dev/null and b/.themes/Otis/xfwm4/title-5-active.png differ diff --git a/.themes/Otis/xfwm4/title-5-inactive.png b/.themes/Otis/xfwm4/title-5-inactive.png new file mode 100644 index 000000000..f79cd8532 Binary files /dev/null and b/.themes/Otis/xfwm4/title-5-inactive.png differ diff --git a/.themes/Otis/xfwm4/top-left-active-shaded.png b/.themes/Otis/xfwm4/top-left-active-shaded.png new file mode 100644 index 000000000..fa10641c8 Binary files /dev/null and b/.themes/Otis/xfwm4/top-left-active-shaded.png differ diff --git a/.themes/Otis/xfwm4/top-left-active.png b/.themes/Otis/xfwm4/top-left-active.png new file mode 100644 index 000000000..fa10641c8 Binary files /dev/null and b/.themes/Otis/xfwm4/top-left-active.png differ diff --git a/.themes/Otis/xfwm4/top-left-inactive.png b/.themes/Otis/xfwm4/top-left-inactive.png new file mode 100644 index 000000000..fa10641c8 Binary files /dev/null and b/.themes/Otis/xfwm4/top-left-inactive.png differ diff --git a/.themes/Otis/xfwm4/top-right-active-shaded.png b/.themes/Otis/xfwm4/top-right-active-shaded.png new file mode 100644 index 000000000..80354c974 Binary files /dev/null and b/.themes/Otis/xfwm4/top-right-active-shaded.png differ diff --git a/.themes/Otis/xfwm4/top-right-active.png b/.themes/Otis/xfwm4/top-right-active.png new file mode 100644 index 000000000..80354c974 Binary files /dev/null and b/.themes/Otis/xfwm4/top-right-active.png differ diff --git a/.themes/Otis/xfwm4/top-right-inactive.png b/.themes/Otis/xfwm4/top-right-inactive.png new file mode 100644 index 000000000..80354c974 Binary files /dev/null and b/.themes/Otis/xfwm4/top-right-inactive.png differ -- cgit v1.2.3