From 6148739c1aef7b5b029c2d5325db5f7bd16fe6b3 Mon Sep 17 00:00:00 2001 From: Jordan Holt Date: Thu, 7 Jan 2021 18:44:37 +0000 Subject: [PATCH] Initial commit --- gtk-2.0/apps/chrome.rc | 50 + gtk-2.0/apps/gimp.rc | 83 + gtk-2.0/apps/libreoffice.rc | 12 + gtk-2.0/apps/terminal.rc | 48 + gtk-2.0/apps/thunar.rc | 13 + gtk-2.0/apps/xfce.rc | 89 + gtk-2.0/assets.svg | 4848 +++++++ gtk-2.0/assets.txt | 146 + gtk-2.0/assets/border.png | Bin 0 -> 290 bytes gtk-2.0/assets/button-active.png | Bin 0 -> 348 bytes gtk-2.0/assets/button-hover.png | Bin 0 -> 373 bytes gtk-2.0/assets/button-insensitive.png | Bin 0 -> 420 bytes gtk-2.0/assets/button.png | Bin 0 -> 395 bytes gtk-2.0/assets/checkbox-checked-active.png | 1 + gtk-2.0/assets/checkbox-checked-hover.png | 1 + .../assets/checkbox-checked-insensitive.png | 1 + gtk-2.0/assets/checkbox-checked.png | 1 + gtk-2.0/assets/checkbox-mixed-active.png | 1 + gtk-2.0/assets/checkbox-mixed-hover.png | 1 + gtk-2.0/assets/checkbox-mixed-insensitive.png | 1 + 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 + 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 .../combo-entry-ltr-button-insensitive.png | Bin 0 -> 374 bytes gtk-2.0/assets/combo-entry-ltr-button.png | Bin 0 -> 367 bytes .../assets/combo-entry-ltr-entry-active.png | Bin 0 -> 370 bytes .../combo-entry-ltr-entry-insensitive.png | Bin 0 -> 368 bytes gtk-2.0/assets/combo-entry-ltr-entry.png | Bin 0 -> 368 bytes .../assets/combo-entry-rtl-button-active.png | Bin 0 -> 378 bytes .../assets/combo-entry-rtl-button-hover.png | Bin 0 -> 369 bytes .../combo-entry-rtl-button-insensitive.png | Bin 0 -> 374 bytes gtk-2.0/assets/combo-entry-rtl-button.png | Bin 0 -> 369 bytes .../assets/combo-entry-rtl-entry-active.png | Bin 0 -> 376 bytes .../combo-entry-rtl-entry-insensitive.png | Bin 0 -> 376 bytes gtk-2.0/assets/combo-entry-rtl-entry.png | Bin 0 -> 403 bytes gtk-2.0/assets/entry-active.png | Bin 0 -> 374 bytes .../assets/entry-background-insensitive.png | Bin 0 -> 302 bytes gtk-2.0/assets/entry-background.png | Bin 0 -> 302 bytes gtk-2.0/assets/entry-insensitive.png | Bin 0 -> 357 bytes gtk-2.0/assets/entry.png | Bin 0 -> 369 bytes gtk-2.0/assets/focus.png | Bin 0 -> 314 bytes gtk-2.0/assets/frame-inline.png | Bin 0 -> 307 bytes gtk-2.0/assets/frame-notebook.png | Bin 0 -> 310 bytes gtk-2.0/assets/frame.png | Bin 0 -> 310 bytes gtk-2.0/assets/handle-horz.png | Bin 0 -> 296 bytes gtk-2.0/assets/handle-vert.png | Bin 0 -> 295 bytes gtk-2.0/assets/handle.png | Bin 0 -> 305 bytes gtk-2.0/assets/line.png | Bin 0 -> 289 bytes gtk-2.0/assets/menu-border.png | Bin 0 -> 310 bytes .../assets/menu-checkbox-checked-hover.png | Bin 0 -> 402 bytes .../menu-checkbox-checked-insensitive.png | Bin 0 -> 509 bytes gtk-2.0/assets/menu-checkbox-checked.png | Bin 0 -> 509 bytes 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 .../menu-checkbox-mixed-insensitive.png | Bin 0 -> 380 bytes gtk-2.0/assets/menu-checkbox-mixed.png | Bin 0 -> 375 bytes gtk-2.0/assets/menu-checkbox.png | Bin 0 -> 363 bytes gtk-2.0/assets/menu-pan-down-insensitive.png | Bin 0 -> 347 bytes gtk-2.0/assets/menu-pan-down.png | Bin 0 -> 328 bytes 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 gtk-2.0/assets/menu-pan-left.png | Bin 0 -> 344 bytes 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 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 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 gtk-2.0/assets/menu-radio-checked.png | Bin 0 -> 540 bytes gtk-2.0/assets/menu-radio-hover.png | Bin 0 -> 501 bytes gtk-2.0/assets/menu-radio-insensitive.png | Bin 0 -> 569 bytes gtk-2.0/assets/menu-radio-mixed-hover.png | Bin 0 -> 450 bytes .../assets/menu-radio-mixed-insensitive.png | Bin 0 -> 486 bytes gtk-2.0/assets/menu-radio-mixed.png | Bin 0 -> 450 bytes gtk-2.0/assets/menu-radio.png | Bin 0 -> 501 bytes gtk-2.0/assets/menubar-item-active.png | Bin 0 -> 301 bytes .../notebook-combo-entry-ltr-entry-active.png | Bin 0 -> 346 bytes ...book-combo-entry-ltr-entry-insensitive.png | Bin 0 -> 350 bytes .../assets/notebook-combo-entry-ltr-entry.png | Bin 0 -> 358 bytes .../notebook-combo-entry-rtl-entry-active.png | Bin 0 -> 353 bytes ...book-combo-entry-rtl-entry-insensitive.png | Bin 0 -> 353 bytes .../assets/notebook-combo-entry-rtl-entry.png | Bin 0 -> 354 bytes gtk-2.0/assets/notebook-entry-active.png | Bin 0 -> 374 bytes gtk-2.0/assets/notebook-entry-insensitive.png | Bin 0 -> 357 bytes gtk-2.0/assets/notebook-entry.png | Bin 0 -> 369 bytes gtk-2.0/assets/pan-down-insensitive.png | Bin 0 -> 347 bytes gtk-2.0/assets/pan-down.png | Bin 0 -> 328 bytes gtk-2.0/assets/pan-left-insensitive.png | Bin 0 -> 351 bytes gtk-2.0/assets/pan-left-semi.png | Bin 0 -> 326 bytes gtk-2.0/assets/pan-left.png | Bin 0 -> 343 bytes gtk-2.0/assets/pan-right-insensitive.png | Bin 0 -> 354 bytes gtk-2.0/assets/pan-right-semi.png | Bin 0 -> 325 bytes gtk-2.0/assets/pan-right.png | Bin 0 -> 344 bytes gtk-2.0/assets/pan-up-insensitive.png | Bin 0 -> 348 bytes gtk-2.0/assets/pan-up.png | Bin 0 -> 324 bytes gtk-2.0/assets/progressbar-horz-trough.png | Bin 0 -> 312 bytes gtk-2.0/assets/progressbar-horz.png | Bin 0 -> 299 bytes gtk-2.0/assets/progressbar-vert-trough.png | Bin 0 -> 312 bytes gtk-2.0/assets/progressbar-vert.png | Bin 0 -> 299 bytes gtk-2.0/assets/radio-checked-active.png | 1 + gtk-2.0/assets/radio-checked-hover.png | 1 + gtk-2.0/assets/radio-checked-insensitive.png | 1 + gtk-2.0/assets/radio-checked.png | 1 + gtk-2.0/assets/radio-mixed-active.png | 1 + gtk-2.0/assets/radio-mixed-hover.png | 1 + gtk-2.0/assets/radio-mixed-insensitive.png | 1 + gtk-2.0/assets/radio-mixed.png | 1 + gtk-2.0/assets/radio-unchecked-active.png | 1 + gtk-2.0/assets/radio-unchecked-hover.png | 1 + .../assets/radio-unchecked-insensitive.png | 1 + gtk-2.0/assets/radio-unchecked.png | 1 + 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 gtk-2.0/assets/scale-horz-trough.png | Bin 0 -> 369 bytes gtk-2.0/assets/scale-slider-active.png | Bin 0 -> 654 bytes gtk-2.0/assets/scale-slider-hover.png | Bin 0 -> 661 bytes gtk-2.0/assets/scale-slider-insensitive.png | Bin 0 -> 654 bytes gtk-2.0/assets/scale-slider.png | Bin 0 -> 654 bytes gtk-2.0/assets/scale-vert-trough-active.png | Bin 0 -> 370 bytes gtk-2.0/assets/scale-vert-trough.png | Bin 0 -> 366 bytes .../assets/scrollbar-horz-slider-active.png | Bin 0 -> 372 bytes .../assets/scrollbar-horz-slider-hover.png | Bin 0 -> 373 bytes gtk-2.0/assets/scrollbar-horz-slider.png | Bin 0 -> 355 bytes gtk-2.0/assets/scrollbar-horz-trough.png | Bin 0 -> 288 bytes .../scrollbar-vert-slider-active-rtl.png | Bin 0 -> 370 bytes .../assets/scrollbar-vert-slider-active.png | Bin 0 -> 370 bytes .../scrollbar-vert-slider-hover-rtl.png | Bin 0 -> 366 bytes .../assets/scrollbar-vert-slider-hover.png | Bin 0 -> 370 bytes gtk-2.0/assets/scrollbar-vert-slider-rtl.png | Bin 0 -> 366 bytes gtk-2.0/assets/scrollbar-vert-slider.png | Bin 0 -> 363 bytes gtk-2.0/assets/scrollbar-vert-trough-rtl.png | Bin 0 -> 288 bytes gtk-2.0/assets/scrollbar-vert-trough.png | Bin 0 -> 288 bytes gtk-2.0/assets/spin-down-insensitive.png | Bin 0 -> 348 bytes gtk-2.0/assets/spin-down.png | Bin 0 -> 316 bytes gtk-2.0/assets/spin-ltr-down-active.png | Bin 0 -> 358 bytes gtk-2.0/assets/spin-ltr-down-hover.png | Bin 0 -> 357 bytes gtk-2.0/assets/spin-ltr-down-insensitive.png | Bin 0 -> 355 bytes gtk-2.0/assets/spin-ltr-down.png | Bin 0 -> 355 bytes gtk-2.0/assets/spin-ltr-up-active.png | Bin 0 -> 355 bytes gtk-2.0/assets/spin-ltr-up-hover.png | Bin 0 -> 355 bytes gtk-2.0/assets/spin-ltr-up-insensitive.png | Bin 0 -> 345 bytes gtk-2.0/assets/spin-ltr-up.png | Bin 0 -> 345 bytes gtk-2.0/assets/spin-rtl-down-active.png | Bin 0 -> 360 bytes gtk-2.0/assets/spin-rtl-down-hover.png | Bin 0 -> 366 bytes gtk-2.0/assets/spin-rtl-down-insensitive.png | Bin 0 -> 352 bytes gtk-2.0/assets/spin-rtl-down.png | Bin 0 -> 362 bytes gtk-2.0/assets/spin-rtl-up-active.png | Bin 0 -> 344 bytes gtk-2.0/assets/spin-rtl-up-hover.png | Bin 0 -> 336 bytes gtk-2.0/assets/spin-rtl-up-insensitive.png | Bin 0 -> 341 bytes gtk-2.0/assets/spin-rtl-up.png | Bin 0 -> 344 bytes gtk-2.0/assets/spin-up-insensitive.png | Bin 0 -> 343 bytes gtk-2.0/assets/spin-up.png | Bin 0 -> 315 bytes gtk-2.0/assets/tab-down-active.png | Bin 0 -> 314 bytes gtk-2.0/assets/tab-down.png | Bin 0 -> 309 bytes gtk-2.0/assets/tab-horz-gap.png | Bin 0 -> 299 bytes gtk-2.0/assets/tab-left-active.png | Bin 0 -> 315 bytes gtk-2.0/assets/tab-left.png | Bin 0 -> 325 bytes gtk-2.0/assets/tab-right-active.png | Bin 0 -> 316 bytes gtk-2.0/assets/tab-right.png | Bin 0 -> 324 bytes gtk-2.0/assets/tab-up-active.png | Bin 0 -> 314 bytes gtk-2.0/assets/tab-up.png | Bin 0 -> 314 bytes gtk-2.0/assets/tab-vert-gap.png | Bin 0 -> 301 bytes gtk-2.0/assets/toolbar-button-active.png | Bin 0 -> 362 bytes gtk-2.0/assets/toolbar-button-hover.png | Bin 0 -> 358 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 gtk-2.0/assets/treeview-pan-down.png | Bin 0 -> 347 bytes gtk-2.0/assets/treeview-pan-up-active.png | Bin 0 -> 348 bytes gtk-2.0/assets/treeview-pan-up-hover.png | Bin 0 -> 348 bytes gtk-2.0/assets/treeview-pan-up.png | Bin 0 -> 344 bytes gtk-2.0/assets/treeview-separator-ltr.png | Bin 0 -> 305 bytes gtk-2.0/assets/treeview-separator-rtl.png | Bin 0 -> 304 bytes gtk-2.0/gtkrc | 54 + gtk-2.0/links.fish | 13 + gtk-2.0/main.rc | 2614 ++++ gtk-2.0/render-assets.sh | 24 + gtk-3.0/apps/budgie.css | 65 + gtk-3.0/apps/corebird.css | 9 + gtk-3.0/apps/gala.css | 127 + gtk-3.0/apps/gnome-applications.css | 120 + gtk-3.0/apps/mate-applications.css | 17 + gtk-3.0/apps/solus-applications.css | 12 + gtk-3.0/apps/unity.css | 74 + gtk-3.0/assets/checkbox-checked-active.png | Bin 0 -> 463 bytes gtk-3.0/assets/checkbox-checked-active@2.png | Bin 0 -> 682 bytes gtk-3.0/assets/checkbox-checked-backdrop.png | Bin 0 -> 463 bytes .../assets/checkbox-checked-backdrop@2.png | Bin 0 -> 682 bytes gtk-3.0/assets/checkbox-checked-hover.png | Bin 0 -> 463 bytes gtk-3.0/assets/checkbox-checked-hover@2.png | Bin 0 -> 682 bytes .../checkbox-checked-insensitive-backdrop.png | Bin 0 -> 482 bytes ...heckbox-checked-insensitive-backdrop@2.png | Bin 0 -> 754 bytes .../assets/checkbox-checked-insensitive.png | Bin 0 -> 482 bytes .../assets/checkbox-checked-insensitive@2.png | Bin 0 -> 754 bytes gtk-3.0/assets/checkbox-checked.png | Bin 0 -> 463 bytes gtk-3.0/assets/checkbox-checked@2.png | Bin 0 -> 682 bytes gtk-3.0/assets/checkbox-mixed-active.png | Bin 0 -> 307 bytes gtk-3.0/assets/checkbox-mixed-active@2.png | Bin 0 -> 400 bytes gtk-3.0/assets/checkbox-mixed-backdrop.png | Bin 0 -> 307 bytes gtk-3.0/assets/checkbox-mixed-backdrop@2.png | Bin 0 -> 400 bytes gtk-3.0/assets/checkbox-mixed-hover.png | Bin 0 -> 307 bytes gtk-3.0/assets/checkbox-mixed-hover@2.png | Bin 0 -> 400 bytes .../checkbox-mixed-insensitive-backdrop.png | Bin 0 -> 297 bytes .../checkbox-mixed-insensitive-backdrop@2.png | Bin 0 -> 389 bytes gtk-3.0/assets/checkbox-mixed-insensitive.png | Bin 0 -> 297 bytes .../assets/checkbox-mixed-insensitive@2.png | Bin 0 -> 389 bytes gtk-3.0/assets/checkbox-mixed.png | Bin 0 -> 307 bytes gtk-3.0/assets/checkbox-mixed@2.png | Bin 0 -> 400 bytes gtk-3.0/assets/checkbox-unchecked-active.png | Bin 0 -> 330 bytes .../assets/checkbox-unchecked-active@2.png | Bin 0 -> 359 bytes .../assets/checkbox-unchecked-backdrop.png | Bin 0 -> 323 bytes .../assets/checkbox-unchecked-backdrop@2.png | Bin 0 -> 359 bytes gtk-3.0/assets/checkbox-unchecked-hover.png | Bin 0 -> 368 bytes gtk-3.0/assets/checkbox-unchecked-hover@2.png | Bin 0 -> 420 bytes ...heckbox-unchecked-insensitive-backdrop.png | Bin 0 -> 314 bytes ...ckbox-unchecked-insensitive-backdrop@2.png | Bin 0 -> 366 bytes .../assets/checkbox-unchecked-insensitive.png | Bin 0 -> 314 bytes .../checkbox-unchecked-insensitive@2.png | Bin 0 -> 366 bytes gtk-3.0/assets/checkbox-unchecked.png | Bin 0 -> 323 bytes gtk-3.0/assets/checkbox-unchecked@2.png | Bin 0 -> 359 bytes gtk-3.0/assets/close.png | Bin 0 -> 347 bytes gtk-3.0/assets/close.svg | 83 + gtk-3.0/assets/close@2.png | Bin 0 -> 555 bytes gtk-3.0/assets/close_prelight.png | Bin 0 -> 629 bytes gtk-3.0/assets/close_prelight.svg | 92 + gtk-3.0/assets/close_prelight@2.png | Bin 0 -> 860 bytes gtk-3.0/assets/close_pressed.svg | 98 + gtk-3.0/assets/close_unfocused.png | Bin 0 -> 381 bytes gtk-3.0/assets/close_unfocused.svg | 88 + gtk-3.0/assets/close_unfocused@2.png | Bin 0 -> 604 bytes gtk-3.0/assets/grid-selection-checked.png | Bin 0 -> 1269 bytes gtk-3.0/assets/grid-selection-checked@2.png | Bin 0 -> 2421 bytes gtk-3.0/assets/grid-selection-unchecked.png | Bin 0 -> 1252 bytes gtk-3.0/assets/grid-selection-unchecked@2.png | Bin 0 -> 2460 bytes gtk-3.0/assets/maximize.png | Bin 0 -> 377 bytes gtk-3.0/assets/maximize.svg | 92 + gtk-3.0/assets/maximize@2.png | Bin 0 -> 565 bytes gtk-3.0/assets/maximize_prelight.png | Bin 0 -> 636 bytes gtk-3.0/assets/maximize_prelight.svg | 92 + gtk-3.0/assets/maximize_prelight@2.png | Bin 0 -> 876 bytes gtk-3.0/assets/maximize_pressed.svg | 102 + gtk-3.0/assets/maximize_unfocused.png | Bin 0 -> 381 bytes gtk-3.0/assets/maximize_unfocused.svg | 88 + .../menuitem-checkbox-checked-hover.png | Bin 0 -> 383 bytes .../menuitem-checkbox-checked-hover@2.png | Bin 0 -> 659 bytes .../menuitem-checkbox-checked-insensitive.png | Bin 0 -> 422 bytes ...enuitem-checkbox-checked-insensitive@2.png | Bin 0 -> 695 bytes gtk-3.0/assets/menuitem-checkbox-checked.png | Bin 0 -> 436 bytes .../assets/menuitem-checkbox-checked@2.png | Bin 0 -> 716 bytes .../assets/menuitem-checkbox-mixed-hover.png | Bin 0 -> 167 bytes .../menuitem-checkbox-mixed-hover@2.png | Bin 0 -> 185 bytes .../menuitem-checkbox-mixed-insensitive.png | Bin 0 -> 167 bytes .../menuitem-checkbox-mixed-insensitive@2.png | Bin 0 -> 183 bytes .../menuitem-checkbox-mixed-selected.png | Bin 0 -> 167 bytes .../menuitem-checkbox-mixed-selected@2.png | Bin 0 -> 186 bytes gtk-3.0/assets/menuitem-checkbox-mixed.png | Bin 0 -> 167 bytes gtk-3.0/assets/menuitem-checkbox-mixed@2.png | Bin 0 -> 186 bytes .../assets/menuitem-checkbox-unchecked.png | Bin 0 -> 328 bytes .../assets/menuitem-checkbox-unchecked@2.png | Bin 0 -> 493 bytes .../assets/menuitem-radio-checked-hover.png | Bin 0 -> 300 bytes .../assets/menuitem-radio-checked-hover@2.png | Bin 0 -> 406 bytes .../menuitem-radio-checked-insensitive.png | Bin 0 -> 298 bytes .../menuitem-radio-checked-insensitive@2.png | Bin 0 -> 413 bytes gtk-3.0/assets/menuitem-radio-checked.png | Bin 0 -> 307 bytes gtk-3.0/assets/menuitem-radio-checked@2.png | Bin 0 -> 425 bytes gtk-3.0/assets/min.png | Bin 0 -> 379 bytes gtk-3.0/assets/min.svg | 101 + gtk-3.0/assets/min@2.png | Bin 0 -> 565 bytes gtk-3.0/assets/min_prelight.png | Bin 0 -> 514 bytes gtk-3.0/assets/min_prelight.svg | 97 + gtk-3.0/assets/min_prelight@2.png | Bin 0 -> 802 bytes gtk-3.0/assets/min_pressed.svg | 111 + gtk-3.0/assets/min_unfocused.png | Bin 0 -> 381 bytes gtk-3.0/assets/min_unfocused.svg | 88 + gtk-3.0/assets/pane-handle-vertical.png | Bin 0 -> 204 bytes gtk-3.0/assets/pane-handle-vertical@2.png | Bin 0 -> 272 bytes gtk-3.0/assets/pane-handle.png | Bin 0 -> 198 bytes gtk-3.0/assets/pane-handle@2.png | Bin 0 -> 257 bytes gtk-3.0/assets/radio-checked-active.png | Bin 0 -> 812 bytes gtk-3.0/assets/radio-checked-active@2.png | Bin 0 -> 1277 bytes gtk-3.0/assets/radio-checked-backdrop.png | Bin 0 -> 812 bytes gtk-3.0/assets/radio-checked-backdrop@2.png | Bin 0 -> 1277 bytes gtk-3.0/assets/radio-checked-hover.png | Bin 0 -> 657 bytes gtk-3.0/assets/radio-checked-hover@2.png | Bin 0 -> 1021 bytes .../radio-checked-insensitive-backdrop.png | Bin 0 -> 470 bytes .../radio-checked-insensitive-backdrop@2.png | Bin 0 -> 1042 bytes gtk-3.0/assets/radio-checked-insensitive.png | Bin 0 -> 466 bytes .../assets/radio-checked-insensitive@2.png | Bin 0 -> 1059 bytes gtk-3.0/assets/radio-checked.png | Bin 0 -> 812 bytes gtk-3.0/assets/radio-checked@2.png | Bin 0 -> 1277 bytes gtk-3.0/assets/radio-mixed-active.png | Bin 0 -> 467 bytes gtk-3.0/assets/radio-mixed-active@2.png | Bin 0 -> 709 bytes gtk-3.0/assets/radio-mixed-backdrop.png | Bin 0 -> 467 bytes gtk-3.0/assets/radio-mixed-backdrop@2.png | Bin 0 -> 709 bytes gtk-3.0/assets/radio-mixed-hover.png | Bin 0 -> 467 bytes gtk-3.0/assets/radio-mixed-hover@2.png | Bin 0 -> 709 bytes .../radio-mixed-insensitive-backdrop.png | Bin 0 -> 384 bytes .../radio-mixed-insensitive-backdrop@2.png | Bin 0 -> 555 bytes gtk-3.0/assets/radio-mixed-insensitive.png | Bin 0 -> 384 bytes gtk-3.0/assets/radio-mixed-insensitive@2.png | Bin 0 -> 555 bytes gtk-3.0/assets/radio-mixed.png | Bin 0 -> 467 bytes gtk-3.0/assets/radio-mixed@2.png | Bin 0 -> 709 bytes gtk-3.0/assets/radio-selected-insensitive.png | Bin 0 -> 618 bytes .../assets/radio-selected-insensitive@2.png | Bin 0 -> 1104 bytes gtk-3.0/assets/radio-selected@2.png | Bin 0 -> 1059 bytes gtk-3.0/assets/radio-unchecked-active.png | Bin 0 -> 713 bytes gtk-3.0/assets/radio-unchecked-active@2.png | Bin 0 -> 1119 bytes gtk-3.0/assets/radio-unchecked-backdrop.png | Bin 0 -> 557 bytes gtk-3.0/assets/radio-unchecked-backdrop@2.png | Bin 0 -> 769 bytes gtk-3.0/assets/radio-unchecked-hover.png | Bin 0 -> 713 bytes gtk-3.0/assets/radio-unchecked-hover@2.png | Bin 0 -> 1119 bytes .../radio-unchecked-insensitive-backdrop.png | Bin 0 -> 488 bytes ...radio-unchecked-insensitive-backdrop@2.png | Bin 0 -> 887 bytes .../assets/radio-unchecked-insensitive.png | Bin 0 -> 465 bytes .../assets/radio-unchecked-insensitive@2.png | Bin 0 -> 752 bytes gtk-3.0/assets/radio-unchecked.png | Bin 0 -> 475 bytes gtk-3.0/assets/radio-unchecked@2.png | Bin 0 -> 650 bytes gtk-3.0/assets/radio-unselected-hover@2.png | Bin 0 -> 722 bytes .../assets/radio-unselected-insensitive.png | Bin 0 -> 599 bytes .../assets/radio-unselected-insensitive@2.png | Bin 0 -> 1195 bytes gtk-3.0/assets/radio-unselected.svg | 85 + gtk-3.0/assets/radio-unselected@2.png | Bin 0 -> 884 bytes gtk-3.0/assets/scale-slider-hover.svg | 1 + gtk-3.0/assets/scale-slider-hover@2.png | Bin 0 -> 582 bytes gtk-3.0/assets/scale-slider-insensitive.png | Bin 0 -> 344 bytes gtk-3.0/assets/scale-slider-insensitive@2.png | Bin 0 -> 571 bytes gtk-3.0/assets/scale-slider.svg | 1 + gtk-3.0/assets/scale-slider@2.png | Bin 0 -> 592 bytes gtk-3.0/assets/selected-checkbox-checked.png | Bin 0 -> 463 bytes .../assets/selected-checkbox-checked@2.png | Bin 0 -> 682 bytes gtk-3.0/assets/selected-checkbox-mixed.png | Bin 0 -> 307 bytes gtk-3.0/assets/selected-checkbox-mixed@2.png | Bin 0 -> 400 bytes .../assets/selected-checkbox-unchecked.png | Bin 0 -> 330 bytes .../assets/selected-checkbox-unchecked@2.png | Bin 0 -> 359 bytes gtk-3.0/assets/selected-radio-checked.png | Bin 0 -> 812 bytes gtk-3.0/assets/selected-radio-checked@2.png | Bin 0 -> 1277 bytes gtk-3.0/assets/selected-radio-mixed.png | Bin 0 -> 467 bytes gtk-3.0/assets/selected-radio-mixed@2.png | Bin 0 -> 709 bytes gtk-3.0/assets/selected-radio-unchecked.png | Bin 0 -> 713 bytes gtk-3.0/assets/selected-radio-unchecked@2.png | Bin 0 -> 1119 bytes gtk-3.0/assets/switch-insensitive.svg | 384 + gtk-3.0/assets/switch-insensitive@2.svg | 371 + gtk-3.0/assets/switch-off.svg | 1 + gtk-3.0/assets/switch-off@2.svg | 384 + gtk-3.0/assets/switch-on.svg | 1 + gtk-3.0/assets/switch-on@2.svg | 372 + gtk-3.0/assets/switch-slider-insensitive.svg | 1 + .../assets/switch-slider-insensitive@2.svg | 11540 ++++++++++++++++ gtk-3.0/assets/switch-slider-off.svg | 1 + gtk-3.0/assets/switch-slider-off@2.svg | 11523 +++++++++++++++ gtk-3.0/assets/switch-slider-on.svg | 1 + gtk-3.0/assets/switch-slider-on@2.svg | 11523 +++++++++++++++ gtk-3.0/gtk-widgets-assets.css | 293 + gtk-3.0/gtk-widgets.css | 468 + gtk-3.0/gtk.css | 127 + gtk-3.0/settings.ini | 4 + gtk-3.0/widgets/app-notifications.css | 37 + gtk-3.0/widgets/assistant.css | 16 + gtk-3.0/widgets/button.css | 315 + gtk-3.0/widgets/calendar.css | 35 + gtk-3.0/widgets/cell-row.css | 29 + gtk-3.0/widgets/check-radio.css | 17 + gtk-3.0/widgets/color-chooser.css | 91 + gtk-3.0/widgets/column-header.css | 34 + gtk-3.0/widgets/combobox.css | 48 + gtk-3.0/widgets/content-view.css | 42 + gtk-3.0/widgets/csd.css | 137 + gtk-3.0/widgets/dialogs.css | 35 + gtk-3.0/widgets/entry.css | 43 + gtk-3.0/widgets/gnome-sofware.css | 21 + gtk-3.0/widgets/infobar.css | 108 + gtk-3.0/widgets/list-boxes.css | 48 + gtk-3.0/widgets/menu.css | 164 + gtk-3.0/widgets/notebook.css | 96 + gtk-3.0/widgets/osd.css | 29 + gtk-3.0/widgets/popover.css | 74 + gtk-3.0/widgets/progress-scale.css | 252 + gtk-3.0/widgets/scrollbar.css | 89 + gtk-3.0/widgets/search-bar.css | 36 + gtk-3.0/widgets/selection-mode.css | 99 + gtk-3.0/widgets/separator.css | 71 + gtk-3.0/widgets/sidebar.css | 90 + gtk-3.0/widgets/spinbutton.css | 79 + gtk-3.0/widgets/spinner.css | 21 + gtk-3.0/widgets/switch.css | 31 + gtk-3.0/widgets/toolbar.css | 78 + gtk-3.20/_apps.scss | 17 + gtk-3.20/_colors-public.scss | 110 + gtk-3.20/_colors.scss | 100 + gtk-3.20/_common.scss | 45 + gtk-3.20/_drawing.scss | 600 + gtk-3.20/_widgets.scss | 40 + gtk-3.20/apps/_budgie.scss | 977 ++ gtk-3.20/apps/_geary.scss | 37 + gtk-3.20/apps/_gnome.scss | 198 + gtk-3.20/apps/_lightdm.scss | 115 + gtk-3.20/apps/_mate.scss | 20 + gtk-3.20/apps/_pantheon.scss | 305 + gtk-3.20/apps/_unity.scss | 170 + gtk-3.20/apps/_xfce.scss | 47 + gtk-3.20/assets/gtk3-assets-dark.svg | 2615 ++++ gtk-3.20/assets/gtk3-assets.svg | 2593 ++++ gtk-3.20/assets/gtk3-selection.svg | 2965 ++++ gtk-3.20/assets/render-gtk3-assets-hidpi.py | 181 + gtk-3.20/assets/render-gtk3-assets.py | 180 + gtk-3.20/assets/wm_controls.fish | 5 + gtk-3.20/gtk-dark.css | 6339 +++++++++ gtk-3.20/gtk-dark.scss | 10 + gtk-3.20/gtk.css | 6339 +++++++++ gtk-3.20/gtk.scss | 10 + gtk-3.20/widgets/_action-bars.scss | 27 + gtk-3.20/widgets/_app-notifications.scss | 23 + gtk-3.20/widgets/_base-states.scss | 178 + gtk-3.20/widgets/_buttons.scss | 554 + gtk-3.20/widgets/_calendar.scss | 59 + gtk-3.20/widgets/_checks-radios.scss | 165 + gtk-3.20/widgets/_color-chooser.scss | 139 + gtk-3.20/widgets/_comboboxes.scss | 41 + gtk-3.20/widgets/_dialogs.scss | 66 + gtk-3.20/widgets/_entries.scss | 181 + gtk-3.20/widgets/_expanders.scss | 16 + gtk-3.20/widgets/_file-chooser.scss | 102 + gtk-3.20/widgets/_floating-bar.scss | 33 + gtk-3.20/widgets/_frames.scss | 87 + gtk-3.20/widgets/_granite.scss | 206 + gtk-3.20/widgets/_header-bars.scss | 313 + gtk-3.20/widgets/_infobars.scss | 119 + gtk-3.20/widgets/_level-bars.scss | 62 + gtk-3.20/widgets/_links.scss | 49 + gtk-3.20/widgets/_lists.scss | 47 + gtk-3.20/widgets/_menus.scss | 127 + gtk-3.20/widgets/_misc.scss | 62 + gtk-3.20/widgets/_notebooks.scss | 273 + gtk-3.20/widgets/_paned.scss | 69 + gtk-3.20/widgets/_pathbars.scss | 29 + gtk-3.20/widgets/_popovers.scss | 45 + gtk-3.20/widgets/_print-dialog.scss | 18 + gtk-3.20/widgets/_progress-bars.scss | 56 + gtk-3.20/widgets/_scales.scss | 419 + gtk-3.20/widgets/_scrollbars.scss | 176 + gtk-3.20/widgets/_sidebar.scss | 126 + gtk-3.20/widgets/_spinbuttons.scss | 192 + gtk-3.20/widgets/_spinner.scss | 27 + gtk-3.20/widgets/_switches.scss | 101 + gtk-3.20/widgets/_toolbars.scss | 84 + gtk-3.20/widgets/_tooltips.scss | 28 + gtk-3.20/widgets/_touch-copy-paste.scss | 82 + gtk-3.20/widgets/_treeviews.scss | 233 + gtk-3.20/widgets/_windows.scss | 142 + install | 4 + 455 files changed, 77698 insertions(+) create mode 100755 gtk-2.0/apps/chrome.rc create mode 100755 gtk-2.0/apps/gimp.rc create mode 100755 gtk-2.0/apps/libreoffice.rc create mode 100755 gtk-2.0/apps/terminal.rc create mode 100755 gtk-2.0/apps/thunar.rc create mode 100755 gtk-2.0/apps/xfce.rc create mode 100755 gtk-2.0/assets.svg create mode 100755 gtk-2.0/assets.txt create mode 100644 gtk-2.0/assets/border.png create mode 100644 gtk-2.0/assets/button-active.png create mode 100644 gtk-2.0/assets/button-hover.png create mode 100644 gtk-2.0/assets/button-insensitive.png create mode 100644 gtk-2.0/assets/button.png create mode 120000 gtk-2.0/assets/checkbox-checked-active.png create mode 120000 gtk-2.0/assets/checkbox-checked-hover.png create mode 120000 gtk-2.0/assets/checkbox-checked-insensitive.png create mode 120000 gtk-2.0/assets/checkbox-checked.png create mode 120000 gtk-2.0/assets/checkbox-mixed-active.png create mode 120000 gtk-2.0/assets/checkbox-mixed-hover.png create mode 120000 gtk-2.0/assets/checkbox-mixed-insensitive.png create mode 120000 gtk-2.0/assets/checkbox-mixed.png create mode 120000 gtk-2.0/assets/checkbox-unchecked-active.png create mode 120000 gtk-2.0/assets/checkbox-unchecked-hover.png create mode 120000 gtk-2.0/assets/checkbox-unchecked-insensitive.png create mode 120000 gtk-2.0/assets/checkbox-unchecked.png create mode 100644 gtk-2.0/assets/combo-entry-ltr-button-active.png create mode 100644 gtk-2.0/assets/combo-entry-ltr-button-hover.png create mode 100644 gtk-2.0/assets/combo-entry-ltr-button-insensitive.png create mode 100644 gtk-2.0/assets/combo-entry-ltr-button.png create mode 100644 gtk-2.0/assets/combo-entry-ltr-entry-active.png create mode 100644 gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png create mode 100644 gtk-2.0/assets/combo-entry-ltr-entry.png create mode 100644 gtk-2.0/assets/combo-entry-rtl-button-active.png create mode 100644 gtk-2.0/assets/combo-entry-rtl-button-hover.png create mode 100644 gtk-2.0/assets/combo-entry-rtl-button-insensitive.png create mode 100644 gtk-2.0/assets/combo-entry-rtl-button.png create mode 100644 gtk-2.0/assets/combo-entry-rtl-entry-active.png create mode 100644 gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png create mode 100644 gtk-2.0/assets/combo-entry-rtl-entry.png create mode 100644 gtk-2.0/assets/entry-active.png create mode 100644 gtk-2.0/assets/entry-background-insensitive.png create mode 100644 gtk-2.0/assets/entry-background.png create mode 100644 gtk-2.0/assets/entry-insensitive.png create mode 100644 gtk-2.0/assets/entry.png create mode 100644 gtk-2.0/assets/focus.png create mode 100644 gtk-2.0/assets/frame-inline.png create mode 100644 gtk-2.0/assets/frame-notebook.png create mode 100644 gtk-2.0/assets/frame.png create mode 100644 gtk-2.0/assets/handle-horz.png create mode 100644 gtk-2.0/assets/handle-vert.png create mode 100644 gtk-2.0/assets/handle.png create mode 100644 gtk-2.0/assets/line.png create mode 100644 gtk-2.0/assets/menu-border.png create mode 100644 gtk-2.0/assets/menu-checkbox-checked-hover.png create mode 100644 gtk-2.0/assets/menu-checkbox-checked-insensitive.png create mode 100644 gtk-2.0/assets/menu-checkbox-checked.png create mode 100644 gtk-2.0/assets/menu-checkbox-hover.png create mode 100644 gtk-2.0/assets/menu-checkbox-insensitive.png create mode 100644 gtk-2.0/assets/menu-checkbox-mixed-hover.png create mode 100644 gtk-2.0/assets/menu-checkbox-mixed-insensitive.png create mode 100644 gtk-2.0/assets/menu-checkbox-mixed.png create mode 100644 gtk-2.0/assets/menu-checkbox.png create mode 100644 gtk-2.0/assets/menu-pan-down-insensitive.png create mode 100644 gtk-2.0/assets/menu-pan-down.png create mode 100644 gtk-2.0/assets/menu-pan-left-hover.png create mode 100644 gtk-2.0/assets/menu-pan-left-insensitive.png create mode 100644 gtk-2.0/assets/menu-pan-left.png create mode 100644 gtk-2.0/assets/menu-pan-right-hover.png create mode 100644 gtk-2.0/assets/menu-pan-right-insensitive.png create mode 100644 gtk-2.0/assets/menu-pan-right.png create mode 100644 gtk-2.0/assets/menu-pan-up-insensitive.png create mode 100644 gtk-2.0/assets/menu-pan-up.png create mode 100644 gtk-2.0/assets/menu-radio-checked-hover.png create mode 100644 gtk-2.0/assets/menu-radio-checked-insensitive.png create mode 100644 gtk-2.0/assets/menu-radio-checked.png create mode 100644 gtk-2.0/assets/menu-radio-hover.png create mode 100644 gtk-2.0/assets/menu-radio-insensitive.png create mode 100644 gtk-2.0/assets/menu-radio-mixed-hover.png create mode 100644 gtk-2.0/assets/menu-radio-mixed-insensitive.png create mode 100644 gtk-2.0/assets/menu-radio-mixed.png create mode 100644 gtk-2.0/assets/menu-radio.png create mode 100644 gtk-2.0/assets/menubar-item-active.png create mode 100644 gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png create mode 100644 gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png create mode 100644 gtk-2.0/assets/notebook-combo-entry-ltr-entry.png create mode 100644 gtk-2.0/assets/notebook-combo-entry-rtl-entry-active.png create mode 100644 gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png create mode 100644 gtk-2.0/assets/notebook-combo-entry-rtl-entry.png create mode 100644 gtk-2.0/assets/notebook-entry-active.png create mode 100644 gtk-2.0/assets/notebook-entry-insensitive.png create mode 100644 gtk-2.0/assets/notebook-entry.png create mode 100644 gtk-2.0/assets/pan-down-insensitive.png create mode 100644 gtk-2.0/assets/pan-down.png create mode 100644 gtk-2.0/assets/pan-left-insensitive.png create mode 100644 gtk-2.0/assets/pan-left-semi.png create mode 100644 gtk-2.0/assets/pan-left.png create mode 100644 gtk-2.0/assets/pan-right-insensitive.png create mode 100644 gtk-2.0/assets/pan-right-semi.png create mode 100644 gtk-2.0/assets/pan-right.png create mode 100644 gtk-2.0/assets/pan-up-insensitive.png create mode 100644 gtk-2.0/assets/pan-up.png create mode 100644 gtk-2.0/assets/progressbar-horz-trough.png create mode 100644 gtk-2.0/assets/progressbar-horz.png create mode 100644 gtk-2.0/assets/progressbar-vert-trough.png create mode 100644 gtk-2.0/assets/progressbar-vert.png create mode 120000 gtk-2.0/assets/radio-checked-active.png create mode 120000 gtk-2.0/assets/radio-checked-hover.png create mode 120000 gtk-2.0/assets/radio-checked-insensitive.png create mode 120000 gtk-2.0/assets/radio-checked.png create mode 120000 gtk-2.0/assets/radio-mixed-active.png create mode 120000 gtk-2.0/assets/radio-mixed-hover.png create mode 120000 gtk-2.0/assets/radio-mixed-insensitive.png create mode 120000 gtk-2.0/assets/radio-mixed.png create mode 120000 gtk-2.0/assets/radio-unchecked-active.png create mode 120000 gtk-2.0/assets/radio-unchecked-hover.png create mode 120000 gtk-2.0/assets/radio-unchecked-insensitive.png create mode 120000 gtk-2.0/assets/radio-unchecked.png create mode 100644 gtk-2.0/assets/scale-horz-focus.png create mode 100644 gtk-2.0/assets/scale-horz-trough-active.png create mode 100644 gtk-2.0/assets/scale-horz-trough.png create mode 100644 gtk-2.0/assets/scale-slider-active.png create mode 100644 gtk-2.0/assets/scale-slider-hover.png create mode 100644 gtk-2.0/assets/scale-slider-insensitive.png create mode 100644 gtk-2.0/assets/scale-slider.png create mode 100644 gtk-2.0/assets/scale-vert-trough-active.png create mode 100644 gtk-2.0/assets/scale-vert-trough.png create mode 100644 gtk-2.0/assets/scrollbar-horz-slider-active.png create mode 100644 gtk-2.0/assets/scrollbar-horz-slider-hover.png create mode 100644 gtk-2.0/assets/scrollbar-horz-slider.png create mode 100644 gtk-2.0/assets/scrollbar-horz-trough.png create mode 100644 gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png create mode 100644 gtk-2.0/assets/scrollbar-vert-slider-active.png create mode 100644 gtk-2.0/assets/scrollbar-vert-slider-hover-rtl.png create mode 100644 gtk-2.0/assets/scrollbar-vert-slider-hover.png create mode 100644 gtk-2.0/assets/scrollbar-vert-slider-rtl.png create mode 100644 gtk-2.0/assets/scrollbar-vert-slider.png create mode 100644 gtk-2.0/assets/scrollbar-vert-trough-rtl.png create mode 100644 gtk-2.0/assets/scrollbar-vert-trough.png create mode 100644 gtk-2.0/assets/spin-down-insensitive.png create mode 100644 gtk-2.0/assets/spin-down.png create mode 100644 gtk-2.0/assets/spin-ltr-down-active.png create mode 100644 gtk-2.0/assets/spin-ltr-down-hover.png create mode 100644 gtk-2.0/assets/spin-ltr-down-insensitive.png create mode 100644 gtk-2.0/assets/spin-ltr-down.png create mode 100644 gtk-2.0/assets/spin-ltr-up-active.png create mode 100644 gtk-2.0/assets/spin-ltr-up-hover.png create mode 100644 gtk-2.0/assets/spin-ltr-up-insensitive.png create mode 100644 gtk-2.0/assets/spin-ltr-up.png create mode 100644 gtk-2.0/assets/spin-rtl-down-active.png create mode 100644 gtk-2.0/assets/spin-rtl-down-hover.png create mode 100644 gtk-2.0/assets/spin-rtl-down-insensitive.png create mode 100644 gtk-2.0/assets/spin-rtl-down.png create mode 100644 gtk-2.0/assets/spin-rtl-up-active.png create mode 100644 gtk-2.0/assets/spin-rtl-up-hover.png create mode 100644 gtk-2.0/assets/spin-rtl-up-insensitive.png create mode 100644 gtk-2.0/assets/spin-rtl-up.png create mode 100644 gtk-2.0/assets/spin-up-insensitive.png create mode 100644 gtk-2.0/assets/spin-up.png create mode 100644 gtk-2.0/assets/tab-down-active.png create mode 100644 gtk-2.0/assets/tab-down.png create mode 100644 gtk-2.0/assets/tab-horz-gap.png create mode 100644 gtk-2.0/assets/tab-left-active.png create mode 100644 gtk-2.0/assets/tab-left.png create mode 100644 gtk-2.0/assets/tab-right-active.png create mode 100644 gtk-2.0/assets/tab-right.png create mode 100644 gtk-2.0/assets/tab-up-active.png create mode 100644 gtk-2.0/assets/tab-up.png create mode 100644 gtk-2.0/assets/tab-vert-gap.png create mode 100644 gtk-2.0/assets/toolbar-button-active.png create mode 100644 gtk-2.0/assets/toolbar-button-hover.png create mode 100644 gtk-2.0/assets/treeview-pan-down-active.png create mode 100644 gtk-2.0/assets/treeview-pan-down-hover.png create mode 100644 gtk-2.0/assets/treeview-pan-down.png create mode 100644 gtk-2.0/assets/treeview-pan-up-active.png create mode 100644 gtk-2.0/assets/treeview-pan-up-hover.png create mode 100644 gtk-2.0/assets/treeview-pan-up.png create mode 100644 gtk-2.0/assets/treeview-separator-ltr.png create mode 100644 gtk-2.0/assets/treeview-separator-rtl.png create mode 100755 gtk-2.0/gtkrc create mode 100644 gtk-2.0/links.fish create mode 100755 gtk-2.0/main.rc create mode 100755 gtk-2.0/render-assets.sh create mode 100755 gtk-3.0/apps/budgie.css create mode 100755 gtk-3.0/apps/corebird.css create mode 100755 gtk-3.0/apps/gala.css create mode 100755 gtk-3.0/apps/gnome-applications.css create mode 100644 gtk-3.0/apps/mate-applications.css create mode 100755 gtk-3.0/apps/solus-applications.css create mode 100755 gtk-3.0/apps/unity.css create mode 100644 gtk-3.0/assets/checkbox-checked-active.png create mode 100644 gtk-3.0/assets/checkbox-checked-active@2.png create mode 100644 gtk-3.0/assets/checkbox-checked-backdrop.png create mode 100644 gtk-3.0/assets/checkbox-checked-backdrop@2.png create mode 100644 gtk-3.0/assets/checkbox-checked-hover.png create mode 100644 gtk-3.0/assets/checkbox-checked-hover@2.png create mode 100644 gtk-3.0/assets/checkbox-checked-insensitive-backdrop.png create mode 100644 gtk-3.0/assets/checkbox-checked-insensitive-backdrop@2.png create mode 100644 gtk-3.0/assets/checkbox-checked-insensitive.png create mode 100644 gtk-3.0/assets/checkbox-checked-insensitive@2.png create mode 100644 gtk-3.0/assets/checkbox-checked.png create mode 100644 gtk-3.0/assets/checkbox-checked@2.png create mode 100644 gtk-3.0/assets/checkbox-mixed-active.png create mode 100644 gtk-3.0/assets/checkbox-mixed-active@2.png create mode 100644 gtk-3.0/assets/checkbox-mixed-backdrop.png create mode 100644 gtk-3.0/assets/checkbox-mixed-backdrop@2.png create mode 100644 gtk-3.0/assets/checkbox-mixed-hover.png create mode 100644 gtk-3.0/assets/checkbox-mixed-hover@2.png create mode 100644 gtk-3.0/assets/checkbox-mixed-insensitive-backdrop.png create mode 100644 gtk-3.0/assets/checkbox-mixed-insensitive-backdrop@2.png create mode 100644 gtk-3.0/assets/checkbox-mixed-insensitive.png create mode 100644 gtk-3.0/assets/checkbox-mixed-insensitive@2.png create mode 100644 gtk-3.0/assets/checkbox-mixed.png create mode 100644 gtk-3.0/assets/checkbox-mixed@2.png create mode 100644 gtk-3.0/assets/checkbox-unchecked-active.png create mode 100644 gtk-3.0/assets/checkbox-unchecked-active@2.png create mode 100644 gtk-3.0/assets/checkbox-unchecked-backdrop.png create mode 100644 gtk-3.0/assets/checkbox-unchecked-backdrop@2.png create mode 100644 gtk-3.0/assets/checkbox-unchecked-hover.png create mode 100644 gtk-3.0/assets/checkbox-unchecked-hover@2.png create mode 100644 gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop.png create mode 100644 gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop@2.png create mode 100644 gtk-3.0/assets/checkbox-unchecked-insensitive.png create mode 100644 gtk-3.0/assets/checkbox-unchecked-insensitive@2.png create mode 100644 gtk-3.0/assets/checkbox-unchecked.png create mode 100644 gtk-3.0/assets/checkbox-unchecked@2.png create mode 100644 gtk-3.0/assets/close.png create mode 100755 gtk-3.0/assets/close.svg create mode 100644 gtk-3.0/assets/close@2.png create mode 100644 gtk-3.0/assets/close_prelight.png create mode 100755 gtk-3.0/assets/close_prelight.svg create mode 100644 gtk-3.0/assets/close_prelight@2.png create mode 100755 gtk-3.0/assets/close_pressed.svg create mode 100644 gtk-3.0/assets/close_unfocused.png create mode 100755 gtk-3.0/assets/close_unfocused.svg create mode 100644 gtk-3.0/assets/close_unfocused@2.png create mode 100755 gtk-3.0/assets/grid-selection-checked.png create mode 100755 gtk-3.0/assets/grid-selection-checked@2.png create mode 100755 gtk-3.0/assets/grid-selection-unchecked.png create mode 100755 gtk-3.0/assets/grid-selection-unchecked@2.png create mode 100644 gtk-3.0/assets/maximize.png create mode 100755 gtk-3.0/assets/maximize.svg create mode 100644 gtk-3.0/assets/maximize@2.png create mode 100644 gtk-3.0/assets/maximize_prelight.png create mode 100755 gtk-3.0/assets/maximize_prelight.svg create mode 100644 gtk-3.0/assets/maximize_prelight@2.png create mode 100755 gtk-3.0/assets/maximize_pressed.svg create mode 100644 gtk-3.0/assets/maximize_unfocused.png create mode 100755 gtk-3.0/assets/maximize_unfocused.svg create mode 100755 gtk-3.0/assets/menuitem-checkbox-checked-hover.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-checked-hover@2.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-checked-insensitive.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-checked-insensitive@2.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-checked.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-checked@2.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-mixed-hover.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-mixed-hover@2.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-mixed-insensitive@2.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-mixed-selected.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-mixed-selected@2.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-mixed.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-mixed@2.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-unchecked.png create mode 100755 gtk-3.0/assets/menuitem-checkbox-unchecked@2.png create mode 100755 gtk-3.0/assets/menuitem-radio-checked-hover.png create mode 100755 gtk-3.0/assets/menuitem-radio-checked-hover@2.png create mode 100755 gtk-3.0/assets/menuitem-radio-checked-insensitive.png create mode 100755 gtk-3.0/assets/menuitem-radio-checked-insensitive@2.png create mode 100755 gtk-3.0/assets/menuitem-radio-checked.png create mode 100755 gtk-3.0/assets/menuitem-radio-checked@2.png create mode 100644 gtk-3.0/assets/min.png create mode 100755 gtk-3.0/assets/min.svg create mode 100644 gtk-3.0/assets/min@2.png create mode 100644 gtk-3.0/assets/min_prelight.png create mode 100755 gtk-3.0/assets/min_prelight.svg create mode 100644 gtk-3.0/assets/min_prelight@2.png create mode 100755 gtk-3.0/assets/min_pressed.svg create mode 100644 gtk-3.0/assets/min_unfocused.png create mode 100755 gtk-3.0/assets/min_unfocused.svg create mode 100755 gtk-3.0/assets/pane-handle-vertical.png create mode 100755 gtk-3.0/assets/pane-handle-vertical@2.png create mode 100755 gtk-3.0/assets/pane-handle.png create mode 100755 gtk-3.0/assets/pane-handle@2.png create mode 100644 gtk-3.0/assets/radio-checked-active.png create mode 100644 gtk-3.0/assets/radio-checked-active@2.png create mode 100644 gtk-3.0/assets/radio-checked-backdrop.png create mode 100644 gtk-3.0/assets/radio-checked-backdrop@2.png create mode 100644 gtk-3.0/assets/radio-checked-hover.png create mode 100644 gtk-3.0/assets/radio-checked-hover@2.png create mode 100644 gtk-3.0/assets/radio-checked-insensitive-backdrop.png create mode 100644 gtk-3.0/assets/radio-checked-insensitive-backdrop@2.png create mode 100644 gtk-3.0/assets/radio-checked-insensitive.png create mode 100644 gtk-3.0/assets/radio-checked-insensitive@2.png create mode 100644 gtk-3.0/assets/radio-checked.png create mode 100644 gtk-3.0/assets/radio-checked@2.png create mode 100644 gtk-3.0/assets/radio-mixed-active.png create mode 100644 gtk-3.0/assets/radio-mixed-active@2.png create mode 100644 gtk-3.0/assets/radio-mixed-backdrop.png create mode 100644 gtk-3.0/assets/radio-mixed-backdrop@2.png create mode 100644 gtk-3.0/assets/radio-mixed-hover.png create mode 100644 gtk-3.0/assets/radio-mixed-hover@2.png create mode 100644 gtk-3.0/assets/radio-mixed-insensitive-backdrop.png create mode 100644 gtk-3.0/assets/radio-mixed-insensitive-backdrop@2.png create mode 100644 gtk-3.0/assets/radio-mixed-insensitive.png create mode 100644 gtk-3.0/assets/radio-mixed-insensitive@2.png create mode 100644 gtk-3.0/assets/radio-mixed.png create mode 100644 gtk-3.0/assets/radio-mixed@2.png create mode 100755 gtk-3.0/assets/radio-selected-insensitive.png create mode 100755 gtk-3.0/assets/radio-selected-insensitive@2.png create mode 100755 gtk-3.0/assets/radio-selected@2.png create mode 100644 gtk-3.0/assets/radio-unchecked-active.png create mode 100644 gtk-3.0/assets/radio-unchecked-active@2.png create mode 100644 gtk-3.0/assets/radio-unchecked-backdrop.png create mode 100644 gtk-3.0/assets/radio-unchecked-backdrop@2.png create mode 100644 gtk-3.0/assets/radio-unchecked-hover.png create mode 100644 gtk-3.0/assets/radio-unchecked-hover@2.png create mode 100644 gtk-3.0/assets/radio-unchecked-insensitive-backdrop.png create mode 100644 gtk-3.0/assets/radio-unchecked-insensitive-backdrop@2.png create mode 100644 gtk-3.0/assets/radio-unchecked-insensitive.png create mode 100644 gtk-3.0/assets/radio-unchecked-insensitive@2.png create mode 100644 gtk-3.0/assets/radio-unchecked.png create mode 100644 gtk-3.0/assets/radio-unchecked@2.png create mode 100755 gtk-3.0/assets/radio-unselected-hover@2.png create mode 100755 gtk-3.0/assets/radio-unselected-insensitive.png create mode 100755 gtk-3.0/assets/radio-unselected-insensitive@2.png create mode 100755 gtk-3.0/assets/radio-unselected.svg create mode 100755 gtk-3.0/assets/radio-unselected@2.png create mode 100644 gtk-3.0/assets/scale-slider-hover.svg create mode 100755 gtk-3.0/assets/scale-slider-hover@2.png create mode 100755 gtk-3.0/assets/scale-slider-insensitive.png create mode 100755 gtk-3.0/assets/scale-slider-insensitive@2.png create mode 100644 gtk-3.0/assets/scale-slider.svg create mode 100755 gtk-3.0/assets/scale-slider@2.png create mode 100644 gtk-3.0/assets/selected-checkbox-checked.png create mode 100644 gtk-3.0/assets/selected-checkbox-checked@2.png create mode 100644 gtk-3.0/assets/selected-checkbox-mixed.png create mode 100644 gtk-3.0/assets/selected-checkbox-mixed@2.png create mode 100644 gtk-3.0/assets/selected-checkbox-unchecked.png create mode 100644 gtk-3.0/assets/selected-checkbox-unchecked@2.png create mode 100644 gtk-3.0/assets/selected-radio-checked.png create mode 100644 gtk-3.0/assets/selected-radio-checked@2.png create mode 100644 gtk-3.0/assets/selected-radio-mixed.png create mode 100644 gtk-3.0/assets/selected-radio-mixed@2.png create mode 100644 gtk-3.0/assets/selected-radio-unchecked.png create mode 100644 gtk-3.0/assets/selected-radio-unchecked@2.png create mode 100755 gtk-3.0/assets/switch-insensitive.svg create mode 100755 gtk-3.0/assets/switch-insensitive@2.svg create mode 100755 gtk-3.0/assets/switch-off.svg create mode 100755 gtk-3.0/assets/switch-off@2.svg create mode 100755 gtk-3.0/assets/switch-on.svg create mode 100755 gtk-3.0/assets/switch-on@2.svg create mode 100755 gtk-3.0/assets/switch-slider-insensitive.svg create mode 100755 gtk-3.0/assets/switch-slider-insensitive@2.svg create mode 100755 gtk-3.0/assets/switch-slider-off.svg create mode 100755 gtk-3.0/assets/switch-slider-off@2.svg create mode 100755 gtk-3.0/assets/switch-slider-on.svg create mode 100755 gtk-3.0/assets/switch-slider-on@2.svg create mode 100755 gtk-3.0/gtk-widgets-assets.css create mode 100755 gtk-3.0/gtk-widgets.css create mode 100755 gtk-3.0/gtk.css create mode 100755 gtk-3.0/settings.ini create mode 100755 gtk-3.0/widgets/app-notifications.css create mode 100755 gtk-3.0/widgets/assistant.css create mode 100755 gtk-3.0/widgets/button.css create mode 100755 gtk-3.0/widgets/calendar.css create mode 100755 gtk-3.0/widgets/cell-row.css create mode 100755 gtk-3.0/widgets/check-radio.css create mode 100755 gtk-3.0/widgets/color-chooser.css create mode 100755 gtk-3.0/widgets/column-header.css create mode 100755 gtk-3.0/widgets/combobox.css create mode 100755 gtk-3.0/widgets/content-view.css create mode 100755 gtk-3.0/widgets/csd.css create mode 100755 gtk-3.0/widgets/dialogs.css create mode 100755 gtk-3.0/widgets/entry.css create mode 100644 gtk-3.0/widgets/gnome-sofware.css create mode 100755 gtk-3.0/widgets/infobar.css create mode 100755 gtk-3.0/widgets/list-boxes.css create mode 100755 gtk-3.0/widgets/menu.css create mode 100755 gtk-3.0/widgets/notebook.css create mode 100755 gtk-3.0/widgets/osd.css create mode 100755 gtk-3.0/widgets/popover.css create mode 100755 gtk-3.0/widgets/progress-scale.css create mode 100755 gtk-3.0/widgets/scrollbar.css create mode 100755 gtk-3.0/widgets/search-bar.css create mode 100755 gtk-3.0/widgets/selection-mode.css create mode 100755 gtk-3.0/widgets/separator.css create mode 100755 gtk-3.0/widgets/sidebar.css create mode 100755 gtk-3.0/widgets/spinbutton.css create mode 100755 gtk-3.0/widgets/spinner.css create mode 100755 gtk-3.0/widgets/switch.css create mode 100755 gtk-3.0/widgets/toolbar.css create mode 100755 gtk-3.20/_apps.scss create mode 100755 gtk-3.20/_colors-public.scss create mode 100755 gtk-3.20/_colors.scss create mode 100755 gtk-3.20/_common.scss create mode 100755 gtk-3.20/_drawing.scss create mode 100755 gtk-3.20/_widgets.scss create mode 100755 gtk-3.20/apps/_budgie.scss create mode 100755 gtk-3.20/apps/_geary.scss create mode 100755 gtk-3.20/apps/_gnome.scss create mode 100755 gtk-3.20/apps/_lightdm.scss create mode 100644 gtk-3.20/apps/_mate.scss create mode 100755 gtk-3.20/apps/_pantheon.scss create mode 100755 gtk-3.20/apps/_unity.scss create mode 100644 gtk-3.20/apps/_xfce.scss create mode 100755 gtk-3.20/assets/gtk3-assets-dark.svg create mode 100755 gtk-3.20/assets/gtk3-assets.svg create mode 100755 gtk-3.20/assets/gtk3-selection.svg create mode 100755 gtk-3.20/assets/render-gtk3-assets-hidpi.py create mode 100755 gtk-3.20/assets/render-gtk3-assets.py create mode 100644 gtk-3.20/assets/wm_controls.fish create mode 100755 gtk-3.20/gtk-dark.css create mode 100755 gtk-3.20/gtk-dark.scss create mode 100755 gtk-3.20/gtk.css create mode 100755 gtk-3.20/gtk.scss create mode 100644 gtk-3.20/widgets/_action-bars.scss create mode 100644 gtk-3.20/widgets/_app-notifications.scss create mode 100644 gtk-3.20/widgets/_base-states.scss create mode 100644 gtk-3.20/widgets/_buttons.scss create mode 100644 gtk-3.20/widgets/_calendar.scss create mode 100644 gtk-3.20/widgets/_checks-radios.scss create mode 100644 gtk-3.20/widgets/_color-chooser.scss create mode 100644 gtk-3.20/widgets/_comboboxes.scss create mode 100644 gtk-3.20/widgets/_dialogs.scss create mode 100644 gtk-3.20/widgets/_entries.scss create mode 100644 gtk-3.20/widgets/_expanders.scss create mode 100644 gtk-3.20/widgets/_file-chooser.scss create mode 100644 gtk-3.20/widgets/_floating-bar.scss create mode 100644 gtk-3.20/widgets/_frames.scss create mode 100644 gtk-3.20/widgets/_granite.scss create mode 100644 gtk-3.20/widgets/_header-bars.scss create mode 100644 gtk-3.20/widgets/_infobars.scss create mode 100644 gtk-3.20/widgets/_level-bars.scss create mode 100644 gtk-3.20/widgets/_links.scss create mode 100644 gtk-3.20/widgets/_lists.scss create mode 100644 gtk-3.20/widgets/_menus.scss create mode 100644 gtk-3.20/widgets/_misc.scss create mode 100644 gtk-3.20/widgets/_notebooks.scss create mode 100644 gtk-3.20/widgets/_paned.scss create mode 100644 gtk-3.20/widgets/_pathbars.scss create mode 100644 gtk-3.20/widgets/_popovers.scss create mode 100644 gtk-3.20/widgets/_print-dialog.scss create mode 100644 gtk-3.20/widgets/_progress-bars.scss create mode 100644 gtk-3.20/widgets/_scales.scss create mode 100644 gtk-3.20/widgets/_scrollbars.scss create mode 100644 gtk-3.20/widgets/_sidebar.scss create mode 100644 gtk-3.20/widgets/_spinbuttons.scss create mode 100644 gtk-3.20/widgets/_spinner.scss create mode 100644 gtk-3.20/widgets/_switches.scss create mode 100644 gtk-3.20/widgets/_toolbars.scss create mode 100644 gtk-3.20/widgets/_tooltips.scss create mode 100644 gtk-3.20/widgets/_touch-copy-paste.scss create mode 100644 gtk-3.20/widgets/_treeviews.scss create mode 100644 gtk-3.20/widgets/_windows.scss create mode 100755 install diff --git a/gtk-2.0/apps/chrome.rc b/gtk-2.0/apps/chrome.rc new file mode 100755 index 0000000..0c37ab3 --- /dev/null +++ b/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/gtk-2.0/apps/gimp.rc b/gtk-2.0/apps/gimp.rc new file mode 100755 index 0000000..4908803 --- /dev/null +++ b/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/gtk-2.0/apps/libreoffice.rc b/gtk-2.0/apps/libreoffice.rc new file mode 100755 index 0000000..6e976a2 --- /dev/null +++ b/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/gtk-2.0/apps/terminal.rc b/gtk-2.0/apps/terminal.rc new file mode 100755 index 0000000..07f4346 --- /dev/null +++ b/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/gtk-2.0/apps/thunar.rc b/gtk-2.0/apps/thunar.rc new file mode 100755 index 0000000..dbe6d0c --- /dev/null +++ b/gtk-2.0/apps/thunar.rc @@ -0,0 +1,13 @@ +# ============================================================================== +# THUNAR SPECIFIC SETTINGS +# ============================================================================== + +style "sidepane" { + base[NORMAL] = @bg_color + base[INSENSITIVE] = mix(0.4, shade(1.35, @selected_bg_color), shade(0.9, @base_color)) + bg[NORMAL] = @bg_color + text[NORMAL] = mix(0.9, @fg_color, @bg_color) +} + +widget_class "*ThunarShortcutsView*" style "sidepane" +widget_class "*ThunarTreeView*" style "sidepane" diff --git a/gtk-2.0/apps/xfce.rc b/gtk-2.0/apps/xfce.rc new file mode 100755 index 0000000..c01adca --- /dev/null +++ b/gtk-2.0/apps/xfce.rc @@ -0,0 +1,89 @@ +style "theme-panel" = "dark" { + xthickness = 1 + ythickness = 1 +} + +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/gtk-2.0/assets.svg b/gtk-2.0/assets.svg new file mode 100755 index 0000000..6e14ca5 --- /dev/null +++ b/gtk-2.0/assets.svg @@ -0,0 +1,4848 @@ + + + EvoPop GTK2 Source + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + EvoPop GTK2 Source + + + Peter Cornelis + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-2.0/assets.txt b/gtk-2.0/assets.txt new file mode 100755 index 0000000..d3e2854 --- /dev/null +++ b/gtk-2.0/assets.txt @@ -0,0 +1,146 @@ +menu-checkbox +menu-checkbox-hover +menu-checkbox-insensitive +menu-checkbox-checked +menu-checkbox-checked-hover +menu-checkbox-checked-insensitive +menu-checkbox-mixed +menu-checkbox-mixed-hover +menu-checkbox-mixed-insensitive +menu-radio +menu-radio-hover +menu-radio-insensitive +menu-radio-checked +menu-radio-checked-hover +menu-radio-checked-insensitive +menu-radio-mixed +menu-radio-mixed-hover +menu-radio-mixed-insensitive +menu-pan-left +menu-pan-left-hover +menu-pan-left-insensitive +menu-pan-right +menu-pan-right-hover +menu-pan-right-insensitive +menu-pan-up +menu-pan-up-insensitive +menu-pan-down +menu-pan-down-insensitive +button +button-hover +button-active +button-insensitive +toolbar-button-hover +toolbar-button-active +combo-entry-ltr-entry +combo-entry-ltr-entry-active +combo-entry-ltr-entry-insensitive +combo-entry-ltr-button +combo-entry-ltr-button-hover +combo-entry-ltr-button-active +combo-entry-ltr-button-insensitive +combo-entry-rtl-entry +combo-entry-rtl-entry-active +combo-entry-rtl-entry-insensitive +combo-entry-rtl-button +combo-entry-rtl-button-hover +combo-entry-rtl-button-active +combo-entry-rtl-button-insensitive +entry +entry-active +entry-insensitive +entry-background +entry-background-insensitive +border +frame +frame-inline +frame-notebook +line +focus +handle +handle-horz +handle-vert +menu-border +menubar-item-active +notebook-entry +notebook-entry-active +notebook-entry-insensitive +notebook-combo-entry-ltr-entry +notebook-combo-entry-ltr-entry-active +notebook-combo-entry-ltr-entry-insensitive +notebook-combo-entry-rtl-entry +notebook-combo-entry-rtl-entry-active +notebook-combo-entry-rtl-entry-insensitive +pan-left +pan-left-semi +pan-left-insensitive +pan-right +pan-right-semi +pan-right-insensitive +pan-up +pan-up-insensitive +pan-down +pan-down-insensitive +progressbar-horz +progressbar-horz-trough +progressbar-vert +progressbar-vert-trough +scrollbar-horz-slider +scrollbar-horz-slider-hover +scrollbar-horz-slider-active +scrollbar-horz-trough +scrollbar-vert-slider +scrollbar-vert-slider-hover +scrollbar-vert-slider-active +scrollbar-vert-trough +scrollbar-vert-slider-rtl +scrollbar-vert-slider-hover-rtl +scrollbar-vert-slider-active-rtl +scrollbar-vert-trough-rtl +spin-ltr-down +spin-ltr-down-hover +spin-ltr-down-active +spin-ltr-down-insensitive +spin-ltr-up +spin-ltr-up-hover +spin-ltr-up-active +spin-ltr-up-insensitive +spin-rtl-down +spin-rtl-down-hover +spin-rtl-down-active +spin-rtl-down-insensitive +spin-rtl-up +spin-rtl-up-hover +spin-rtl-up-active +spin-rtl-up-insensitive +spin-up +spin-down +spin-up-insensitive +spin-down-insensitive +scale-slider +scale-slider-hover +scale-slider-active +scale-slider-insensitive +scale-horz-focus +scale-horz-trough +scale-horz-trough-active +scale-vert-trough +scale-vert-trough-active +tab-left +tab-left-active +tab-right +tab-right-active +tab-up +tab-up-active +tab-down +tab-down-active +tab-horz-gap +tab-vert-gap +treeview-pan-up +treeview-pan-up-hover +treeview-pan-up-active +treeview-pan-down +treeview-pan-down-hover +treeview-pan-down-active +treeview-separator-ltr +treeview-separator-rtl diff --git a/gtk-2.0/assets/border.png b/gtk-2.0/assets/border.png new file mode 100644 index 0000000000000000000000000000000000000000..89a30fcc5f0d857871a0913518873020848f97f0 GIT binary patch literal 290 zcmeAS@N?(olHy`uVBq!ia0y~yU|9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|Nt(r;B3R|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kJ&1AIbU85kJyA}8iY zPRxs%kQX_z;9kWa1_lO}k|4iehL0aVMK;=OWME*B_H=O!;fPL7a9~r@^K)3&-Fzopr0PihubpQYW literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/button-hover.png b/gtk-2.0/assets/button-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..c46a6090ed50e2b7c94b0227718c09042bb1d01c GIT binary patch literal 373 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kJk0(?ST85kI1eQM&o ztD6fJG!-t0^Qq1X>&c6pSR6mKrD&nXjmzH{7#LVfg8YIRPMtn|=Fi@bISdR8DxNNm zAso@k2@Y)YjMbS>e*46w5E&O|x8lT?PeuwWrKC>t*I;7bhncr0V4trO$q6BgMeLAOTVol39|I%HUd- zACO<5;2z>_q!656T9lkRchc6^3=9mSAT^GqB^mie3<0SnsYMFT`9*oDIhn=Zmt6w6 zCkUj#IlrK?C^J2ygu&Ta!Lg*IC^My}L(HaA;hKsA(+&0|Q4%kY6x^ zm$%QGw{PFseLQi8fq}u=)5S4FBK+-z?TicxJVzWR_i(a(n?LP;pJG7iR+o7}rb`5` y)LuBZK-c}W$Em-?L6fhT1?VS)ygThUPcNm4YhLx&xIhL51_n=8KbLh*2~7Yoe}>%v literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/button.png b/gtk-2.0/assets/button.png new file mode 100644 index 0000000000000000000000000000000000000000..9fc87f817ec21775ffdc9425c2e85de51f6d7f6d GIT binary patch literal 395 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kJU1AIbUK~9xWl8{ys zmsXOJR+f@hl7uppC8d;9)C^VCj5M^&tkzs^1cgUQkY6x^m$%QGx9{G6_`UP*J_ZH` zT~8Os5DwYo1P113XJ!VAN?3fGV;OtkK;^SDGdY{5u|LWg< literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png b/gtk-2.0/assets/combo-entry-ltr-button-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..809cec8cc97080440fd460396d5b185dd013f8d6 GIT binary patch literal 374 zcmeAS@N?(olHy`uVBq!ia0y~yVBlb2U{GLTW?*2rdr##t0|NtRfk$L90|Vb-5N14{ zzaoW!fkCpwHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_lNRkfM;xlAKfq z*RuS8`~n5{5N{)e;QZ2}xf)Nm5ElQc4+2Dyga)YiOBW{Cp{bfq{X&B*-tAAujR5$B&;@ADg(2fq_BU)5S4_ zLpC{qq4CovBi6Q=#_22!oikaPea{#$Sgmkjcw@wnW$(!OYWeaE1_lNOPgg&ebxsLQ E0F)whC;$Ke literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-entry-ltr-button.png b/gtk-2.0/assets/combo-entry-ltr-button.png new file mode 100644 index 0000000000000000000000000000000000000000..45da9d6e4985f2331d6d9ece5baea7afef632800 GIT binary patch literal 367 zcmeAS@N?(olHy`uVBq!ia0y~yVBlb2U{GLTW?*2rdr##t0|NtRfk$L90|Vb-5N14{ zzaoW!fkCpwHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_lNRkfM;xlAKfq z*RuS8`~n5{5N{)e;QZ2}R|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kI(1AIbU85kIHBYJbf z`?AA&v%~u|w9HJ5TuqGJ@**eZ9dD{&U|?V^3GxeONJ#wj>1d+EDh37y6;Bt(5RT~N z1O{fc{=PmwwrN)`T;O2qyKvCkXnK=}+lK6e3=GF=wfxsF>ifXJz`)??>gTe~DWM4f Dym@(F literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png b/gtk-2.0/assets/combo-entry-ltr-entry-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..4f14efe21068bdecb763bc1d5031ca61e66541d0 GIT binary patch literal 368 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKBK~4w(ZkFZ>N|O8Ei$m5)2HBHO*}vsVO~RU|?YIboFyt=akR{03^$EC;$Ke literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-entry-ltr-entry.png b/gtk-2.0/assets/combo-entry-ltr-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..dc28de06712ea005f15c4de74d56a37eb2703da4 GIT binary patch literal 368 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKBK~4^6K^UhE?Yn7#LJMT^vI=WRnvZn3rwXvc-fg u?DMBjMr_+Y9rWJR5PO27O!vk^h8Z#Dx_T{LD;XFV7(8A5T-G@yGywp4s&(!F literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-entry-rtl-button-active.png b/gtk-2.0/assets/combo-entry-rtl-button-active.png new file mode 100644 index 0000000000000000000000000000000000000000..919a949ffe16eb10f37905ccdc922bf3286d1656 GIT binary patch literal 378 zcmeAS@N?(olHy`uVBq!ia0y~yVBlb2U{GLTW?*2rdr##t0|NtRfk$L90|Vb-5N14{ zzaoW!fkCpwHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_lNRkfM;xlAKfq z*RuS8`~n5{5N{)e;QZ2}=d`oH)(>6elQXN`m}?8R8P(z5n>>kHsy4ZUzPh zWltB!5RT~N1O`U8^`WaJW@uYkN$jv*32|j$V91T= z&57vC4)4nj@7K^WGd6NHF>=j|oG4y0&5MD7fwd&aFPI@I`O|0V*Eu&C7#Ng2T^vI= zWRnvZ7}fgw_}HFZxe&nCccD>jhIgZ0!WITA4i<*<(ei!aodL%f7#J8lUHx3vIVCg! E0J`dR)Bpeg literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png b/gtk-2.0/assets/combo-entry-rtl-button-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..f906b508a9e7ab7ff3cbef82af5d98148d0e0586 GIT binary patch literal 374 zcmeAS@N?(olHy`uVBq!ia0y~yVBlb2U{K&-V_;y=|6qB6fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFeG@oIEGmCCMPH` zNJvUZNT@8C`dIS+|JTV02_lD9IRtsV6xCmUAY3g?jJ1SSCm?D{=S)|T*`huzcMMh~ zgdAMKbcf6C|L@=ItC_^u*x1_s_w-cGx38aZA8Kk}J@fq}u( L)z4*}Q$iB}QjLF@ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-entry-rtl-button.png b/gtk-2.0/assets/combo-entry-rtl-button.png new file mode 100644 index 0000000000000000000000000000000000000000..d90bdb0217ae36f4448a5209b60ad17a0b0eb2d0 GIT binary patch literal 369 zcmeAS@N?(olHy`uVBq!ia0y~yVBlb2U{K&-V_;y=|6qB6fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFhqO0IEGmCzCE*% zw?RR~^&%iRYq zDwP`;R;3&l{}bxSDq7QA5uYw*!r=BsEcr&`zArPrFyuH1FqYl&|H{C?z~JfX=d#Wz Gp$PyQ|A5W_ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-entry-rtl-entry-active.png b/gtk-2.0/assets/combo-entry-rtl-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..c7655589717ff3989a7775d98a1ffbcbd016a61a GIT binary patch literal 376 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kJk0(?ST85kIHBYJZp z`m)1%v%~wc!}~R~%#4j(O^n>~A}3bKvsy4PFtC*b`2{m1B!Bw!IjeHL7y|=?nx~6n z2uE~s0z>mm<8;5!gc;MOO?$_nbXkoj&gd}1lUtfh0`1HUZf>rRjTSt6#=yY9;OXk; Jvd$@?2>?X`d5{1A literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png b/gtk-2.0/assets/combo-entry-rtl-entry-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..fcc53a66fe0190484f6d44448e89fe1a4cb1b66c GIT binary patch literal 376 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kJk0(?STK~9xWl#x@F zl2($GQkIlf0yC6U)r~c@%pQ1n9%Eo&U@r;s3ucJR`|#<@m;FaxhA}WOsCv3MhHykD zConXB`t&J@vF+4M<8+IL6Ej(xr_Y(lP?Wop>BvKdEr$MqVv%MN3=9kmp00i_>zopr E0QU=bX#fBK literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/combo-entry-rtl-entry.png b/gtk-2.0/assets/combo-entry-rtl-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..636c77f10d3bb0e9aabf374458d683a02316a814 GIT binary patch literal 403 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kIJ1AIbU85kJk<#i;a zm1X7BrKOdnWt63)m87JVB&C#8)r}>kloS-T)ijJXv`jU$%J#Rv+fk|4ie2F>^* z&)&WN@b6#f-eXr87#Q?CT^vI=qLULCnnPEI>4qmne1CWMG>gE`yn_#v?wd8-`K-p^ kvd@fRXIUr1k%tU7^UB_C^ECR;z`(%Z>FVdQ&MBb@0DO^yEC2ui literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/entry-active.png b/gtk-2.0/assets/entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..aee1950deac9337eb34df24d2abefd87b6f84a74 GIT binary patch literal 374 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kJU1AIbU<>WOrw9HKO z-AxVLO$|KEO+3v_yv$9#ER4NVg4Eal|A)B1Qz&y=1 z-A~e>fR(E&H{pSxh=`4Whvzyc$4*Y3Guh|ngfv*lFhuq%nlETc(qLdSi(`ny)Z{A{jDDYQ lV3{Ft;lPRm4jc>&lUNwHU)mfrmw|zS!PC{xWt~$(695~yV=w>! literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/entry-background.png b/gtk-2.0/assets/entry-background.png new file mode 100644 index 0000000000000000000000000000000000000000..37a59800322e0a7cc52bcef1afd508f1856bc6aa GIT binary patch literal 302 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ZjV36QoV_;yo`!r@A0|NtRfk$L90|Vb-5N14{ zzaoW!fkCpwHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IXkTD=dA(Si(`ny)Z{A{jDDYQ lV3{Ft;lPRm4jc>&lUNwHU)mfrmw|zS!PC{xWt~$(695~yV=w>! literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/entry-insensitive.png b/gtk-2.0/assets/entry-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..0addeeb9d300d4a1a14672e5181efa8b79413e46 GIT binary patch literal 357 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKBK~43}&{9z|R8=$5&@wA`GhV^Kz@Y8v;uyjqn{2?w$R^Cl=9bQO_{%4wRJP_%pNgJ2 odNIXDtl}xsoovW_<0-@UmHPYt)lO+;U|?YIboFyt=akR{0Q+KZjQ{`u literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/entry.png b/gtk-2.0/assets/entry.png new file mode 100644 index 0000000000000000000000000000000000000000..1e83aebb172dfa5456f2c84de643f5dbd299ce46 GIT binary patch literal 369 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kH81AIbUC8d-krIjS5 zm8GPWWn|T5^>7 BZruO? literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/focus.png b/gtk-2.0/assets/focus.png new file mode 100644 index 0000000000000000000000000000000000000000..17a73652bd19fd9f4c342018a920a50fa1efb233 GIT binary patch literal 314 zcmeAS@N?(olHy`uVBq!ia0y~yU|<1Z4mJh`hLs=Z)iE$Ia29w(7BevL9R^{>pl$lgol9`{U8=R3?l(hk>{7!K@Vb-oeyaRmbd1B0ilpUXO@geCyc!DxX1 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/frame-inline.png b/gtk-2.0/assets/frame-inline.png new file mode 100644 index 0000000000000000000000000000000000000000..0dad24383becb556e97cf6f8fffe1ca841a4deae GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ooU|`~4V_;yITaqTlz`(#+;1OBOz`%DHgc*ez#rjE=y2Xk5CVB??heMKB85kI3JzX3_IA$hKm=g5s s{DA`p6f~E9na_FZ$MFLP4lpoSv@!ql>R2Plz`(%Z>FVdQ&MBb@009?fF#rGn literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/frame-notebook.png b/gtk-2.0/assets/frame-notebook.png new file mode 100644 index 0000000000000000000000000000000000000000..3ee610e93c689864eeca2cea34e42f6d9a79c370 GIT binary patch literal 310 zcmeAS@N?(olHy`uVBq!ia0y~yU|aLzBvOU=nF{=V!I$UQ+I z1YL~p=pPPAVr5`pU<>dGag~%(($F$9kMeoU qz`(%g>Eal|A)B0#P>_(oz`$^f!ExOp=Q#`v3=E#GelF{r5}E+(t6yIL literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/frame.png b/gtk-2.0/assets/frame.png new file mode 100644 index 0000000000000000000000000000000000000000..ffd7ba34ecbdc7a9f2d7fc8af1c79d616c19e2cb GIT binary patch literal 310 zcmeAS@N?(olHy`uVBq!ia0y~yU|9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGCr;B3<$IRp@Q-Xe- uXJGZ=;o;#qKmTrWN>t*I;7bhncr0V4trO$q6BgMeLAOTVol39|I%HUd- zACO<5;2z>_q!656T9lkRchc6^3=9mSAT^GqB^mie3<0SnsYMFT`9*oDIhn=Zmt6w6 zCkUj#IlrK?C^J2ygu&Ta!Lg*IC^M4lt=K fo$@bPn4Ljp6Jw}C^M^tP1_lOCS3j3^P6>t*I;7bhncr0V4trO$q6BgMeLAOTVol39|I%HUd- zACO<5;2z>_q!656T9lkRchc6^3=9mSAT^GqB^mie3<0SnsYMFT`9*oDIhn=Zmt6w6 zCkUj#IlrK?C^J2ygu&Ta!Lg*IC^M9GE8s edHuh5ltDa-F*L0EB@+V!1B0ilpUXO@geCwXn_WQw literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/handle.png b/gtk-2.0/assets/handle.png new file mode 100644 index 0000000000000000000000000000000000000000..63c2fcf54eaa84780c4f9014eeaa641fa4cc8c7c GIT binary patch literal 305 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ooVBqIqV_;xVd{ugcfq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFi3m4IEHY{OunanM z1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq!<_&BtVKnGD~t&8C=Wq z1M&+L+(W#L6oT_hi;`34PTKmKfq_93q{gwdBqP6wAt1FRwMfA^zbG#?C$sqbvP&TM z1c4Md=ND8KWu|A8FgQCaIF^(YWhRxDWaj7T24^G|r8?$hW~VA-l#~=$>FXyKr6!hS zmZc`==jP_;6@#3kpOcxKnpd1!te;e=Tb!tGqGzCgI3$Ucfq{YB)5S4_LpC{K0t*9! X41<*Jj`)KN3=9mOu6{1-oD!M<#e`S; literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-border.png b/gtk-2.0/assets/menu-border.png new file mode 100644 index 0000000000000000000000000000000000000000..6fb06b87ef7ac6bd213fd455d7cec11f5cf74f61 GIT binary patch literal 310 zcmeAS@N?(olHy`uVBq!ia0y~yU|9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGCr;B3<$IRqAdn!NI tvuPwGB_t$#`1&<9B_Sap!DSjF!(u~r+0;6p^$ZLQ44$rjF6*2UngCE@WZeJ& literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-checkbox-checked-hover.png b/gtk-2.0/assets/menu-checkbox-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..908efb7d866ddd490d66cff7a8f2a6258e25567f GIT binary patch literal 402 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdn`UJR*x382Ao@Fyrz36)6l1 z43Z_T5hcO-X(i=}MX3zs<>h*rdD+Fui3O>8`9R2F5XXOu8FJ1aPrloVwqm6l}Y=jjG#Bo?JQ=4584DrA(D6jsBfZYpno_diIstYK|R1H#Fc@8A?<&f|F>$t zZvaL8w1VBjeU@(X5QwX(Lc^;-4l@sl^xdRLb*FfbT; zx;Tb#L?QU?A?jhbr3c>lMMaijiCvAPrz`!61QsY=!l96A;5Rh7uTBP8dUzC@clUe+I*(H#B zf^!1aAQWHxu z%Tkl`b93|aib2lN&&f(;Fh#+EHxAX1wN0nJbHMGOoK zG9^KN!3=D|B3e4SM#d(lHXfc{-bKZ858ZzB_{qyxAOB?Elm~e<#?!?yL?XQRoTre3 z0fWoM{CUkYn)dy-%vEx|`D1t8>NfeWvujo}CWK}%K8SO_`hs)$!kU8)Hq{#3>XC~) z<+zN@T_f&3FuK$d$hhVCg?aoFR=;v)v^(xIVd-Oc@hzWt>SbA!<}olZFnGH9xvXQU?A?jhbr3c>lMMaijiCvAPrz`!61QsY=!l96A;5Rh7uTBP8dUzC@clUe+I*(H#B zf^!1aAQWHxu z%Tkl`b93|aib2lN&&fR|+(Wk?J$~}?)yF^CH|0Sd zjq!AG43P-$J?AOpV8GyVF@Ik3jHZ46EpwGzZ~oX_x4KRK>+G79gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|P^-r;B5VMeo~78wDE- zc$@>}lO4qre)~^I>34S*)qA*L!GrCaQbfCc@SIq2OytephOXR4fleh*rdD+Fui3O>8`9R2F5XXOu8FJ1aPrloVwqm6l}Y=jjG#Bo?JQ=4584DrA(D6jsBfZYpno_diIstYK`y{2#Fc@8Vat{+8#iv; zym|AcO`A5O0`o4ui3|)3oFzei!330NfkEBV#W92h*rdD+Fui3O>8`9R2F5XXOu8FJ1aPrloVwqm6l}Y=jjG#Bo?JQ=4584DrA(D6jsBfZYpno_diIstYK`6i{#Fc@8;Xf*{3tDT% zz`(#-666=mP*?x`&(90yb_@&*nw~C>Aso@k2?toT7CJoONZHXOq3GbIA(4>E(p<8@ k;Dbh+G{<%(Sq6p^r6LnIZ2Hc@z`(%Z>FVdQ&MBb@04EB5#{d8T literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png b/gtk-2.0/assets/menu-checkbox-mixed-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..2e467f99dba4f082d375b13fd187648423e0fbbe GIT binary patch literal 380 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdn`UJR*x382Ao@Fyrz36)6l1 z43Z_T5hcO-X(i=}MX3zs<>h*rdD+Fui3O>8`9R2F5XXOu8FJ1aPrloVwqm6l}Y=jjG#Bo?JQ=4584DrA(D6jsBfZYpno_diIstYK{~)E#Fc@8Vbi8fn>TOX zvSrI=RKRY%_YMOC14l`aUoeBGm-nN`PrhsRPH|yiV9@q-aSY*zPEI($k|ygQz>?z9 zAffBv#x9YNx}~{ffx!ojHt7{yNft>Pr5TiB6;l5fmTX{PU|{fc^>bP0l+XkKhXR4< literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-checkbox-mixed.png b/gtk-2.0/assets/menu-checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..26f9e9858214cf96b770bd42a91088b02e7aaae8 GIT binary patch literal 375 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|P^%r;B5VMep57j(iOY zJS^M)`ThCNu2KKNBCcgZf)WegF-x<%XY+zz8Z)p@s5svEA?1PWBcC%?t9c|mbJEm2 zZ@Xmc8fx6Rd+yxcpmM8&{CyG9OBm;x3oDe=C9{0H`Q-HuhQqu|H=4FP88R?1FnGH9 KxvX9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|P^-r;B5VMeo~78wDE- zc$@>}lO4qre)~^I>34S*)qA*L!GrCaQbfCc@SIq2OytephOXR4fle9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGrr;B5VMeo}lMKJ~i zj-y{1<{a-j`@7~{d+29gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGRr;B5VMQ?I~1Zy+T zpa1{&|FKUD@b6UoVJd9UVsX}jN72`Kk|OW_|Nrw9ygzFw$T2YJFDuIane3~}z`(%Z M>FVdQ&MBb@0Bz)KMgRZ+ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-pan-left-hover.png b/gtk-2.0/assets/menu-pan-left-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..287335453749e49a90823ea1701cf0dd00d03c10 GIT binary patch literal 344 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGTr;B5VMQ?I~gyn<( z|NrxfWd8gA|9^d#$>daqO=**O9j^DBW>B+9t5HAcCbLdM{WkXvo`pA5Q=}P8mozFd dv*|N1Oyo*nS^cb2kb!}L!PC{xWt~$(695Jya~l8v literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-pan-left-insensitive.png b/gtk-2.0/assets/menu-pan-left-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..4a34692df0efca1df2c6a8c8f4d67773d0859392 GIT binary patch literal 351 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGnr;B5VMQ?I~gk{3# zXJ>hD9GU5HA;y0i;|~*IlZFXtd)NdPORi_^>FK%8nRzU`p}*f>U0FGq^(LD@HpjsT hg=?xTjO$uVco-Otx=DnJOs!)80Z&&ymvv4FO#r*jb87$q literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-pan-left.png b/gtk-2.0/assets/menu-pan-left.png new file mode 100644 index 0000000000000000000000000000000000000000..287335453749e49a90823ea1701cf0dd00d03c10 GIT binary patch literal 344 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGTr;B5VMQ?I~gyn<( z|NrxfWd8gA|9^d#$>daqO=**O9j^DBW>B+9t5HAcCbLdM{WkXvo`pA5Q=}P8mozFd dv*|N1Oyo*nS^cb2kb!}L!PC{xWt~$(695Jya~l8v literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-pan-right-hover.png b/gtk-2.0/assets/menu-pan-right-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..1bce6b34e558046aaa894b7dfc532993a2a0dae3 GIT binary patch literal 344 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGTr;B5VMQ?I~#JmUp z|NobrBK2XulJh@hhRU`-?yO6sKgkO}Flp)ZFy0^hsHtj_$zn-|U1=)JCoc1tE@;d- c>&(xOV literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-pan-right-insensitive.png b/gtk-2.0/assets/menu-pan-right-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..5daedfaf214d09b68ce1c900413bd6853ae9fd50 GIT binary patch literal 354 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGPr;B5VMQ?I~#Jq&d z%Y0>ztV%tkcH+c|2){Lo5xfdV1?I2`WOKwZcNn%TU<`2H7o6nKyncPY@=mq~SA9+} nG|eh(Iy>9ke8SSg3?>HCKN3+Q5yD~&3=9mOu6{1-oD!M9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGTr;B5VMQ?I~#JmUp z|NobrBK2XulJh@hhRU`-?yO6sKgkO}Flp)ZFy0^hsHtj_$zn-|U1=)JCoc1tE@;d- c>&(xOV literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-pan-up-insensitive.png b/gtk-2.0/assets/menu-pan-up-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..e998f0cd42b943b4a589bb7003f1a071e977841e GIT binary patch literal 348 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGbr;B5VMQ?I~1nU;o z+2;9qH@0L3v)h^W{4g;#Ft}oDU|{g)|Ns4$&!1o4l)*f~^e}^-vjNY6Ws>t1HP{|p h_Bo-tI6;Atq4~P1&Bf2E{R|8Y44$rjF6*2UngDO&b&dc4 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-pan-up.png b/gtk-2.0/assets/menu-pan-up.png new file mode 100644 index 0000000000000000000000000000000000000000..37098c024524a26c744309a302cd5226daece93a GIT binary patch literal 324 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGer;B5VMQ?I~1nU;o z|NsBz|M>sEo?UfTVuOkE1(V5X9DHYwNIE$fSKgCkEn#3N-Cwj@gO#_2fq{X+)78&q Iol`;+0NrV7=>Px# literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-radio-checked-hover.png b/gtk-2.0/assets/menu-radio-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..6b95b87a9bda651d4a0cb01c5b49a82e07a8adb7 GIT binary patch literal 540 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QU?A?jhbr3c>lMMaijiCvAPrz`!61QsY=!l96A;5Rh7uTBP8dUzC@clUe+I*(H#B zf^!1aAQWHxu z%Tkl`b93|aib2lN&&f!RU#tASmic_E_WM@p|E<#RTXg`4QRV-=(*Jw4-}kD3@74a_s{(#h`TwZ) z|54@l4aD{TUWJJyqwVq;7#L(rg8YIRL`20TB&DQ-LPE>RD;k@cTh5+4f8oQ&PoKa1 z{5OB+!A1rKhH_6A#}J9|+`eeOCI;%QU?A?jhbr3c>lMMaijiCvAPrz`!61QsY=!l96A;5Rh7uTBP8dUzC@clUe+I*(H#B zf^!1aAQWHxu z%Tkl`b93|aib2lN&&fqJ9g~YxN+m=&6~Gu*@BgX3vMO^M82*qVqjp9EeY}qW)Kk-laQ2>4hjh^ zE3as5YHm4u?)-%hA3uHm^7G&Pod+8k7#PYuT^vIs!gKqg`I;OAShxd3Vk@;zFMe0= zYae4`cqKmdk}a>h$lV<}&e3n`x>rf9elojrEtAHg_+>ILu6&J~mKZAiU?p3_0=@%l z<}vzZu`G&Win+om@%@CdYg8%k$}Rt@f1hGlb$`R_^eoe*)kP;}*UkHF^|-@4LxA`G VCHIp@7#J8BJYD@<);T3K0RTa4;TZq` literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-radio-checked.png b/gtk-2.0/assets/menu-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..6b95b87a9bda651d4a0cb01c5b49a82e07a8adb7 GIT binary patch literal 540 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QU?A?jhbr3c>lMMaijiCvAPrz`!61QsY=!l96A;5Rh7uTBP8dUzC@clUe+I*(H#B zf^!1aAQWHxu z%Tkl`b93|aib2lN&&f!RU#tASmic_E_WM@p|E<#RTXg`4QRV-=(*Jw4-}kD3@74a_s{(#h`TwZ) z|54@l4aD{TUWJJyqwVq;7#L(rg8YIRL`20TB&DQ-LPE>RD;k@cTh5+4f8oQ&PoKa1 z{5OB+!A1rKhH_6A#}J9|+`eeOCI;%9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|Uc-PZ!4!i{7=9{P_+B z2prpA5*v0(R%e4yo@4TJhDQ>;+#a$=E&oJrNM2|??Z$r{pT%0arY}_{?>RI3{r7z* zZC1Wwn00{Z2BZJ!wO99)?4K;;uOh2*RpqS8R-NaQUQOz2nE&+?%MOOQGUc%fzZz$} zjh<)0y0f-7`Lk~KkcC#$d zeL00?jjFFV!?I6z#h}+_Uq7g|4E#Ng)BXrq-u(VZmo(rt+-*+?!t*j o*#sD*qu<{>cd-Ah)+5#;zGvtE%=#R{z`(%Z>FVdQ&MBb@0GG_dl>h($ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-radio-insensitive.png b/gtk-2.0/assets/menu-radio-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..39cb342363387e6ebe9e5337a718d4b49c37cff1 GIT binary patch literal 569 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QU?A?jhbr3c>lMMaijiCvAPrz`!61QsY=!l96A;5Rh7uTBP8dUzC@clUe+I*(H#B zf^!1aAQWHxu z%Tkl`b93|aib2lN&&fe;bm@|rLI^=C0MFnr3p`F-bUhP;oFswY?W^A=Q# zJM1)@aGYsDkK`_O2IuZ@RtMY1;tU+p+ZYZ!>|V;WVBUupj1uopBykq}S#n{GYC(*? rgK)c5%V&x844Kw{x2^PLWH=!2Cdj5Vi(>&O+8I1u{an^LB{Ts5p}_1! literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-radio-mixed-hover.png b/gtk-2.0/assets/menu-radio-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..a1d4e0763b05c313bf6917c5c1bab173efcae56d GIT binary patch literal 450 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|UbvPZ!4!i{7=9eEFIT zL|W9}m8!~|d0_a3@82Dd^@>%D?-Y)j&gZ`MV~W>N1JB9JPSzN&Uu&|pLB@h9{K3O; zPMHRq)Hvq8_eBndDS7N?9CP^}W%H}nuVORuoK<-&>{88QU?A?jhbr3c>lMMaijiCvAPrz`!61QsY=!l96A;5Rh7uTBP8dUzC@clUe+I*(H#B zf^!1aAQWHxu z%Tkl`b93|aib2lN&&fTOX0tTDG03rfr;v}-p?p_4;OpsqNgNUeDP)KNFQ*+DNbLTI7`1tAb zmw!jq14|ef7!o~Q977}|a}P%IwI~R<9$ehvFO&J?UH$50kK-Q_Mdu%?yH|dTDbLJQ zEc2OGxN?6&)lWn;V`taCS gji(W8`~ENmdKI;Vst08=KyX8-^I literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menu-radio-mixed.png b/gtk-2.0/assets/menu-radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..a1d4e0763b05c313bf6917c5c1bab173efcae56d GIT binary patch literal 450 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|UbvPZ!4!i{7=9eEFIT zL|W9}m8!~|d0_a3@82Dd^@>%D?-Y)j&gZ`MV~W>N1JB9JPSzN&Uu&|pLB@h9{K3O; zPMHRq)Hvq8_eBndDS7N?9CP^}W%H}nuVORuoK<-&>{889gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|Uc-PZ!4!i{7=9{P_+B z2prpA5*v0(R%e4yo@4TJhDQ>;+#a$=E&oJrNM2|??Z$r{pT%0arY}_{?>RI3{r7z* zZC1Wwn00{Z2BZJ!wO99)?4K;;uOh2*RpqS8R-NaQUQOz2nE&+?%MOOQGUc%fzZz$} zjh<)0y0f-7`Lk~KkcC#$d zeL00?jjFFV!?I6z#h}+_Uq7g|4E#Ng)BXrq-u(VZmo(rt+-*+?!t*j o*#sD*qu<{>cd-Ah)+5#;zGvtE%=#R{z`(%Z>FVdQ&MBb@0GG_dl>h($ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/menubar-item-active.png b/gtk-2.0/assets/menubar-item-active.png new file mode 100644 index 0000000000000000000000000000000000000000..2d8a8c06373828aa1e6fb9a51ddeb79955b63c52 GIT binary patch literal 301 zcmeAS@N?(olHy`uVBq!ia0y~yU|?imU|{B8V_;wix|`a>z`(#+;1OBOz`%DHgc*;fq_8+q$nh_Bqx=@ zwJbj%zd*q~#M?+AIKQ+gId$%&t*;pv7(_v897{_w@{1S(QcF^c6rA&m@=|j$i@z_s z1aeOhNP%;HL1j^9dPWI@v$KL@Nl8&=QfWzMex7b{Mq*K_V@_svszOFdNr9EVesWQ2 zVo7FMYI1&VZhl@d$T|8snaQbn#i_;mNtL?AiTWmb2Kt9Xl2{oS7{onY978x}CZFh@ k^J9KzV`F0@h+t%pDQAlLEpzfM0|Nttr>mdKI;Vst0P|F0Z2$lO literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png b/gtk-2.0/assets/notebook-combo-entry-ltr-entry-active.png new file mode 100644 index 0000000000000000000000000000000000000000..e496263cb68168fba222ff002b108c5f63f08309 GIT binary patch literal 346 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKBLDmQOgt%&GnHd|oI$1|J z*@S0=c4mZjj=x36(`Wnf@n@O1TaS?83{1OUHpZy*2w literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png b/gtk-2.0/assets/notebook-combo-entry-ltr-entry-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..f2c08bb2ec8bfb8c35cc35fb8699db19bdfb9045 GIT binary patch literal 350 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKBK~40W1TYVcD7#J8lUHx3vIVCg!0F1b47ytkO literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png b/gtk-2.0/assets/notebook-combo-entry-ltr-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..5c5b882ee523fdb3f77869a0d79bd9b01be14640 GIT binary patch literal 358 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kJk0(?STC8d-krIn;W zNLfZ!O-4>#PF_<*%}`a%P(#b?jmoX#3=9lvo-U3d9J0wC%#3XzjBE-XujW`5GdUkR obI@BYyy?!gMGQr{H=Z&Sv;^9leJYYR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kI(1AIbU<>WQBHLY|s zt*uS`Y)k^uLpsw#J2FB#@**c@+iZHpz`&s5>Eal|5uKdC(A?M87slSk#>RGxMS$~2 l^RyH#hMn8aGCV3^Fyd3Fcd@q*WME)m@O1TaS?83{1OR6lZ$$tA literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png b/gtk-2.0/assets/notebook-combo-entry-rtl-entry-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..3205d41378b9b3b055baed6ac31389ad437e71bb GIT binary patch literal 353 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kI(1AIbUC8d-krIn-3ba4#fkWJ=bWn>dDNPY0)MMgO5MAR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kI(1AIbUC8d-krInR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kJU1AIbU<>WOrw9HKO z-AxVLO$|KEO+3v_yv$9#ER4NVg4Eal|A)B1Qz&y=1 z-A~e>fR(E&H{pSxh=`4Whvzyc$4*Y3Guh|ngfv*lFhuq%nlETc(qLdR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKBK~43}&{9z|R8=$5&@wA`GhV^Kz@Y8v;uyjqn{2?w$R^Cl=9bQO_{%4wRJP_%pNgJ2 odNIXDtl}xsoovW_<0-@UmHPYt)lO+;U|?YIboFyt=akR{0Q+KZjQ{`u literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/notebook-entry.png b/gtk-2.0/assets/notebook-entry.png new file mode 100644 index 0000000000000000000000000000000000000000..1e83aebb172dfa5456f2c84de643f5dbd299ce46 GIT binary patch literal 369 zcmeAS@N?(olHy`uVBq!ia0y~yU;wcdSeO|Y7;b8RxyQi3z**oCSR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKB85kH81AIbUC8d-krIjS5 zm8GPWWn|T5^>7 BZruO? literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-down-insensitive.png b/gtk-2.0/assets/pan-down-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..8e5042199dcfe5b41c4c92b6ed32a3b31987a423 GIT binary patch literal 347 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGrr;B5VMeo}lMKJ~i zj-y{1<{a-j`@7~{d+29gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGRr;B5VMQ?I~1Zy+T zpa1{&|FKUD@b6UoVJd9UVsX}jN72`Kk|OW_|Nrw9ygzFw$T2YJFDuIane3~}z`(%Z M>FVdQ&MBb@0Bz)KMgRZ+ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-left-insensitive.png b/gtk-2.0/assets/pan-left-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..c1ecb6621a4af4901029e0a832ef9117cffbac92 GIT binary patch literal 351 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGnr;B5VMQ?I~gk-|! zXJ>hLJekpPCB}amV~fdS(*}vN7Q6~!#(vBal9Ky{7fUW@w6n9D+tbq{nj-DcrC5>N iC^G#4>kpwz1`G^psS=@21itw*fJ}Aub6Mw<&;$T-7ISI< literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-left-semi.png b/gtk-2.0/assets/pan-left-semi.png new file mode 100644 index 0000000000000000000000000000000000000000..bb9deda6137344457be33d438cf98c1b8e7fd51b GIT binary patch literal 326 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGBr;B5VMQ?I~1Z%{> z|NsA6YnVQ;cWwLQ&hUxnXFr#R`4f9Jg|h-WYyo0wiyMwHFnF2=JdP2(!Op9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGjr;B5VMQ?I~gye(& z|No1MWd8gA|37<|$>daqO=**O9j^DBXHb)QWbd&_uw9$$#5X20XN@w>n`{oeiuQ`U cbqowMX2)HaAXdu5z`(%Z>FVdQ&MBb@0AbE@00000 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-right-insensitive.png b/gtk-2.0/assets/pan-right-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..880a88a40a0cce0b34db63f7c27d36de79aeca7d GIT binary patch literal 354 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGPr;B5VMQ?I~#J+^f z%Y0>ztVlkjdho=F2)`ah3tok50(;m5k~tiiIV7E?Fa|j93r=!qUcWwHc_-V0D?UAp n6{e3_XPf8eDR@7=z|3&vq(s!RBL!6q3=9mOu6{1-oD!M<0uy$` literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-right-semi.png b/gtk-2.0/assets/pan-right-semi.png new file mode 100644 index 0000000000000000000000000000000000000000..ed6f48a0ad12e54f7a42dcf7fd14523089fd23f9 GIT binary patch literal 325 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SG;r;B5VMQ?I~1glH) z|NsBZ1D5>!|NsAg%}YMh7*EXdG-HT0_GC-A>{BMu!(_$4u=Y~G<{#OfI~f=l7(8A5 KT-G@yGywpY<8A%` literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-right.png b/gtk-2.0/assets/pan-right.png new file mode 100644 index 0000000000000000000000000000000000000000..64cf6497bea701d392f211544e86f2f5b9baaab8 GIT binary patch literal 344 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGTr;B5VMQ?I~#J&gr z|NobrBK2XulJh@hhRU`-?yO6sKgkOxn6`AX81D~$)KoReWU-{ft~3?q6PI~R7c}Oa db>?PZXqunka@XMhItB&?22WQ%mvv4FO#lyVbw~gJ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-up-insensitive.png b/gtk-2.0/assets/pan-up-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..e998f0cd42b943b4a589bb7003f1a071e977841e GIT binary patch literal 348 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGbr;B5VMQ?I~1nU;o z+2;9qH@0L3v)h^W{4g;#Ft}oDU|{g)|Ns4$&!1o4l)*f~^e}^-vjNY6Ws>t1HP{|p h_Bo-tI6;Atq4~P1&Bf2E{R|8Y44$rjF6*2UngDO&b&dc4 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/pan-up.png b/gtk-2.0/assets/pan-up.png new file mode 100644 index 0000000000000000000000000000000000000000..37098c024524a26c744309a302cd5226daece93a GIT binary patch literal 324 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGer;B5VMQ?I~1nU;o z|NsBz|M>sEo?UfTVuOkE1(V5X9DHYwNIE$fSKgCkEn#3N-Cwj@gO#_2fq{X+)78&q Iol`;+0NrV7=>Px# literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/progressbar-horz-trough.png b/gtk-2.0/assets/progressbar-horz-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..ffcaf8391ea14810b8c1ebac1f2841badfd4da9a GIT binary patch literal 312 zcmeAS@N?(olHy`uVBq!ia0y~yU|?rpU|{25V_;z5=W8irU|`@Z@Q5sCVBk9p!i>lB zSEMj7Fi4iTMwA5SrU!dR~;%%f5oL^d$oH}>X*4GRS45A=4j-@3T`9%x?sU@jJ3eNdOd8s*>#ow1* z0=Xv$q`*19pt2}4J)?xd*;&D{q@*Y_sk9_BKTkI}Be5veF()%SRUxCKq`*pFKe;G1 zu_UuBH90>wH$Sf!uJpD6;fq_8+q$nh_Bqx=@ zwJbj%zd*q~#M?+AIKQ+gId$%&t*;pv7(_v897{_w@{1S(QcF^c6rA&m@=|j$i@z_s z1aeOhNP%;HL1j^9dPWI@v$KL@Nl8&=QfWzMex7b{Mq*K_V@_svszOFdNr9EVesWQ2 zVo7FMYI1&VZhl@d$T|8snaQbn#i_;mNtL?AiTWmb2Kt9Xl0ZHc^>lFz;h33xrhCqh j`HZ{<3%Mt#aWL#pWQuQ?anF;1fq}u()z4*}Q$iB}j!9n} literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/progressbar-vert-trough.png b/gtk-2.0/assets/progressbar-vert-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..a3f6369789f719f12417b91cfc6427f1c0d17cbc GIT binary patch literal 312 zcmeAS@N?(olHy`uVBq!ia0y~yU|?flU|{C}k=he%-ZC&Sa29w(7BevL9R^{>pl$lgol9`{U8=R3?l3mvV4_Fwa>sh#3C$NAV%i!ti=d#Wzp$Pz^5n{Oj literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/progressbar-vert.png b/gtk-2.0/assets/progressbar-vert.png new file mode 100644 index 0000000000000000000000000000000000000000..17a9eab26bbb216751af5d117b8477fd6d36d60c GIT binary patch literal 299 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ZjU|{87V_;xNTI+k8fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(Z|5_jGX#;h33xrhCqh j`HY+fh6@;tSQrioF(vBS@f~4cU|{fc^>bP0l+XkK{=;4K literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/radio-checked-active.png b/gtk-2.0/assets/radio-checked-active.png new file mode 120000 index 0000000..92aadab --- /dev/null +++ b/gtk-2.0/assets/radio-checked-active.png @@ -0,0 +1 @@ +../../assets/radio-checked-active.png \ No newline at end of file diff --git a/gtk-2.0/assets/radio-checked-hover.png b/gtk-2.0/assets/radio-checked-hover.png new file mode 120000 index 0000000..93600b8 --- /dev/null +++ b/gtk-2.0/assets/radio-checked-hover.png @@ -0,0 +1 @@ +../../assets/radio-checked-hover.png \ No newline at end of file diff --git a/gtk-2.0/assets/radio-checked-insensitive.png b/gtk-2.0/assets/radio-checked-insensitive.png new file mode 120000 index 0000000..00ebdff --- /dev/null +++ b/gtk-2.0/assets/radio-checked-insensitive.png @@ -0,0 +1 @@ +../../assets/radio-checked-insensitive.png \ No newline at end of file diff --git a/gtk-2.0/assets/radio-checked.png b/gtk-2.0/assets/radio-checked.png new file mode 120000 index 0000000..f6597e6 --- /dev/null +++ b/gtk-2.0/assets/radio-checked.png @@ -0,0 +1 @@ +../../assets/radio-checked.png \ No newline at end of file diff --git a/gtk-2.0/assets/radio-mixed-active.png b/gtk-2.0/assets/radio-mixed-active.png new file mode 120000 index 0000000..a9cdfcc --- /dev/null +++ b/gtk-2.0/assets/radio-mixed-active.png @@ -0,0 +1 @@ +../../assets/radio-mixed-active.png \ No newline at end of file diff --git a/gtk-2.0/assets/radio-mixed-hover.png b/gtk-2.0/assets/radio-mixed-hover.png new file mode 120000 index 0000000..3afe064 --- /dev/null +++ b/gtk-2.0/assets/radio-mixed-hover.png @@ -0,0 +1 @@ +../../assets/radio-mixed-hover.png \ No newline at end of file diff --git a/gtk-2.0/assets/radio-mixed-insensitive.png b/gtk-2.0/assets/radio-mixed-insensitive.png new file mode 120000 index 0000000..9e96200 --- /dev/null +++ b/gtk-2.0/assets/radio-mixed-insensitive.png @@ -0,0 +1 @@ +../../assets/radio-mixed-insensitive.png \ No newline at end of file diff --git a/gtk-2.0/assets/radio-mixed.png b/gtk-2.0/assets/radio-mixed.png new file mode 120000 index 0000000..04011a0 --- /dev/null +++ b/gtk-2.0/assets/radio-mixed.png @@ -0,0 +1 @@ +../../assets/radio-mixed.png \ No newline at end of file diff --git a/gtk-2.0/assets/radio-unchecked-active.png b/gtk-2.0/assets/radio-unchecked-active.png new file mode 120000 index 0000000..a03c7db --- /dev/null +++ b/gtk-2.0/assets/radio-unchecked-active.png @@ -0,0 +1 @@ +../../assets/radio-unchecked-active.png \ No newline at end of file diff --git a/gtk-2.0/assets/radio-unchecked-hover.png b/gtk-2.0/assets/radio-unchecked-hover.png new file mode 120000 index 0000000..082cd72 --- /dev/null +++ b/gtk-2.0/assets/radio-unchecked-hover.png @@ -0,0 +1 @@ +../../assets/radio-unchecked-hover.png \ No newline at end of file diff --git a/gtk-2.0/assets/radio-unchecked-insensitive.png b/gtk-2.0/assets/radio-unchecked-insensitive.png new file mode 120000 index 0000000..36e22c8 --- /dev/null +++ b/gtk-2.0/assets/radio-unchecked-insensitive.png @@ -0,0 +1 @@ +../../assets/radio-unchecked-insensitive.png \ No newline at end of file diff --git a/gtk-2.0/assets/radio-unchecked.png b/gtk-2.0/assets/radio-unchecked.png new file mode 120000 index 0000000..af2826b --- /dev/null +++ b/gtk-2.0/assets/radio-unchecked.png @@ -0,0 +1 @@ +../../assets/radio-unchecked.png \ No newline at end of file diff --git a/gtk-2.0/assets/scale-horz-focus.png b/gtk-2.0/assets/scale-horz-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..d76ad3eac44e6f496dd14d7995cc658e971c820a GIT binary patch literal 484 zcmeAS@N?(olHy`uVBq!ia0y~yVBlk5V36WqW?*30aB*%P0|NtRfk$L90|Vb-5N14{ zzaoW!fkCpwHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_lNRkfM;xlAKfq z*RuS8`~n5{5N{)e;QZ2}Lc>tr-{?#7ctvf*F{YSvWX_MHH1(R87syY;0`pJ-vKq^RE+-XdIg zN~gu>gUgA&bf>a3#Vd_vhZc62%AI8?v(9RY;lI73lP~^sJJpF literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-horz-trough-active.png b/gtk-2.0/assets/scale-horz-trough-active.png new file mode 100644 index 0000000000000000000000000000000000000000..7dc3e0b386515390ef7b0c416989167bffb16209 GIT binary patch literal 373 zcmeAS@N?(olHy`uVBq!ia0y~yU=U|uV31;AW?*1gH|v%!0|NtRfk$L90|Vb-5N14{ zzaoW!fkCpwHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_lNRkfM;xlAKfq z*RuS8`~n5{5N{)e;QZ2}-2 zba4!k2v1IssA<@`ndM;Od`sR#0uIj_7>ZMc4lA%QJQZPyZI+)umw|zS!PC{xWt~$( F696l4d^i9A literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-horz-trough.png b/gtk-2.0/assets/scale-horz-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..a3e7e6eca20a822b4be50bcb415defaa79f30637 GIT binary patch literal 369 zcmeAS@N?(olHy`uVBq!ia0y~yU=U|uV31;AW?*1gH|v%!0|NtRfk$L90|Vb-5N14{ zzaoW!fkCpwHKHUqKdq!Zu_%?Hyu4g5GcUV1Ik6yBFTW^#_B$IX1_lNRkfM;xlAKfq z*RuS8`~n5{5N{)e;QZ2}*32|j$VEF(4 zzpk#ej)9eqzNM~#m9D-u1jWAOFJ@q1;3x_53ua*Q^7eW2_Fc_^evlRgPZ!4!iSXnE xiJFF`N|J{J7?QU2g|+Z-wOcB8BnmJwbj@SFEL>)2%D}+D;OXk;vd$@?2>{*~a>W1u literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-slider-active.png b/gtk-2.0/assets/scale-slider-active.png new file mode 100644 index 0000000000000000000000000000000000000000..4831c03a64b92a2c1ab5451c340630a7070f273b GIT binary patch literal 654 zcmeAS@N?(olHy`uVBq!ia0y~yV2}b~4rT@hhIv!={9#~V;4JWnEM{QfI}E~%$MaXD zFfcGkmbgZg1m~xflqVLYGL)B>>t*I;7bhncr0V4trO$q612RSeq$nh_Bqx=@wJbj% zzd*q~#M?+AIKQ+gId$%&t*;pv7(_v897{_w@{1S(QcF^c6rA&m@=|j$i@z_s1aeOh zNP%;HL1j^9dPWI@v$KL@Nl8&=QfWzMex7b{Mq*K_V@_svszOFdNr9EVesWQ2Vo7FM zYI1&VZhl@d$T|8snaQbn#i_;mNtL?AiTWmb2Kt9Xl2{oS7*+@Pgt#&=FywmXCO9-S zB+QTVtB7$gZ77%*%*>7G&x@Rp7dbIMYGOh3q@uVf zMR8M05~h?UPHnmp_kw|e!Js6_FPMRygTv6s$k@ch)O5z|`3n{XzWSM(O8pUqG^&4;>t*I;7bhncr0V4trO$q612RSeq$nh_Bqx=@wJbj% zzd*q~#M?+AIKQ+gId$%&t*;pv7(_v897{_w@{1S(QcF^c6rA&m@=|j$i@z_s1aeOh zNP%;HL1j^9dPWI@v$KL@Nl8&=QfWzMex7b{Mq*K_V@_svszOFdNr9EVesWQ2Vo7FM zYI1&VZhl@d$T|8snaQbn#i_;mNtL?AiTWmb2Kt9Xl2{oS7}f>>#&=FywmXCO9-S zB+QTVtB7$gZ77%*FL28<;l}yysKipD-(SiT8kIQ z`_|Rv%x^1Ml<3zG>s?)+J-4M`L36=^B)^74|AzY9c?~&pv%`CfVy9$>fyhMvhD86y zy4-p7IdgL(`U|2bLC7TkrrNBz>A~&U;k|{iQ?kSR3S*~~C(o!znUNdOpBFhHFLGjj z)I^Z_T_3s`7#K`Tg8YIR*f}^1jf{*g)|5h1`|7KudXz_G$43UsLdyrMA*+7K#0Q<__yLU5$ zetPgvJlp#4gg^5dVpDue3%>ky-riH6_3M%Umw6f-S(3(r`XV`xJ65jX_kQYmdN0Fb z&xL%+-if@Ay&m#Bc6!K??3~ED*l{7-;x7xHPHRqGG4qn_jXRYmTr7$eb}V-I?9Fb= l{=e((-sf+lDpSs|Z%)uOT)XzL0s{jBgQu&X%Q~loCIBeU4$A-l literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-slider-insensitive.png b/gtk-2.0/assets/scale-slider-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..bf2d6f9fdadec5e7bb777e761cbb2900be9695e3 GIT binary patch literal 654 zcmeAS@N?(olHy`uVBq!ia0y~yV2}b~4rT@hhIv!={9#~V;4JWnEM{QfI}E~%$MaXD zFfcGkmbgZg1m~xflqVLYGL)B>>t*I;7bhncr0V4trO$q612RSeq$nh_Bqx=@wJbj% zzd*q~#M?+AIKQ+gId$%&t*;pv7(_v897{_w@{1S(QcF^c6rA&m@=|j$i@z_s1aeOh zNP%;HL1j^9dPWI@v$KL@Nl8&=QfWzMex7b{Mq*K_V@_svszOFdNr9EVesWQ2Vo7FM zYI1&VZhl@d$T|8snaQbn#i_;mNtL?AiTWmb2Kt9Xl2{oS7*+@Pgt#&=FsOKXIyg8a zBqW$vdKz1}$HZito4c8rc_k$kMknMaq~=@M`Fi`rS=;$}`o@`>x|o`}nOS(n#pjt> zcm#*1$HwQGS$dmVxCe))N5$qw#pIYz zhK8qyhNs!u2Rb;1+ByU|IER{Bdj*B2TG{&9*atehhTGZ&y10gW`^NeB#oIar**ON= zJB2tnhe~Pl^fE9on3e?j1v9X7a2OgH8Jn1xnogWNW!lVHvuDqlGiUDn`STYZIePTi zm8;jTUB7YT=EqN;KY#i9=g*(NfB*iiG8X^Mz`)Sp>Eak7A$j&7t5CCp0Ly{K?%lh0 zGX%2z`@bn9C?s#X_=VmzEBX5N)xVfFF>RTCo$LF~#-wS6!XFPgNV)&%{w1L0&-I;Y zjoMVJHM&zx*Jw{QUc)_Acn$AV(KT#SrPf?(KBUW@=&_Lbd+VnYGx)EYXiUD5yI~Cj0|SGntDnm{r-UW|rOWJ~ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-slider.png b/gtk-2.0/assets/scale-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..bf2d6f9fdadec5e7bb777e761cbb2900be9695e3 GIT binary patch literal 654 zcmeAS@N?(olHy`uVBq!ia0y~yV2}b~4rT@hhIv!={9#~V;4JWnEM{QfI}E~%$MaXD zFfcGkmbgZg1m~xflqVLYGL)B>>t*I;7bhncr0V4trO$q612RSeq$nh_Bqx=@wJbj% zzd*q~#M?+AIKQ+gId$%&t*;pv7(_v897{_w@{1S(QcF^c6rA&m@=|j$i@z_s1aeOh zNP%;HL1j^9dPWI@v$KL@Nl8&=QfWzMex7b{Mq*K_V@_svszOFdNr9EVesWQ2Vo7FM zYI1&VZhl@d$T|8snaQbn#i_;mNtL?AiTWmb2Kt9Xl2{oS7*+@Pgt#&=FsOKXIyg8a zBqW$vdKz1}$HZito4c8rc_k$kMknMaq~=@M`Fi`rS=;$}`o@`>x|o`}nOS(n#pjt> zcm#*1$HwQGS$dmVxCe))N5$qw#pIYz zhK8qyhNs!u2Rb;1+ByU|IER{Bdj*B2TG{&9*atehhTGZ&y10gW`^NeB#oIar**ON= zJB2tnhe~Pl^fE9on3e?j1v9X7a2OgH8Jn1xnogWNW!lVHvuDqlGiUDn`STYZIePTi zm8;jTUB7YT=EqN;KY#i9=g*(NfB*iiG8X^Mz`)Sp>Eak7A$j&7t5CCp0Ly{K?%lh0 zGX%2z`@bn9C?s#X_=VmzEBX5N)xVfFF>RTCo$LF~#-wS6!XFPgNV)&%{w1L0&-I;Y zjoMVJHM&zx*Jw{QUc)_Acn$AV(KT#SrPf?(KBUW@=&_Lbd+VnYGx)EYXiUD5yI~Cj0|SGntDnm{r-UW|rOWJ~ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-vert-trough-active.png b/gtk-2.0/assets/scale-vert-trough-active.png new file mode 100644 index 0000000000000000000000000000000000000000..1fab392b7825caf9ec5bd0209acba0f31d3f796e GIT binary patch literal 370 zcmeAS@N?(olHy`uVBq!ia0y~yV31;9U=U|vW?*1={>w?3fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<)HQ7zvP~kj#>tR0h|w z{DAxd1@{ndBZc7n(xT+lxs$fOW?*0t1*vf?Ey>6)VhBhrNi9-v&M(SK&B-kOzU&gn zJwYG^&iMtEMVaXtB@E8a3XUZuMVU#ZC7Jnoy1^NVMX8QCnc1ld86_nJR{HwMMX8A; znPsWT`MJ6IdBq^-=;vf6r{)!>7V9Tf>J}&Jo9G$n9}Y=kWnf^C4)6(aWnf^)4x5r2 zF{vPCQhxN5+^9);krQ(xL8Q*BuMrFk3>+mve!&c0-rhcM-o86fk^YZ?fkDyJ#W6%8 zJUKz4;y_SZ!;$3I91f2POH3Y2N%j&=kf>l_sNK!{u6sq}8wLgj22WQ%mvv4FO#m?L Bd}IIs literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scale-vert-trough.png b/gtk-2.0/assets/scale-vert-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..cb5138e9b6477d7d27573019215d490fd29fb82f GIT binary patch literal 366 zcmeAS@N?(olHy`uVBq!ia0y~yV31;9U=U|vW?*1={>w?3fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<)HQ7zvP~kj#>tR0h|w z{DAxd1@{ndBZc7n(xT+lxs$fOW?*0t1*vf?Ey>6)VhBhrNi9-v&M(SK&B-kOzU&gn zJwYG^&iMtEMVaXtB@E8a3XUZuMVU#ZC7Jnoy1^NVMX8QCnc1ld86_nJR{HwMMX8A; znPsWT`MJ6IdBq^-=;vf6r{)!>7V9Tf>J}&Jo9G$n9}Y=kWnf^C2=EDUWnf^?)wR|! zu+q`D)HSfu)whPAskhd=V_;xlFA4GsX7KX%dGq!i=N+}F3=9m4o-U3d65+`S5)}vL ttZF!ttXuBzXybJ82UC){1QR4G7#O4aLzBvOU=nF{=V!I$UQ+I z1YL~p=pPPAVr5`pi1T!D4AGdFoFGxxAUJcf zxTWE|#>Rz{8yg*EJb$PvKmNa|^E8*(L6#X8cxLu2Yiw+6bo}$b{@BSAOfP0t6z=HY zpTF$9g-Pw9m7Nnm*7GqlALcgU)tC5Z{N#Z_&J6~J7czpZ1!9>S85kHCJYD@<);T3K F0RVa}g7^Rc literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-horz-slider-hover.png b/gtk-2.0/assets/scrollbar-horz-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..65a4cb4a3066529468964f40b8a34c71de2aaa3f GIT binary patch literal 373 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4zdz`)RO^rt@q0|RG)M`SSr1K(i~W;~w1B87p0 zL9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7I~yqm1_lX`qL9pzoKyzaviyMj z0tNRFZzF}^{L-T2)VY(kzGh%x5Cy4mEG@~%FJcHtElDj>aLzBvOU=nF{=V!I$UQ+I z1YL~p=pPPAVr5`pkPh$(ab;j&@b&fe@$vEV z^YcXoOp%8T7#J8hN`m}?8Dit&pTGF{>2!X890LP`il>WX2#0KPf&$A7WveEKtQ*!= rw;W8|-QC%Z=AT@ASn$YkeumOx?8-}+9E}+m7#KWV{an^LB{Ts5&$V@> literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-horz-slider.png b/gtk-2.0/assets/scrollbar-horz-slider.png new file mode 100644 index 0000000000000000000000000000000000000000..8bb6e99eb99514b301433f8a53743b3f16cd8fe6 GIT binary patch literal 355 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4wWz`#)S`biA~0|RG)M`SSr1K(i~W;~w1B87p0 zL9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7I~yqm1_lX`qL9pzoKyzaviyMj z0tNRFZzF}^{L-T2)VY(kzGh%x5Cy4mEG@~%FJcHtElDj>aLzBvOU=nF{=V!I$UQ+I z1YL~p=pPPAVr5`p@bz?Y4AGdFoFGxxAUM-F z``VgQ|NsA=ZeU=*p~$&EIU(VNpTGb622KOT>|g)?*9*^LW7F6#8QIX;$kVWHrPwQ( mln>Jy8yC)!Ioxi`z_8=I0AtyAlSK>+3=E#GelF{r5}E*#;fq_8+q$nh_Bqx=@ zwJbj%zd*q~#M?+AIKQ+gId$%&t*;pv7(_v897{_w@{1S(QcF^c6rA&m@=|j$i@z_s z1aeOhNP%;HL1j^9dPWI@v$KL@Nl8&=QfWzMex7b{Mq*K_V@_svszOFdNr9EVesWQ2 zVo7FMYI1&VZhl@d$T|8snaQbn#i_;mNtL?AiTWmb2Kt9Xl2{oS7`QxL978x{lNp#9 Z7}yvXk3L>p#K6G7;OXk;vd$@?2>@)+SeXC- literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png b/gtk-2.0/assets/scrollbar-vert-slider-active-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..9a7e32d7031fde32a98e0e66b704c1bfffd0edc3 GIT binary patch literal 370 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4zdz`)RO^rt@q0|RG)M`SSr1K(i~W;~w1B87p0 zL9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7I~yqm1_lX`qL9pzoKyzaviyMj z0tNRFZzF}^{L-T2)VY(kzGh%x5Cy4mEG@~%FJcHtElDj>aLzBvOU=nF{=V!I$UQ+I z1YL~p=pPPAVr5`pkPh$(ab;j&$cvbmA2lH_ zav~aH+j?<30|Ns`NswPKLu_39^A{gKoz4%CV_;xV^mK6y;kcfhaDa7&cGm%uYaLzBvOU=nF{=V!I$UQ+I z1YL~p=pPPAVr5`pkPh$(ab;j&$cvbmA2lH_ zav~aH+j?<30|Ns`NswPKLu_39^A{gKoz4%CV_;xV^mK6y;fPL7IKX-4w&;N(L0P_p nU5ghpYV%GG&lf(BE5UHUk)tQ^;7aLzBvOU=nF{=V!I$UQ+I z1YL~p=pPPAVg)%dz$e6&fq}u-*Vo6#$Is8t z*Vh+9`uh5Y+p*^}Ffg!}1o;IsczSt1di*5Xe9a051_nh>7sn8e>&XcRSZ7>rK46kv q$vGoUU;nt*;U_Z>$x0S5GdR1jiP=xpEo5L|VDNPHb6Mw<&;$Ut*>nW} literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-vert-slider-hover.png b/gtk-2.0/assets/scrollbar-vert-slider-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..97ed58f81b7c7fb302d8bbdc08606429b3a979a8 GIT binary patch literal 370 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4zdz`)RO^rt@q0|RG)M`SSr1K(i~W;~w1B87p0 zL9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7I~yqm1_lX`qL9pzoKyzaviyMj z0tNRFZzF}^{L-T2)VY(kzGh%x5Cy4mEG@~%FJcHtElDj>aLzBvOU=nF{=V!I$UQ+I z1YL~p=pPPAVr5`pkPh$(ab;j&@b&fe@$vEV z^YcXoOp%8T7#J8hN`m}?8Dit&pTGF{>2!X890LP`qNj^v2uE~s!U4`Rw?z*W3Ci*% o>{`5-QJZ&ic)sv~TnUB)jvPIS2Y(7MFfcH9y85}Sb4q9e0G+>e_W%F@ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-vert-slider-rtl.png b/gtk-2.0/assets/scrollbar-vert-slider-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..a5b146a8b43f72346db8b1dce5add706d9452fe1 GIT binary patch literal 366 zcmeAS@N?(olHy`uVBq!ia0vp@Ak4zdz`)RO^rt@q0|RG)M`SSr1K(i~W;~w1B87p0 zL9)a(q9iy!t)x7$D3zhSyj(9cFS|H7u^?41zbJk7I~yqm1_lX`qL9pzoKyzaviyMj z0tNRFZzF}^{L-T2)VY(kzGh%x5Cy4mEG@~%FJcHtElDj>aLzBvOU=nF{=V!I$UQ+I z1YL~p=pPPAVg)%dz$e6&fq`MxtXVT=%$SJ^ zPMoxy&A`CGUJ~RN%;4$e{pj(NX!A8I7#J87JzX3_IHHpi4zSJ$7Cm5+y_0!Hn!f%4 juftDfIaLzBvOU=nF{=V!I$UQ+I z1YL~p=pPPAVg)%dz$e6&fq`M>%$YN0%$PN6 z)=VUj|1Y?lfq{X&B*-tAp{%^}&D-Bw=0@ycU|^8*ba4#fh)zy8z;fq_8+q$nh_Bqx=@ zwJbj%zd*q~#M?+AIKQ+gId$%&t*;pv7(_v897{_w@{1S(QcF^c6rA&m@=|j$i@z_s z1aeOhNP%;HL1j^9dPWI@v$KL@Nl8&=QfWzMex7b{Mq*K_V@_svszOFdNr9EVesWQ2 zVo7FMYI1&VZhl@d$T|8snaQbn#i_;mNtL?AiTWmb2Kt9Xl2{oS7`QxL978x{lNlHp Z7+4t?yK?s^FfcGMc)I$ztaD0e0sy-pR|o(A literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/scrollbar-vert-trough.png b/gtk-2.0/assets/scrollbar-vert-trough.png new file mode 100644 index 0000000000000000000000000000000000000000..29392f74900e8a21f09754985c7ad877e6f733dd GIT binary patch literal 288 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ckU|{56VPIg0)85X=z`(#+;1OBOz`%DHgc*;fq_8+q$nh_Bqx=@ zwJbj%zd*q~#M?+AIKQ+gId$%&t*;pv7(_v897{_w@{1S(QcF^c6rA&m@=|j$i@z_s z1aeOhNP%;HL1j^9dPWI@v$KL@Nl8&=QfWzMex7b{Mq*K_V@_svszOFdNr9EVesWQ2 zVo7FMYI1&VZhl@d$T|8snaQbn#i_;mNtL?AiTWmb2Kt9Xl2{oS7`QxL978x{lNlHp Z7+4t?yK?s^FfcGMc)I$ztaD0e0sy-pR|o(A literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-down-insensitive.png b/gtk-2.0/assets/spin-down-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..ad47a61de3e082954e339f83c62330b78e913654 GIT binary patch literal 348 zcmeAS@N?(olHy`uVBq!ia0y~yVBln6U|{25V_;wqJig^9NT9$YvY3H^?=T269?xHq z!oa{FS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjT8d|g9J!XNM=b+DuZiT zen5VKf_sR!kwS2OX;E_O+(}zsGcYiSg48&cmSp4?F$AQRq!uYS=NILr=42LsUv>%P zo*<9{=lp`oqRjM+5(Z~y1;>(-qRgbylFa-(-QbMGqEyG6%bi}jN#b&C`AP4o=(4~HbNGB7Z>dAc};aLnxO+sNDC zz{5QEi?`H9g0}ka5Jb=%};&BbA+T#}?kF7N7NiYA(0GC~;`7#KWV{an^LB{Ts5^Q?H~ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-down.png b/gtk-2.0/assets/spin-down.png new file mode 100644 index 0000000000000000000000000000000000000000..2ada70401c49631228c5e34c820123f6787bd646 GIT binary patch literal 316 zcmeAS@N?(olHy`uVBq!ia0y~yVBln6U|{25V_;wqJig^9NT9$YvY3H^?=T269?xHq z!oa{FS>hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjT8d|g9J!XNM=b+DuZiT zen5VKf_sR!kwS2OX;E_O+(}zsGcYiSg48&cmSp4?F$AQRq!uYS=NILr=42LsUv>%P zo*<9{=lp`oqRjM+5(Z~y1;>(-qRgbylFa-(-QbMGqEyG6%bi}jN#b&C`AP4o=(4~HbNGB7ZxdAc};aLi0jP+ z|Ns6!_H_aN9*MS!!ml^p>{%nQn@Oeh+lwTIE%I@Dmrr~k#K6G7;OXk;vd$@?2>@rr BY7hVb literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-ltr-down-active.png b/gtk-2.0/assets/spin-ltr-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..51370b1b141188dac149f2bfadb4980990a45b67 GIT binary patch literal 358 zcmeAS@N?(olHy`uVBq!ia0y~yU|?rpU=ZM7V_;yo)tLH$fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFa&tIIEF|}O`b9( z=-2rMHmA3rCDnA#r>7()BqTf#7jT@Oo&W-ew5+r|m#A>>Vvt{cA=$0%{~I129v+>A s-+sRMB*Vk=zx%_?69*0)IKaS=_JHHrjKhIN3=9kmp00i_>zopr0OrYk761SM literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-ltr-down-hover.png b/gtk-2.0/assets/spin-ltr-down-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..a4bb9c9a71027fd63d47c77633e1d1d9cdb87c7b GIT binary patch literal 357 zcmeAS@N?(olHy`uVBq!ia0y~yU|?rpU=ZM7V_;yo)tLH$fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uF!+1AIEF|}eS2mj zuY&_a>%;z-hg^<}7H&D=o7k7_lf>C9+44^*iDCVp{ZB$K?}_PJt9iRWhV{j-jU@s0 s*W~S!G@PZ|g#{1IDtgJgZM%B`Gm9nL%QB%Ipx|ThboFyt=akR{0Mn~`!vFvP literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-ltr-down-insensitive.png b/gtk-2.0/assets/spin-ltr-down-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..6f31545a8848363eb6959fde0070908ad876c9b4 GIT binary patch literal 355 zcmeAS@N?(olHy`uVBq!ia0y~yU|?rpU=UzoW?*2@SYL6Nfq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(Z|55AX?b1vyn(SyjzQ zQc6iuN>NfuNkhx*-p0Ei3D%MzzhH*AN3Y+6zx+3gfq_BV)5S4_LpGU%mp3(m!`pjl kLqJ*r2XAQ#12e;k0|H@_&f6SeU|?YIboFyt=akR{0AfFE&Hw-a literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-ltr-down.png b/gtk-2.0/assets/spin-ltr-down.png new file mode 100644 index 0000000000000000000000000000000000000000..58cf6ebbc5682e624b0395c39742f6254c69cd95 GIT binary patch literal 355 zcmeAS@N?(olHy`uVBq!ia0y~yU|?rpU=ZM7V_;yo)tLH$fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uF!*}9IEF|}O`b9( z=-2rMR-5{={)w%Pjg5`*4lJ&Z9=DtGfPl}9l7k0Us3>}hl{D_J|7Vw$kno_v`w){9 mmxbiN|N2MLm6$<*;aQY`*QpH~&oD4BFnGH9xvXmmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uF!*}9IEF|}O-?w# zEb&=M{hzzokMjpUOqmmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uF!*}9IEF|}O-?w# zEb&=M{hzyFLPEv&{)rnaK5g2=+A}H0>;F$ymj{zJ2^H0wsJ^lDi<+i>s3q^pWAXk7 siGTma(-IOA4oq-iTRcg`lZnAOOYr{W)b~pn7#J8lUHx3vIVCg!0L4dpqyPW_ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-ltr-up-insensitive.png b/gtk-2.0/assets/spin-ltr-up-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..0ffd21eaa678668a3a4f08387110d238548269eb GIT binary patch literal 345 zcmeAS@N?(olHy`uVBq!ia0y~yU|?rpU=ZM7V_;yo)tLH$fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFgSa5_wUE2r?vXb%*-xAk_MX%P9M18 i^W%-o)FmE53|}kw^UoeX*T}%Yz~JfX=d#Wzp$Pz0t9hCL literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-ltr-up.png b/gtk-2.0/assets/spin-ltr-up.png new file mode 100644 index 0000000000000000000000000000000000000000..0ffd21eaa678668a3a4f08387110d238548269eb GIT binary patch literal 345 zcmeAS@N?(olHy`uVBq!ia0y~yU|?rpU=ZM7V_;yo)tLH$fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFgSa5_wUE2r?vXb%*-xAk_MX%P9M18 i^W%-o)FmE53|}kw^UoeX*T}%Yz~JfX=d#Wzp$Pz0t9hCL literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-rtl-down-active.png b/gtk-2.0/assets/spin-rtl-down-active.png new file mode 100644 index 0000000000000000000000000000000000000000..ad502e49b6438ec8bb8adb1d889d753ef45b0fb0 GIT binary patch literal 360 zcmeAS@N?(olHy`uVBq!ia0y~yU|?rpU=ZM7V_;yo)tLH$fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFa&wJIEF|}O-@Nj zNI20w=STh5gPlAt8d#4#5EpQq_~XYzUS{F8A{7HI&nYU>)~CZ$D?@oa#n{-`*sS>v x&&~NA**t~yjKS9be}8X(cz=KW|BHqUM;joq>UY!PC{xWt~$(695(2e-{7% literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-rtl-down-hover.png b/gtk-2.0/assets/spin-rtl-down-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..527d1935da6f82e8c7c225ebdce88f402c31e44c GIT binary patch literal 366 zcmeAS@N?(olHy`uVBq!ia0y~yU|?rpU=ZM7V_;yo)tLH$fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFhqE|IEF|}P5$%w z`T75gZmi^4&F`1uz^-G!w!eX+>&S8be2EzbQ#kh zcusvmmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFbDmdKI;Vst0LDLQzW@LL literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/spin-rtl-down.png b/gtk-2.0/assets/spin-rtl-down.png new file mode 100644 index 0000000000000000000000000000000000000000..0268c315f30454f9931c9521081b6d706c57e288 GIT binary patch literal 362 zcmeAS@N?(olHy`uVBq!ia0y~yU|?rpU=ZM7V_;yo)tLH$fq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFobxzIEF|}O}=u$ z==cARho#wa8aR(V5Ep2C{QUeo!$lsCu3Bn!22Yy!&`w!d`SAVy^@ggJ5%rQAH*G%u z|JT#M+xzA38Pxpw(B>HA_0rx>SW-elLV}@hy@bUovAKN=3=9mOu6{1-oD!MmmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFgSU-IEF|}O-?w# zEFmc&A@OOk+7ZJ)>2Lm@KcLW}bCPM{j9u&Z*_`mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFbDmmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFxY##IEF|}O-?w# zEFmc&A)%rwnk*?H`CCFl!exSLq=J{k?}`f6IwRxF2UP9qDh@L|?o{wTz#wdA?XIdh biG?9TmQA+BWXlW&1_lOCS3j3^P6mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(X9uFgSU-IEF|}O-?w# zEFmc&A+co16rumd249Q}3^hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjT8d|g9J!XNM=b+DuZiT zen5VKf_sR!kwS2OX;E_O+(}zsGcYiSg48&cmSp4?F$AQRq!uYS=NILr=42LsUv>%P zo*<9{=lp`oqRjM+5(Z~y1;>(-qRgbylFa-(-QbMGqEyG6%bi}jN#b&C`AP4o=(4~HbNGB7YWdb&7hT|5}cn_Ql40p%1~Zju9umYU7Va)kgAtols@~NjT8d|g9J!XNM=b+DuZiT zen5VKf_sR!kwS2OX;E_O+(}zsGcYiSg48&cmSp4?F$AQRq!uYS=NILr=42LsUv>%P zo*<9{=lp`oqRjM+5(Z~y1;>(-qRgbylFa-(-QbMGqEyG6%bi}jN#b&C`AP4o=(4~HbNGB7Zxdb&79gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|NtFfKQ04q?D3|mYI2! x&tnD#1|d%u#}JO_9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SG+r;B5VN9WsvhKvjh sEDQ!o1+VT;4DZN|w3TLHVE7>W_A+DGLZd!?1_lNOPgg&ebxsLQ0F1t3G5`Po literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/tab-horz-gap.png b/gtk-2.0/assets/tab-horz-gap.png new file mode 100644 index 0000000000000000000000000000000000000000..17f205c7e6691fa562464b2281bd971880819aed GIT binary patch literal 299 zcmeAS@N?(olHy`uVBq!ia0y~yU|?ooU|{56V_;yAeju`ifq{Xuz$3Dlfr0NZ2s0kf zUy;JVz#v)T8c`CQpH@mmtT}V`<;yx0|SEuNKr^;Nlq$* zYgv9keu08}h_{hKaDHh~a_ZbkTVFFUFo=TGIF^=VDLCgB<)!9i7JpxM z3FMw2kOJrYg36-I^o$Y)XJ-Y+l9Hm#q|%bi{5;*@jKrc;$DGXURE3O^k^(Dz{p6z5 z#FEUi)a3l!-2A*^kaP5NGLuvDic^dAlPYzK6ZK8>4D=6&B(Z|5_jGX#;h346kdTmY j;ey%k!v_u=U|`@_#n{&Qs`xDf0|SGntDnm{r-UW|&`M#N literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/tab-left-active.png b/gtk-2.0/assets/tab-left-active.png new file mode 100644 index 0000000000000000000000000000000000000000..a1566766c2f47a1c27dc4b2afa8a8d7683493c98 GIT binary patch literal 315 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f0MrH;E2F8Cj4;dI3I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|NtFfKQ04q?D3|mYI2! y&tnD#24PPZ#}JO_9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|NtFfKP}k$Ujm_m+#Kv z2l=`r$S;_|;n|He1_lNJPZ!4!4%y_CgoK1dnH&}d9eIZ7MayT~FfcGMc)I$ztaD0e F0sw%UV>kc+ literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/tab-right-active.png b/gtk-2.0/assets/tab-right-active.png new file mode 100644 index 0000000000000000000000000000000000000000..eac32005d5186cddb1f217260d3ea59903b0b795 GIT binary patch literal 316 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f0MrH;E2F8Cj4;dI3I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|NtFfKQ04q?D3|mYI2! z&tnD#1`$se#}E$L9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|NtFfKP}k$Ujm_m+#Kv z2l=`r$S;_|;n|He1_lOxPZ!4!4%y_41cs)AZVU`HLHvwe%QBBKFfcH9y85}Sb4q9e E04E1yf&c&j literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/tab-up-active.png b/gtk-2.0/assets/tab-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..71ff05beb0bd4cd4a64a3f24f4f359287f57816f GIT binary patch literal 314 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f0MrH;E2F8Cj4;dI3I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|NtFfKQ04q?D3|mYI2! x&tnD#1|d%u#}E$L^1bVh#WR literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/tab-up.png b/gtk-2.0/assets/tab-up.png new file mode 100644 index 0000000000000000000000000000000000000000..aa2634fe1d8697f52dd1ba74ded52967bbf2685d GIT binary patch literal 314 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04mJh`25W9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGKr;B5VN9WtKhKvjb y91IG*56^vlzryfK1Ct8_14BXBwcmRM`B$xB3{wuzeagVVz~JfX=d#Wzp$P!X>}Dze literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/tab-vert-gap.png b/gtk-2.0/assets/tab-vert-gap.png new file mode 100644 index 0000000000000000000000000000000000000000..9d94014abc0a80449ad8cd46e7ecf18b8a1732d0 GIT binary patch literal 301 zcmeAS@N?(olHy`uVBq!ia0y~yU|?imU|{B8V_;wix|`a>z`(#+;1OBOz`%DHgc*;fq_8+q$nh_Bqx=@ zwJbj%zd*q~#M?+AIKQ+gId$%&t*;pv7(_v897{_w@{1S(QcF^c6rA&m@=|j$i@z_s z1aeOhNP%;HL1j^9dPWI@v$KL@Nl8&=QfWzMex7b{Mq*K_V@_svszOFdNr9EVesWQ2 zVo7FMYI1&VZhl@d$T|8snaQbn#i_;mNtL?AiTWmb2Kt9Xl2{oS7{onY978x}CMSTv kg$riC4<9&i-~a;ymmyR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKBK~4QeiNMjL4COv*dQTD`>oYJgFnGH9xvXR|DNig)WhgH%*UQYyE>2D?NY%?PN}v7CMv8%fK?0;GB(o$ZmBFez#rjE=y2Xk5CVB??heMKBLDmQOgt#&=FvNLR=SNP= zi<%JUQ=JpumlrwF>C7)}1_lO}k|4iehSMKE71YLjXJBBE_jGX#;h346;J}ua>FHpk ptD7q@DKT@UL(q|h*rdD+Fui3O>8`9R2F5XXOu8FJ1aPrloVwqm6l}Y=jjG#Bo?JQ=4584DrA(D6jsBfZYpno_diIstYfj__}#Fc@8!O+acz|6+T z%+Aov_OpfT1qKENmXaX9V21MghUG^8!WbABls#P>LpWw8Cn)e6>|$tS>QH_3=n;!> mP=iO8g=46p^n@%uhL10qoqW=_@h~tjFnGH9xvXh*rdD+Fui3O>8`9R2F5XXOu8FJ1aPrloVwqm6l}Y=jjG#Bo?JQ=4584DrA(D6jsBfZYpno_diIstYfj__}#Fc@8AvrxWDJ>%< zBP%&Qb5X{DRSXOaEG0pH!3^c~4a<%Gg)uNND0{j%hH%VGPEg=C*u~Ju)S>$5(IXb& mpazdF3&&7H=?PhS3?E-IJNcw<<6&T6VDNPHb6Mw<&;$TLfpQ7} literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/treeview-pan-down.png b/gtk-2.0/assets/treeview-pan-down.png new file mode 100644 index 0000000000000000000000000000000000000000..5a3302b68863dec7016d566cc1df6d55f1489be9 GIT binary patch literal 347 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGrr;B5VMQ?I~1S>PY z#6-)>X=k<4Qxe`NELf~)Y`Rr&H6shJ>K40GBNF7{kz;BhXmdKI;Vst0C7)qRR910 literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/treeview-pan-up-active.png b/gtk-2.0/assets/treeview-pan-up-active.png new file mode 100644 index 0000000000000000000000000000000000000000..bb6de7617a83132cc650385e549b2a1cfdaa8823 GIT binary patch literal 348 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGbr;B5VMQ?I~1nU-7 zx3n_ewzM+YA6E<>U;Z=yVZALgb93*KElkh5m-BxY$Yq$6CUGE>qm41b9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGbr;B5VMQ?I~1nU-7 zP02{!lP_n={91$dY@WE{)p=whre h5iU8YA>qNm@N14n*n`yc-3$y244$rjF6*2UngFJ$b;kez literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/treeview-pan-up.png b/gtk-2.0/assets/treeview-pan-up.png new file mode 100644 index 0000000000000000000000000000000000000000..b5f0b5a5415248ed58af99bfe88183b3c8405ccc GIT binary patch literal 344 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lNPrZDWR~QlGPsuI z2jmwhxQBQfDFo-27A2?7owW5e0|SF7NR4A@Nk)DVLqKXtYLS9-eoVMXM9)C~a7Yp>0|SGTr;B5VMQ?I~1nU;o z%jxIxW*BDsvD=yU{4g;#FuLL_Vpx{8WNC;%F2km@7N<9D2@(yy#&*sDJO`G~oZ#(t d(1D5J*KCPpzSAe`GcYhPc)I$ztaD0e0st6wabExc literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/treeview-separator-ltr.png b/gtk-2.0/assets/treeview-separator-ltr.png new file mode 100644 index 0000000000000000000000000000000000000000..4bfcae7f6616c33eec2aa5349c329cf993379ee6 GIT binary patch literal 305 zcmeAS@N?(olHy`uVBq!ia0y~yU|<4a4mJh`hN5k}Dhvz^oCO|{#S9F5he4R}c>anM z1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq!<_&BtVKnGD~t&8C=Wq z1M&+L+(W#L6oT_hi;`34PTKmKfq_93q{gwdBqP6wAt1FRwMfA^zbG#?C$sqbvP&TM z1c4Md=ND8KWu|A8FgQCaIF^(YWhRxDWaj7T24^G|r8?$hW~VA-l#~=$>FXyKr6!hS zmZc`==jP_;6@#3kpOcxKnpd1!te;e=Tb!tGqGzCgI3$Ucfq_BV)5S4_V`lP|3r4^H oKR=((w#>f1&e*`fz<`0lZz+4BilNGP1_lNOPgg&ebxsLQ0HX(CfdBvi literal 0 HcmV?d00001 diff --git a/gtk-2.0/assets/treeview-separator-rtl.png b/gtk-2.0/assets/treeview-separator-rtl.png new file mode 100644 index 0000000000000000000000000000000000000000..65a7be4fbeb6ec01ef140a07ee7bb50666a66e80 GIT binary patch literal 304 zcmeAS@N?(olHy`uVBq!ia0y~yU|<4a4mJh`hN5k}Dhvz^oCO|{#S9F5he4R}c>anM z1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xhq!<_&BtVKnGD~t&8C=Wq z1M&+L+(W#L6oT_hi;`34PTKmKfq_93q{gwdBqP6wAt1FRwMfA^zbG#?C$sqbvP&TM z1c4Md=ND8KWu|A8FgQCaIF^(YWhRxDWaj7T24^G|r8?$hW~VA-l#~=$>FXyKr6!hS zmZc`==jP_;6@#3kpOcxKnpd1!te;e=Tb!tGqGzCgI3$Ucfq_BF)5S4_V`g$lpz)vc ohYp=OaOA*&10SBB&u3$hcVMYoExkgQfq{X+)78&qol`;+0EMGuApigX literal 0 HcmV?d00001 diff --git a/gtk-2.0/gtkrc b/gtk-2.0/gtkrc new file mode 100755 index 0000000..a97cb4f --- /dev/null +++ b/gtk-2.0/gtkrc @@ -0,0 +1,54 @@ +# Copyright 2016 Peter Cornelis. +# +# This file is part of the EvoPop GTK theme. +# +# Authors: +# Sam Hewitt +# Peter Cornelis +# +# The EvoPop GTK theme 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. +# +# The EvoPop GTK theme 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 the EvoPop GTK theme. If not, see http://www.gnu.org/licenses/. + +# ============================================================================== +# EvoPop GTK2 THEME +# ============================================================================== + +# Text/base colors +gtk-color-scheme = "text_color:#f8f8f2\nbase_color:#282a36" +# Foreground/background colors +gtk-color-scheme = "fg_color:#f8f8f2\nbg_color:#1e1f29" +# Selection colors +gtk-color-scheme = "selected_fg_color:#f8f8f2\nselected_bg_color:#6E5991" +# 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:#46474F\npanel_fg_color:#f8f8f2" +# Dark Theme - Text/base colors +gtk-color-scheme = "dark_text_color:#f8f8f2\ndark_base_color:#282a36" +# Dark Theme - Foreground/background colors +gtk-color-scheme = "dark_fg_color:#f8f8f2\ndark_bg_color:#1e1f29" + +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/gtk-2.0/links.fish b/gtk-2.0/links.fish new file mode 100644 index 0000000..7b8dfad --- /dev/null +++ b/gtk-2.0/links.fish @@ -0,0 +1,13 @@ +set -l files 'checkbox' 'radio' +set -l states 'unchecked' 'checked' 'mixed' +set -l sub_states 'active' 'hover' 'insensitive' + +for f in $files; + for s in $states; + ln -sf ../../assets/$f-$s.png ./assets/$f-$s.png + for i in $sub_states; + ln -sf ../../assets/$f-$s-$i.png ./assets/$f-$s-$i.png + ;end + ;end + +;end diff --git a/gtk-2.0/main.rc b/gtk-2.0/main.rc new file mode 100755 index 0000000..28e72a2 --- /dev/null +++ b/gtk-2.0/main.rc @@ -0,0 +1,2614 @@ +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 = 9 + GtkHPaned::handle-size = 9 + GtkVPaned::handle-size = 9 + + 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 + file = "assets/handle-horz.png" + border = {0, 0, 4, 4} + orientation = HORIZONTAL + } + + image { + function = HANDLE + file = "assets/handle-vert.png" + border = {4, 4, 0, 0} + orientation = VERTICAL + } + + 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" + +# 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" \ No newline at end of file diff --git a/gtk-2.0/render-assets.sh b/gtk-2.0/render-assets.sh new file mode 100755 index 0000000..f4fd9ff --- /dev/null +++ b/gtk-2.0/render-assets.sh @@ -0,0 +1,24 @@ +#! /bin/bash + +INKSCAPE="/usr/bin/inkscape" +OPTIPNG="/usr/bin/optipng" + +SRC_FILE="assets.svg" +ASSETS_DIR="assets" +INDEX="assets.txt" + +for i in `cat $INDEX` +do +if [ -f $ASSETS_DIR/$i.png ]; then + echo $ASSETS_DIR/$i.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i.png + $INKSCAPE --export-id=$i \ + --export-id-only \ + --export-background-opacity=0 \ + --export-filename=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +done +exit 0 diff --git a/gtk-3.0/apps/budgie.css b/gtk-3.0/apps/budgie.css new file mode 100755 index 0000000..1dbf218 --- /dev/null +++ b/gtk-3.0/apps/budgie.css @@ -0,0 +1,65 @@ +.budgie-panel { + border-bottom-color: transparent; +} + +.max-budgie-panel { + border: none; + background-color: alpha(black, 0.5); +} + +.budgie-panel *:active { + background-color: transparent; +} + +/* top panel */ +.budgie-panel.top { + border-top-color: transparent; +} + +/* left panel */ +.budgie-panel.left { + border-left-color: transparent; +} + +/* right panel */ +.budgie-panel.right { + border-right-color: transparent; +} + +.budgie-panel .message-area { + border-radius: 3px; + border: none; + font: bold; + text-shadow: 1px 1px alpha(black, 0.3); + background-color: alpha(black, 0.5); + box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.2),inset 0px 1px 0px 0px rgba(255,255,255,0.1); +} + +.budgie-panel .menu-icon *, +.budgie-panel .message-area * { + icon-shadow: 1px 1px alpha(black, 0.3); +} + +.max-budgie-panel .message-area { + box-shadow:none; + background-color: transparent; +} + +.budgie-panel * { + icon-shadow: none; +} + +.launcher * { + icon-shadow: 1px 1px alpha(black, 0.3); +} + +PanelToplevel { + padding: 0px; + background-color: @panel_bg_color; + background-image: none; + color: @panel_fg_color; +} + +.dark .notif-title { + color: @orange; +} diff --git a/gtk-3.0/apps/corebird.css b/gtk-3.0/apps/corebird.css new file mode 100755 index 0000000..1cff971 --- /dev/null +++ b/gtk-3.0/apps/corebird.css @@ -0,0 +1,9 @@ +.button.text-only-button:hover{ + color: @selected_bg_color; +} + +.button.text-only-button:active, +.button.text-only-button:active:hover { + color: @selected_bg_color; + background-color: transparent; +} diff --git a/gtk-3.0/apps/gala.css b/gtk-3.0/apps/gala.css new file mode 100755 index 0000000..d472b45 --- /dev/null +++ b/gtk-3.0/apps/gala.css @@ -0,0 +1,127 @@ +/******* +* Gala * +*******/ + +.gala-notification { + border: none; + border-radius: 4px; + background-color: transparent; + background-image: + linear-gradient( + to bottom, + @bg_color, + @bg_color 80%, + shade ( + @bg_color, + 0.94 + ) + ); + box-shadow: + inset 0 0 0 1px alpha (@bg_highlight_color, 0.1), + inset 0 1px 0 0 alpha (@bg_highlight_color, 0.9), + inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.3), + 0 0 0 1px alpha (#000, 0.2), + 0 3px 6px alpha (#000, 0.16), + 0 5px 5px -3px alpha (#000, 0.4); +} + +.gala-notification .title, +.gala-notification .label { + color: @text_color; +} + +.gala-notification GtkImage { + color: alpha (@text_color, 0.8); +} + +.gala-button { + padding: 3px; + color: #fff; + border: none; + border-radius: 100px; + background-image: + linear-gradient( + to bottom, + #7e7e7e, + #3e3e3e + ); + box-shadow: + inset 0 0 0 1px alpha (#fff, 0.02), + inset 0 1px 0 0 alpha (#fff, 0.07), + inset 0 -1px 0 0 alpha (#fff, 0.01), + 0 0 0 1px alpha (#000, 0.4), + 0 3px 6px alpha (#000, 0.16), + 0 3px 6px alpha (#000, 0.23); + text-shadow: 0 1px 1px alpha (#000, 0.6); +} + +/********* + * Panel * + ********/ + + .panel { + background-color: transparent; + transition: all 100ms ease-in-out; +} + +.panel.maximized { + background-color: alpha(#000, 0); +} + +.panel.translucent { + background-color: alpha(#000, 0); +} + +.composited-indicator > revealer label, +.composited-indicator > revealer image, +.composited-indicator > GtkRevealer { + color: #fff; + font-weight: bold; + text-shadow: + 0 0 2px alpha (#000, 0.3), + 0 1px 2px alpha (#000, 0.6); + icon-shadow: + 0 0 2px alpha (#000, 0.3), + 0 1px 2px alpha (#000, 0.6); + transition: all 200ms ease-in-out; +} + +.composited-indicator .keyboard { + background-color: #fff; + border-radius: 2px; + box-shadow: + 0 0 2px alpha (#000, 0.3), + 0 1px 2px alpha (#000, 0.6); + color: #333; + font-weight: 600; + padding: 0 3px; + text-shadow: none; +} + +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > GtkRevealer { + color: alpha (#000, 0.65); + text-shadow: + 0 0 2px alpha (#fff, 0.3), + 0 1px 0 alpha (#fff, 0.25); + icon-shadow: + 0 0 2px alpha (#fff, 0.3), + 0 1px 0 alpha (#fff, 0.25); +} + +.panel.color-light .composited-indicator .keyboard { + background-color: alpha (#000, 0); + box-shadow: + 0 0 2px alpha (#fff, 0.3), + 0 1px 0 alpha (#fff, 0.25); + color: #fff; + text-shadow: none; +} + +.panel .popover { + box-shadow: + inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.5), + 0 3px 4px alpha (#000, 0.15), + 0 3px 3px -3px alpha (#000, 0.35); +} \ No newline at end of file diff --git a/gtk-3.0/apps/gnome-applications.css b/gtk-3.0/apps/gnome-applications.css new file mode 100755 index 0000000..4f3fb1c --- /dev/null +++ b/gtk-3.0/apps/gnome-applications.css @@ -0,0 +1,120 @@ +/************ + * nautilus * + ************/ +.nautilus-canvas-item { + border-radius: 0px; +} + +.nautilus-desktop.nautilus-canvas-item { + color: white; + text-shadow: 1px 1px alpha(black,0.8); +} + +.nautilus-desktop.nautilus-canvas-item:active, +.nautilus-desktop.nautilus-canvas-item:prelight, +.nautilus-desktop.nautilus-canvas-item:selected { + border-radius: 3px; + text-shadow: none; +} + +NautilusWindow.window-frame { + background-color: transparent; +} + +NautilusWindow.background { + background-color: alpha(mix(@bg_color,@base_color,0.7),0.96); +} + +NautilusWindow .sidebar, +NautilusWindow .sidebar .view { + background-color: transparent; + background-image: none; +} + +NautilusWindow .sidebar .cell:selected, +NautilusWindow .sidebar .cell:selected:focus { + border-radius: 0 3px 3px 0; +} + +NautilusWindow .pane-separator.horizontal { + background-image: none; + border-right: 1px solid @bg_color; +} + + +NautilusListView GtkTreeView { + border-color: @borders; +} + +/****************** + * gnome terminal * + ******************/ +VteTerminal { + background-color: @bg_color; + color: @fg_color; +} + +/********* + * gedit * + *********/ +GeditViewFrame .gedit-search-slider { + padding: 4px; + border-radius: 0 0 0 5px; + border: 0; + background-color: @bg_color; +} + +GeditViewFrame .gedit-search-slider .linked .button { + border-color: alpha(black,0.2); +} + +GeditViewFrame .gedit-search-slider .linked .button:hover { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); +} + + +GeditViewFrame .gedit-search-slider .not-found { + background-color: @error_bg_color; + background-image: none; + color: @error_fg_color; +} + +GeditViewFrame .gedit-search-slider .not-found:selected { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +GdTaggedEntry *{ + color: @fg_color; +} + +/************** + * Tweak Tool * + **************/ +.tweak:hover{ + color: @text_color; +} + +.tweak-categories .list-row.button:hover { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +.tweak-categories { + background-color: @base_color; + background-image: linear-gradient(to bottom,@base_color,@base_color); +} + +/************** + * geary * + **************/ +.geary-titlebar-right GtkBox.left .button{ + + background: transparent; +} +.geary-titlebar-right GtkBox.left .button:hover{ + + background: transparent; +} diff --git a/gtk-3.0/apps/mate-applications.css b/gtk-3.0/apps/mate-applications.css new file mode 100644 index 0000000..5adbfbf --- /dev/null +++ b/gtk-3.0/apps/mate-applications.css @@ -0,0 +1,17 @@ + +/******** + * Caja * + ********/ + +/* caja sidebar */ +CajaWindow FMTreeView .view, +CajaWindow CajaNotesViewer .view, +CajaWindow CajaPlacesSidebar .view, +CajaWindow CajaHistorySidebar .view, +CajaWindow CajaInformationPanel GtkVBox, +CajaWindow CajaEmblemSidebar GtkViewport { + background-color: @header_bg_color; + color: @header_fg_color; + border-width: 0px; +} + diff --git a/gtk-3.0/apps/solus-applications.css b/gtk-3.0/apps/solus-applications.css new file mode 100755 index 0000000..d52a5de --- /dev/null +++ b/gtk-3.0/apps/solus-applications.css @@ -0,0 +1,12 @@ +QuirkyClient .linked .button:first-child { + border-color: alpha(black,0.2); + border-width: 1px; +} + +QuirkyClient .linked .button:first-child:hover, +QuirkyClient .linked .button:first-child:active, +QuirkyClient .linked .button:first-child:checked { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); +} diff --git a/gtk-3.0/apps/unity.css b/gtk-3.0/apps/unity.css new file mode 100755 index 0000000..c22b2f2 --- /dev/null +++ b/gtk-3.0/apps/unity.css @@ -0,0 +1,74 @@ +UnityDecoration { + -UnityDecoration-extents: 28px 0px 0px 0px; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: alpha(@dark_shadow, 0.75); + -UnityDecoration-active-shadow-radius: 9px; + -UnityDecoration-inactive-shadow-color: alpha(@dark_shadow, 0.5); + -UnityDecoration-inactive-shadow-radius: 6px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: @theme_selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 50px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.top { + border: 1px solid @header_bg_color; + border-bottom-width: 0; + border-radius: 5px 5px 0 0; + padding: 1px 8px 0 8px; + background-color: @header_bg_color; + color: @header_fg_color; + text-shadow: none; +} + +UnityDecoration.top:backdrop { + border: 1px solid @header_bg_color; + border-bottom-width: 0; + background-color: @header_bg_color; + color: mix(@titlebar_fg_color, @titlebar_bg_color, 0.2); +} + +UnityDecoration.left, +UnityDecoration.right, +UnityDecoration.bottom { + background-color: @theme_bg_color; +} + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-color: @theme_bg_color; +} + +UnityPanelWidget, +.unity-panel { + border-width: 0 0 0 0; + border-style: solid; + border-color: @panel_bg_color; + background-color: @header_bg_color; /* the theme_bg_color of the dark theme */ + color: @theme_fg_color; +} + +.unity-panel.menubar, +.unity-panel .menubar { +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 0 0 0; + color: @panel_fg_color; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-color: mix(@panel_bg_color, @panel_fg_color, 0.2); + background-color: @selected_bg_color; + background-image: none; + color: shade(@panel_fg_color, 1.08); +} diff --git a/gtk-3.0/assets/checkbox-checked-active.png b/gtk-3.0/assets/checkbox-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..c45f5154fdd7346b47fe73090064e8e2348ffe86 GIT binary patch literal 463 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c1$QJ|V77ZgH+2u`cd0F7C0e?y)XzvDOZO)~Rfpy?5t%AIkSWRN#Fi-{)YV&y`}|DE-?C@sotFj)@Em44IxTjv*3LlM|9eotSibcyydJ8fH3j@IDY02n>AS zE+#PT`jlsGViT@}JZ)GN5F{chH0eUf^C!)-7Oq&SqqS_|$-~^nAt8~$e!jsIxD&e@ z)+}3QA-!oUlTpx{74IHAe|G$35YKtTO$$CTa=#V2+a*0okb!}L!PC{xWt~$(69D-* BqVxa& literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-checked-active@2.png b/gtk-3.0/assets/checkbox-checked-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..aea651475d70c2c1accb8d89182abe33d7f757ce GIT binary patch literal 682 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQwIi@Ck8cU|?|ZjB|32adV4zaf@|!k8yF2MMh>;UgnnG z=2kxD_TJ_WKISgI7S6sF-hP(Wepa>t*0urG(ZM#c!M66nb_J1kC6V@yVfId84$ct{ z^|6l55l*gAPOi~Tk+DwYaZbGn&Te4yJz`xvV_p5?T%!_Plat)ilijkD-BzT#7p1tD zrnonzxi8IdUzXv%I>TdGrpNM3&k32Hv$8zrXL~Ns^4yc_xj)xyc9!?1Jnzlig;Gx4m ze*U`u(jtX{f#Hs)i(`n!`K_0)3pE)CuwD>#+3-DXgVUS6-`D;8&u`RZ)TFlWg`J_L z^Rstqj1OEre@0AdW_}RMwRMh}fT$a%!o~=u*2w=4e(gB;;F;w7u8?)IhR04awXU{a zG`r!?%&Vdooo#$>)_8uI_32rB#N2o49@q5(W4@hOf6_W7b4lfAC%fo(TUNgR_IJ8n zRZH9tp=le>lw5bpcNTnoB_RIuSKAVum`Z7_SBZOjE<8InFRx|Wm$knSaOBEzOC{NS zS6{)tYFg1jjn{iN&%7VEOke!w!6fSfzh}x!ehX|Jck|{Ii+4}3-|@hZfq{X+)78&q Iol`;+0CsW<3jhEB literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-checked-backdrop.png b/gtk-3.0/assets/checkbox-checked-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..c45f5154fdd7346b47fe73090064e8e2348ffe86 GIT binary patch literal 463 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c1$QJ|V77ZgH+2u`cd0F7C0e?y)XzvDOZO)~Rfpy?5t%AIkSWRN#Fi-{)YV&y`}|DE-?C@sotFj)@Em44IxTjv*3LlM|9eotSibcyydJ8fH3j@IDY02n>AS zE+#PT`jlsGViT@}JZ)GN5F{chH0eUf^C!)-7Oq&SqqS_|$-~^nAt8~$e!jsIxD&e@ z)+}3QA-!oUlTpx{74IHAe|G$35YKtTO$$CTa=#V2+a*0okb!}L!PC{xWt~$(69D-* BqVxa& literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-checked-backdrop@2.png b/gtk-3.0/assets/checkbox-checked-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..aea651475d70c2c1accb8d89182abe33d7f757ce GIT binary patch literal 682 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQwIi@Ck8cU|?|ZjB|32adV4zaf@|!k8yF2MMh>;UgnnG z=2kxD_TJ_WKISgI7S6sF-hP(Wepa>t*0urG(ZM#c!M66nb_J1kC6V@yVfId84$ct{ z^|6l55l*gAPOi~Tk+DwYaZbGn&Te4yJz`xvV_p5?T%!_Plat)ilijkD-BzT#7p1tD zrnonzxi8IdUzXv%I>TdGrpNM3&k32Hv$8zrXL~Ns^4yc_xj)xyc9!?1Jnzlig;Gx4m ze*U`u(jtX{f#Hs)i(`n!`K_0)3pE)CuwD>#+3-DXgVUS6-`D;8&u`RZ)TFlWg`J_L z^Rstqj1OEre@0AdW_}RMwRMh}fT$a%!o~=u*2w=4e(gB;;F;w7u8?)IhR04awXU{a zG`r!?%&Vdooo#$>)_8uI_32rB#N2o49@q5(W4@hOf6_W7b4lfAC%fo(TUNgR_IJ8n zRZH9tp=le>lw5bpcNTnoB_RIuSKAVum`Z7_SBZOjE<8InFRx|Wm$knSaOBEzOC{NS zS6{)tYFg1jjn{iN&%7VEOke!w!6fSfzh}x!ehX|Jck|{Ii+4}3-|@hZfq{X+)78&q Iol`;+0CsW<3jhEB literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-checked-hover.png b/gtk-3.0/assets/checkbox-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..c45f5154fdd7346b47fe73090064e8e2348ffe86 GIT binary patch literal 463 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c1$QJ|V77ZgH+2u`cd0F7C0e?y)XzvDOZO)~Rfpy?5t%AIkSWRN#Fi-{)YV&y`}|DE-?C@sotFj)@Em44IxTjv*3LlM|9eotSibcyydJ8fH3j@IDY02n>AS zE+#PT`jlsGViT@}JZ)GN5F{chH0eUf^C!)-7Oq&SqqS_|$-~^nAt8~$e!jsIxD&e@ z)+}3QA-!oUlTpx{74IHAe|G$35YKtTO$$CTa=#V2+a*0okb!}L!PC{xWt~$(69D-* BqVxa& literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-checked-hover@2.png b/gtk-3.0/assets/checkbox-checked-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..aea651475d70c2c1accb8d89182abe33d7f757ce GIT binary patch literal 682 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQwIi@Ck8cU|?|ZjB|32adV4zaf@|!k8yF2MMh>;UgnnG z=2kxD_TJ_WKISgI7S6sF-hP(Wepa>t*0urG(ZM#c!M66nb_J1kC6V@yVfId84$ct{ z^|6l55l*gAPOi~Tk+DwYaZbGn&Te4yJz`xvV_p5?T%!_Plat)ilijkD-BzT#7p1tD zrnonzxi8IdUzXv%I>TdGrpNM3&k32Hv$8zrXL~Ns^4yc_xj)xyc9!?1Jnzlig;Gx4m ze*U`u(jtX{f#Hs)i(`n!`K_0)3pE)CuwD>#+3-DXgVUS6-`D;8&u`RZ)TFlWg`J_L z^Rstqj1OEre@0AdW_}RMwRMh}fT$a%!o~=u*2w=4e(gB;;F;w7u8?)IhR04awXU{a zG`r!?%&Vdooo#$>)_8uI_32rB#N2o49@q5(W4@hOf6_W7b4lfAC%fo(TUNgR_IJ8n zRZH9tp=le>lw5bpcNTnoB_RIuSKAVum`Z7_SBZOjE<8InFRx|Wm$knSaOBEzOC{NS zS6{)tYFg1jjn{iN&%7VEOke!w!6fSfzh}x!ehX|Jck|{Ii+4}3-|@hZfq{X+)78&q Iol`;+0CsW<3jhEB literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-checked-insensitive-backdrop.png b/gtk-3.0/assets/checkbox-checked-insensitive-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..2dc2b7f0bafe1cf5fcd7331881eb6e1784e3f24f GIT binary patch literal 482 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c3c=J|V6QNPwT8AHuV>wS_Pk7#RHh{R0C7xwyDAG&JVV zpC1wua`^D!>gwvHOPAicbLZ&Mqpx4TzJLGzt5>f+fx-Lt?_a)r`RdiHmoHzwgMptv ze}4b|{qNtufByXW_wS#EN_{N@1A|&gkY6yLwt=CMvAMOale3GfPgGKFL*vXvTMu8n zeD&I`J9q9qc=-6k=U=~9}5lP!G>}OVqXk94&vW+W9=i$dd^GOmdKI;Vst0Hnmi)&Kwi literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-checked-insensitive-backdrop@2.png b/gtk-3.0/assets/checkbox-checked-insensitive-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..365426e38d40a9153f854a53c02872b9619707c3 GIT binary patch literal 754 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQwIi@Ck8czyVlUSs54@SXo)QxVZSi0Itx&!UE1_U|`70 z%Y$<>GBOw#7`nT=LH=cCo;r1^goK2&wDi1r^VHSVwY9ZZuU_ro;ILuChMb(7{QUew zhYl@Wx^(K)sh2Nbo;7RMnl)=~-n@DH_U*fO@9x>N=l=csH*em&apML=@aD~%ufX8? z_3Jlp-hA=m#n-Q2U%q_#?c296VDRhLuis$s=g*(NfB*gi123`ctqcqdUL`?(!3>;S zDysShhK5E)Mn=Y_X4cj=_73h|KE6T0VPTO`(eVk1$thXcdDS&_9etA~&tI@`*_!Qp z_U_%g@4%tsCvV@r`|$0%ci(^h{Ppj`-ki-03=B^_T^vI+CT_iaGU!l%KBckId^ho!z@s+I67o-GkKCs_faXUaZ+JVih@S_W9TG^E1yV l_pfYRt2c4uywy$fO!sedGt567DsT-H&7Q7)F6*2UngH)IN234$ literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-checked-insensitive.png b/gtk-3.0/assets/checkbox-checked-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..2dc2b7f0bafe1cf5fcd7331881eb6e1784e3f24f GIT binary patch literal 482 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c3c=J|V6QNPwT8AHuV>wS_Pk7#RHh{R0C7xwyDAG&JVV zpC1wua`^D!>gwvHOPAicbLZ&Mqpx4TzJLGzt5>f+fx-Lt?_a)r`RdiHmoHzwgMptv ze}4b|{qNtufByXW_wS#EN_{N@1A|&gkY6yLwt=CMvAMOale3GfPgGKFL*vXvTMu8n zeD&I`J9q9qc=-6k=U=~9}5lP!G>}OVqXk94&vW+W9=i$dd^GOmdKI;Vst0Hnmi)&Kwi literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-checked-insensitive@2.png b/gtk-3.0/assets/checkbox-checked-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..365426e38d40a9153f854a53c02872b9619707c3 GIT binary patch literal 754 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQwIi@Ck8czyVlUSs54@SXo)QxVZSi0Itx&!UE1_U|`70 z%Y$<>GBOw#7`nT=LH=cCo;r1^goK2&wDi1r^VHSVwY9ZZuU_ro;ILuChMb(7{QUew zhYl@Wx^(K)sh2Nbo;7RMnl)=~-n@DH_U*fO@9x>N=l=csH*em&apML=@aD~%ufX8? z_3Jlp-hA=m#n-Q2U%q_#?c296VDRhLuis$s=g*(NfB*gi123`ctqcqdUL`?(!3>;S zDysShhK5E)Mn=Y_X4cj=_73h|KE6T0VPTO`(eVk1$thXcdDS&_9etA~&tI@`*_!Qp z_U_%g@4%tsCvV@r`|$0%ci(^h{Ppj`-ki-03=B^_T^vI+CT_iaGU!l%KBckId^ho!z@s+I67o-GkKCs_faXUaZ+JVih@S_W9TG^E1yV l_pfYRt2c4uywy$fO!sedGt567DsT-H&7Q7)F6*2UngH)IN234$ literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-checked.png b/gtk-3.0/assets/checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..d4d6404f6e0379b6309424a633960f89e1796509 GIT binary patch literal 463 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c1$QJ|V7Fwm~-bf!1~bPHxf8t{`OX5NPchXdM)6n-pf} z5Mt*TYF`!Y;2iGc66Nd`;~X64JT=M1J=VoD*2O>0B{X=bUWMeL0@{ zbG`QGc^%I8I#%GlHQ#%8p7)`A??VONNAi6R7W!N%_PtW#d$-i@Ua8;1GC7^cwG0dl zY$ZW{!6Bhx&tJS``LJUJ0|P^*r;B5V#MI=3BvB_OogN+?Cyj=gjvTxXgarZvAGnJN zOuIhinVZ;zDbP0l+XkK`a+{! literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-checked@2.png b/gtk-3.0/assets/checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c38c93bc83e73c01d88d3ead101a1b460ad77ccd GIT binary patch literal 682 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQwIi@Ck8cU|_Ja545!Nx3vv&bdGdziEwm@baaVyagT9! zi*<32F|+bAxAZo*@-esfHh1tbck#7w_OP>KVi*a#}b@7OG@r-r#i*t=ia7|8f zOHX#oPIg<7?p~DQUYg?GnC8AT!+lwX`|1pjWtkq!Gd(9{dd|x7oS*HvJj-)WuIK(- zui07NoASIj=lh&5^0`ptd#uR!RFUuPQok!Dez!{f?v(o7EA@L&=J&Ad%d@4a3=9n1 zB|(0{43<{bCr_O|^Yhp5;N$!m3=9l+JY5_^G|q3md|jx?K!EjvsLO`$aT}c8?ESv( z=YM{qCZi^`eJ|_`EuEjeQ)7JK>iIKbQZw^|Sgx&e%mhT;I2ATVFttYhfADL^!3WPI z=XZsylQleclBspI^`hAge`a14z36P?bF;?t%dAh&;v?q1Q}?*87Z~&H#QKxgDVa+u zKRek)zuU6%{kOlnj2ApTF9c=)_b?YrRU`+jHUBv3Yqd z+rF&*eSjlZmRl;x=DYd|_Epo04r;vKvw7zIxMlj{HxDLR7x+C>X7XEL>$saYuUNc$ Vg8hyMh71f044$rjF6*2UngD1K3ts>L literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-mixed-active.png b/gtk-3.0/assets/checkbox-mixed-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b4cd9e4419822140907f5a9c572e28167de83242 GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#t7$6p~qzlgi*)mLHH`pb(OgnwzQ+lA2qPlUR~^voWHRfq_93q|C9jBqP6wAt1FR zwMfA^zbG#?C$sqbvP&Qb$p!d?xH`GTxq8I9xW~A-$GW=5y12#KI)penN4U7h`aLXT zV>AB4z`(#(666=`>E-?C@sotFj)@Em47#2!jv*W~lLOu|FuSwyb1a^@keRC^O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQyTB_=LDJFfh1y#yPpixVgo#2xU&>T_C%g%$$?1B0ilpUXO@geCx^jE$fG literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-mixed-backdrop.png b/gtk-3.0/assets/checkbox-mixed-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..928b0408a545ac6e9b77f803c182e833ea99f015 GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#t7$6p~qzlgi*)mLHH`pb(OgnwzQ+lA2qPlUR~^voWHRfq_93q|C9jBqP6wAt1FR zwMfA^zbG#?C$sqbvP&Qb$p!d?xLVl;+1LkK+XXneMLWBKkgY?AqjQ9dd#vBXvixe_ zI}8jAY$ZW{!6Bhx&tJS``LJUJ0|SGur;B3<$IRq_w+zhgZ2TOHXD(#s>PR`m(!?d9 r%zQ+{+uM7!f}i!BAVH493=ESVI9}90o-5D5z`)??>gTe~DWM4fw-;Uz literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-mixed-backdrop@2.png b/gtk-3.0/assets/checkbox-mixed-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8503821e2171fce37a4a6ab82aa7bf96d1d866e9 GIT binary patch literal 400 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQyTB_=LDJFfdrz2U^I!8LVL^!%cI=V!VC7#J9$JzX3_G|oT0>?ziuz~gc-jjzkOVAp@&yIlT< z7+1WFSL2=G@TYqZ+nFQ2fr=XrG%oQ;xcI{IerwFr$C__E&qPoCTw1p_^qGnHw1fVa oDpT}Rxn++EI_|#4vi1;nz!R&_X(1L`3=9kmp00i_>zopr0KT`3A^-pY literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-mixed-hover.png b/gtk-3.0/assets/checkbox-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..928b0408a545ac6e9b77f803c182e833ea99f015 GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#t7$6p~qzlgi*)mLHH`pb(OgnwzQ+lA2qPlUR~^voWHRfq_93q|C9jBqP6wAt1FR zwMfA^zbG#?C$sqbvP&Qb$p!d?xLVl;+1LkK+XXneMLWBKkgY?AqjQ9dd#vBXvixe_ zI}8jAY$ZW{!6Bhx&tJS``LJUJ0|SGur;B3<$IRq_w+zhgZ2TOHXD(#s>PR`m(!?d9 r%zQ+{+uM7!f}i!BAVH493=ESVI9}90o-5D5z`)??>gTe~DWM4fw-;Uz literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-mixed-hover@2.png b/gtk-3.0/assets/checkbox-mixed-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8503821e2171fce37a4a6ab82aa7bf96d1d866e9 GIT binary patch literal 400 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQyTB_=LDJFfdrz2U^I!8LVL^!%cI=V!VC7#J9$JzX3_G|oT0>?ziuz~gc-jjzkOVAp@&yIlT< z7+1WFSL2=G@TYqZ+nFQ2fr=XrG%oQ;xcI{IerwFr$C__E&qPoCTw1p_^qGnHw1fVa oDpT}Rxn++EI_|#4vi1;nz!R&_X(1L`3=9kmp00i_>zopr0KT`3A^-pY literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop.png b/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..6a138a877d2a0ba056f77e7a5b343b2c130e6265 GIT binary patch literal 297 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#t7$6p~qzlgi*)mLHH`pb(OgnwzQ+lA2qPlUR~^voWHRfq_93q|C9jBqP6wAt1FR zwMfA^zbG#?C$sqbvP&Qbi3a$DxH4dXfB*i~Ci;dkFfg!{1o;K?>*^WXdR*#@(PUs? z(D8I}4B?oWoM6Pp%*d9=ad^T(39gQmC5(;6J%T(*JKEaXtb~`#=4mQlkz{D!DD@=c S$HW^T8$4b8T-G@yGywp=xK(xl literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop@2.png b/gtk-3.0/assets/checkbox-mixed-insensitive-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..2237059cb757b10ac2f1d7c8134f946fc13d2cc9 GIT binary patch literal 389 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQxH&_=LDJ;032opT2VC%DQ#y_UzfSYuB#t-@kwP^5xT~ zPyhb?JHJ4(iGhJZs3gcQn1M@8-N@L{#Wl2d=8`q*p1pj%Vauv81_p)*PZ!4!jq^_@ zd-F9IaIng=Zn?JqyZxF@ZSOB%8RotfFf(Xa@l$;n(~15XHkMZ`t%kV;Uhj9k5mkNh zb5(@z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#t7$6p~qzlgi*)mLHH`pb(OgnwzQ+lA2qPlUR~^voWHRfq_93q|C9jBqP6wAt1FR zwMfA^zbG#?C$sqbvP&Qbi3a$DxH4dXfB*i~Ci;dkFfg!{1o;K?>*^WXdR*#@(PUs? z(D8I}4B?oWoM6Pp%*d9=ad^T(39gQmC5(;6J%T(*JKEaXtb~`#=4mQlkz{D!DD@=c S$HW^T8$4b8T-G@yGywp=xK(xl literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-mixed-insensitive@2.png b/gtk-3.0/assets/checkbox-mixed-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..2237059cb757b10ac2f1d7c8134f946fc13d2cc9 GIT binary patch literal 389 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQxH&_=LDJ;032opT2VC%DQ#y_UzfSYuB#t-@kwP^5xT~ zPyhb?JHJ4(iGhJZs3gcQn1M@8-N@L{#Wl2d=8`q*p1pj%Vauv81_p)*PZ!4!jq^_@ zd-F9IaIng=Zn?JqyZxF@ZSOB%8RotfFf(Xa@l$;n(~15XHkMZ`t%kV;Uhj9k5mkNh zb5(@z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#t7$6p~qzlgi*)mLHH`pb(OgnwzQ+lA2qPlUR~^voWHRfq_93q|C9jBqP6wAt1FR zwMfA^zbG#?C$sqbvP&Qb$p!d?xLVl;+1LkK+XXneMLWBKkgY?AqjQ9dd#vBXvixe_ zI}8jAY$ZW{!6Bhx&tJS``LJUJ0|SGur;B3<$IRq_w+zhgZ2TOHXD(#s>PR`m(!?d9 r%zQ+{+uM7!f}i!BAVH493=ESVI9}90o-5D5z`)??>gTe~DWM4fw-;Uz literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-mixed@2.png b/gtk-3.0/assets/checkbox-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..8503821e2171fce37a4a6ab82aa7bf96d1d866e9 GIT binary patch literal 400 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQyTB_=LDJFfdrz2U^I!8LVL^!%cI=V!VC7#J9$JzX3_G|oT0>?ziuz~gc-jjzkOVAp@&yIlT< z7+1WFSL2=G@TYqZ+nFQ2fr=XrG%oQ;xcI{IerwFr$C__E&qPoCTw1p_^qGnHw1fVa oDpT}Rxn++EI_|#4vi1;nz!R&_X(1L`3=9kmp00i_>zopr0KT`3A^-pY literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-unchecked-active.png b/gtk-3.0/assets/checkbox-unchecked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..1bf99a0ba1f3d7f6ffa4b00b150caa6ed13e1c85 GIT binary patch literal 330 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&q(O>8GD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(MszYTFo=SbIhK}WDLCgB<)!9i7JpxM3FO3jPZ!4!i{7{AHu4^F5OBF@U!BmkK#IkKWlJIJ1-<}w zm1R<^EL8G13LGkqtu(K%4?F%mQ}+E+(T$8@TVe%mbUrEFi4C~h9Hg8kVRgca{p#(B z5)94~@0l+49^F6x2n){vnHkLY8!CN2sH#*s{$&ndXs2WJA}=^0@Ck8cU|{flRPOtz%>O}&--9yW2c^Cb%lsad`8_K2 ze^~DKu*~max&Om5kRXU%wn*i-4FdxMe@T#EFoSFVdQ&MBb@01DlS_5c6? literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-unchecked-backdrop.png b/gtk-3.0/assets/checkbox-unchecked-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..89c0ae8c81b666ed3cc0ec1721c6879f0bc37227 GIT binary patch literal 323 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#t7$6p~qzlgi*)mLHH`pb(OgnwzQ+lA2qPlUR~^voWHRfq_93q|C9jBqP6wAt1FR zwMfA^zbG#?C$sqbvP&QbX$AO%xVpQ?xVlC-`NTQ9$GW)3xwyqSyT!S<$GU(>5X03Y z7Q}Ur{eJO)Gsu4>L4LuKQqr5ZY~8l~$B&$4$`>~L;@Kf;XyENyb&!dT;n?ZSh2bCn=`k=cFnGH9xvX0@Ck8cU|?`@k8^g5arKCE@rZSCk8yR21&O%Fx_HF6 zy2rYJP#l;9u_s(SoWsDtz+V#N7tG)v5Ev9Zaq^U%yLRt+`_66M#4-j31~*R^#}J9j z$q5~m|K-{KQUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c6R+J|V6_532kgmH9j_^nFn3_n_SOL7DG^a=!;pIGDFXuoUrCT(u%wjq z<}F*dZU6D(=byiSn=R`+7#J8FJzX3_B*M@3pJr@O;5jOH$!m2@_V@W$r5~_8n-Sck zywZOP^SSCTCr`ATe$~dg=k21O^+(PB3KncLO>Y(OxVFz_&#~uxb50s>uxDUkVDNPH Kb6Mw<&;$T%MvKe< literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-unchecked-hover@2.png b/gtk-3.0/assets/checkbox-unchecked-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f6e80c6467c18857b088ae778e8bfc8af150bf1e GIT binary patch literal 420 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQ$=t_=LDJFfjN&D))U<=Kr9???IXGgHqpzWqyy!{2rD1 zKP>lqSmyVz-2Y)2Nbq5qi+ik#N37?hOwY-go>MYCr)2q_De^sE?0cic?`Emr!!j1* z3mgm#4E!ZQe!&d>0f9lm6DLpExoh{Hx9{B6O)O(zU`X|JaSYKo|8}x9QJ*zM~kapkda!3x{Wd8+JFmaBzjXB6vQWxZS6 z9P3~E>i^598GD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(MszYTFo=SbIhK}WDLCgB<)!9i7JpxM3FO3lPZ!4!i{7`F4f&c41Y9n*Z;ojYd1vA9u3qVs$QKut zg&Q<4S+0}JoIUm5bunvZw=**eE>ANL(+PaYZdN1B%522)uHxZMj`=5NOe*^J+&>~! zskFgl>Hq?S56m;J-kqyt{I8F#`hwgQu&X%Q~lo FCIA#xZ07&~ literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop@2.png b/gtk-3.0/assets/checkbox-unchecked-insensitive-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a75827b642a7176d6d2cdaec6cd06178b4e2329a GIT binary patch literal 366 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f07G?$phLdueCo(WFFc&*{hH!9j+j_FH~-jWou2UE&1$E%j_FT1 z4AxIo{A?w(zf8*cYoSWr*>8b%oi$%RxbWwH`Qgy3&&FVdQ&MBb@0K5=r+5i9m literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive.png b/gtk-3.0/assets/checkbox-unchecked-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..1ea8200de929425b4ee4ec1ebed846d53222080b GIT binary patch literal 314 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&q(O>8GD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(MszYTFo=SbIhK}WDLCgB<)!9i7JpxM3FO3lPZ!4!i{7`F4f&c41Y9n*Z;ojYd1vA9u3qVs$QKut zg&Q<4S+0}JoIUm5bunvZw=**eE>ANL(+PaYZdN1B%522)uHxZMj`=5NOe*^J+&>~! zskFgl>Hq?S56m;J-kqyt{I8F#`hwgQu&X%Q~lo FCIA#xZ07&~ literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-unchecked-insensitive@2.png b/gtk-3.0/assets/checkbox-unchecked-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a75827b642a7176d6d2cdaec6cd06178b4e2329a GIT binary patch literal 366 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f07G?$phLdueCo(WFFc&*{hH!9j+j_FH~-jWou2UE&1$E%j_FT1 z4AxIo{A?w(zf8*cYoSWr*>8b%oi$%RxbWwH`Qgy3&&FVdQ&MBb@0K5=r+5i9m literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/checkbox-unchecked.png b/gtk-3.0/assets/checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..89c0ae8c81b666ed3cc0ec1721c6879f0bc37227 GIT binary patch literal 323 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#t7$6p~qzlgi*)mLHH`pb(OgnwzQ+lA2qPlUR~^voWHRfq_93q|C9jBqP6wAt1FR zwMfA^zbG#?C$sqbvP&QbX$AO%xVpQ?xVlC-`NTQ9$GW)3xwyqSyT!S<$GU(>5X03Y z7Q}Ur{eJO)Gsu4>L4LuKQqr5ZY~8l~$B&$4$`>~L;@Kf;XyENyb&!dT;n?ZSh2bCn=`k=cFnGH9xvX0@Ck8cU|?`@k8^g5arKCE@rZSCk8yR21&O%Fx_HF6 zy2rYJP#l;9u_s(SoWsDtz+V#N7tG)v5Ev9Zaq^U%yLRt+`_66M#4-j31~*R^#}J9j z$q5~m|K-{K9gP2NHH)lyzq2!46*24JHasT zkb{WJee+F|xK&)6iquo~%;j$^;@{ycm9kd%zGhR~5`K|yOAc%}!6~*n<+Y?wexCe y?KxikDbM*mxX;KKynV|X + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/close@2.png b/gtk-3.0/assets/close@2.png new file mode 100644 index 0000000000000000000000000000000000000000..c1f30fe69376e8c1d231ebb7fda72f1d475a5433 GIT binary patch literal 555 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4rT@h2A3sW#~2tGn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNYC%`Afm4SibKLf-6h=~88q5s3f5oB;Mlp7rUKP(I+9ufi~A?(o5{~;kzaZC}o zRA?wj3%R84VG}_H1_tAjAirP+Mg>J>6@3FkBV!Y58(Vuvr@)}#kg)K&`i91)=Dqv& zA31jXdnVbpTGS4b+J=jhk=3Nkf)1dh=kL2s>02hDwOF&+>S9TY zS4L3)_bjIslD@(#_}XVXN|m^t+^vp=EX#_z*o;|Ce%MXcYK~{Cco&x xF45C$St&0fZt*?1Jg-gfbj*+6UFpBrtvoB$IdXgUGB7YOc)I$ztaD0e0s!yE@x}lE literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/close_prelight.png b/gtk-3.0/assets/close_prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..7ca967e4940f981d0b8bd446c0e2bba310b59a5b GIT binary patch literal 629 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lF?qT;hFJ72opd@c zC{e^s{P`)}0F|MWLI`^)F( z?9#Pg_GvP#=-MgVo2_-AAgL%~O~JbI=VzZ+O+TE}dhiB=g4Fdr+ZN?8doVOku(zIV zxstVV*R&@;*0eot&~R87lde2 zuRUw1%b&1)%?a;7krk!CWTw8d*|{Xw`m$|B>ck~tM>gfO?Y+p@z+f=XWB1v#avp(z z)OqP)F~-XmCC*C?<5*$DP_?+YG4qYD`p>zS&pggaQvDYdU2y+@mepIvtyzzcHut~3 zw}Zj>L{d$ny%cwK{;yM2i;EY&zPmQ^vnj)Yn|s|2qXW17b&U55TfW@rSX$`~dD#T1 k>Y4uPzt(pBpB0~ + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/close_prelight@2.png b/gtk-3.0/assets/close_prelight@2.png new file mode 100644 index 0000000000000000000000000000000000000000..275739c7934019b900b58426ca60729c82be7682 GIT binary patch literal 860 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4rT@h2A3sW#~2tGn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXO*8Q>G*%D}+zpMl}JhQ$qav&$;RSGA3b+aq#CRf#r zud10{*D$@JZhlqW?3$X{Wew9S8YWlOO|Gh&UQ;u@3PL7VHO#JRm|jyiy`pY<6@*N# zfk-f04NQX7gQY;+>l$X)G|aB4n_kl}g9(BdH?%BnXqnHK)n2Tiy99*vmMQ8jSJGRq zq`ytebep!>c5Tz!x|X-~tnTPr-O;zcYhZoXz~-KT^*uwI`$o3U-MwGfxV&)pdTHzO z($nXahtFF__qR^&Z=F2eIeC2Y@cHcN`^CfOi>J>QPv0+IzF)okzIyxp@D2Fk7x2?B z;HQ7!-=N^X!NGrnL;i(?{0|BF9~!#1XLlL{1A|FPkY6wZqk^KcioSuNk+F%jjjg?- zQ(#bVNLYAXeM4hY^WJ^?j~qLG^4j$qH*dXs_2$jTPoKa1{Ize7e-Q%%W2&c%V~EA+ zwUe(q9WoGUi`3fTz{;*+6zy`c=?0gQ0^bJR1rD+cM9=-UZ!yW8C2~skx!U9Zljh8M zSfF!p&gw=kQdZ;A=YTtY@FT3o*_VT>9DO>yd!}&ok>MPPV;!^2DQjIi&;Pu@Wmn zZLh2m%!<3j@3lwp)s~5C0+Nkl!%hj6`Dxu>obvWjiTdrbm+y|9Jydd2yr+H2l>G+o z8m+mzG|V^4cH6v+V_B2>*3V{-@ZSFt + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/close_unfocused.png b/gtk-3.0/assets/close_unfocused.png new file mode 100644 index 0000000000000000000000000000000000000000..1807b93152a5fd5ef0fdc511d9156d4b6d308712 GIT binary patch literal 381 zcmeAS@N?(olHy`uVBq!ia0y~yVBiB`4mJh`26+$Niwq15oCO|{#S9EWB_ParFHOFJ zfq_A?#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDFy~cE>9Q75RHjbFB*Cu z4iI5|P@LBhP_S-tNogSaU+KKCkc!xtT^{v53#ZI-b<)ZDIRA#~jgt#Ybk2ok{pxe} z)STf|wCwcm@4L$@j)cw0zJ7EK^Lp=w-mj~d3B{c~lqd83`A?nCkFMP{)wE?=vrvIa zTqMd;+p}iODD_fiSdjHl|GlrasrTaE zr&A|dtl@GsJ>wiIt1(&9Vzth~nJeFz=N$i#la?6%V9^@Ik8d|G$S%AyKR9D*t6a(9 zhYz$F8cbyU{rb+^F~l`+l*bBH{uOc0XApSOYa;94cg~;v*+=Jx4NvSEc`m8<*v@A) hKm6pO?fn1DVo~Yc6XkhVGB7YOc)I$ztaD0e0szafnNR=# literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/close_unfocused.svg b/gtk-3.0/assets/close_unfocused.svg new file mode 100755 index 0000000..d1011fa --- /dev/null +++ b/gtk-3.0/assets/close_unfocused.svg @@ -0,0 +1,88 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/close_unfocused@2.png b/gtk-3.0/assets/close_unfocused@2.png new file mode 100644 index 0000000000000000000000000000000000000000..915522b2d3788868f9041fa9d3f2e1d779adc6bf GIT binary patch literal 604 zcmeAS@N?(olHy`uVBq!ia0y~yV31&7V36WqW?*2Lm6&sofq{X!*vT`5gM;JtL;nX1 z3=EtF9+AZi46^MY%-H|*V=4m!gJg+oL`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}D zcQ#TC3=CHTd_r6qz@VX_!812EAt50&G&C(OEjBhbG&CzTG%YkVIW8_PAt50yE-or6 zIVL74Iyx~rIwdM9DLOhSCI%vs5*3pKmI8@H#U@9`CP&34$HaidqhmpW(XlB}AjQei z(J9ff$Lb^6?et2ggGeg5vl=dWMC{`mF#_rIozSp^7()LB*TYN#_!di7wr2G`*UUB)}%RJSN1=R zC|y^0Qnz%A9=pYgoF~`#KI!ZCv&*cEue`hI@}%ePZ05bo#_|x#O#C*c4^No#+1W+9X~({j|l=zzr5x?=2EK l`1VrO%ro_NyIQr+ZDlRzO3s)j{WB31xt^|mF6*2UngB+E>g50c literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/grid-selection-checked.png b/gtk-3.0/assets/grid-selection-checked.png new file mode 100755 index 0000000000000000000000000000000000000000..91187176cbea5765884370ec4f3d71d1faa38adf GIT binary patch literal 1269 zcmeAS@N?(olHy`uVBq!ia0y~yV9)?z4mJh`hMs>rav2yHSc;uILpV4%IBGajIv5xj zI14-?iy0VruY)k7lg8`{1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<`jiacE$Ln2zw&aC#4ag{l~e{*#;|2vEK7F@c^8r52})(A}znmr?|IdHZ_x2a(- z?^nmIx=UU*Z@Z5%`+fcAxj*05ygUG(68VrIBvIh(p*ceha z1#u@lRk@Kgfnx!C!}Rw0C7U)>JYaBONMJKK#2mqNKrDXV1R;hWCLhl4lsu)ObJC|e z?{eJSlV3OY6IJu8D<(A78o0 z^>zE$kENKtHND6d)YWy)d+}B4ti`F)ySV=dp$_;$vu*Ub9;)tyd@`AMgpW>iiQ}g73vV3}pZEwbZ<)w&sWU()4u}U%B$VYdw8yLKt7ZC}>~2=|}d`bS=Gj z?UaDS8OxYNanqLZ(Z{O-`V_gv>aaT zxLmn?&k8|?nE1JWZr{E5NloQt*@~EnbMQ@m^a<}R%+fecg2gKs%fvz$3M@}WaVxQW?d0GxBN)Wi^Jkm z?zyDj_6-j{D}Cnm&-7E=Q#W>2XU%&wef^D{0T!VR3N6B6sncg`&)#;X;m_kawQC+; zC{x?DzU5TJ<7abMZ@JkY&Zx3xs?*!VMvj+})oa~n^)60bKX;x{?cM3ek7t!nRk*07 zVH~#ItiIFk|IuUxl{cH8?x~Y4um2T&jX#RtNnqLIn!ndw@5hTDTXt&JmXf)JulH4P zIC9Ov)^PNY+UyH+RXd5A1A7Pc2s6idAGWHR{XR$5lfT(hpYl8vs_Mo zc4=|%zSYnDv*pgMJ+ycCybjGb%Jvtf<%F)Sv6thV5x`Ym~!h2YmNz>dWLES zibq_gYhU30rza=1M`n89l++8+%;Lja@Zo z+~%yRE{OTFa&O4H_p;$h!VLTj23pBHKWB$=WnX*y@XN29wh!A^-*h?P^6F#Ej2BkF z|G9)eKiiNc&NzW7q0&V0&;@IiNiF~Y literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/grid-selection-checked@2.png b/gtk-3.0/assets/grid-selection-checked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..b47379e465b6fdd27a1d2a77ccd5d792ee6a1e89 GIT binary patch literal 2421 zcmeAS@N?(olHy`uVBq!ia0y~yU zUX{|i7O{Fp!Uhcy`40Un5py+CE@gVF`_4KU()&|6S6x>AvYN!ph}YRo>yub-wx-_y ze$`%2L+D0v;`?{IxaZHD+j#f>ywAJuTUOUSpZD4Nxll_Rdjk7}OaILI8y426-^#n7v zUwiHyaJb6DbLHA}vEcGYlS>$ExVOH)EMrpiiR+l1N$xS5YmE9fnDIZp^Nn z9S0L8Kge47_x{QK|5om+x?b6PUxncf%YpEPWj%_9>8aB4t5@7}c=PhS6%*5CwGM$4 z)=i6A9@m{oo-31PTrT7p~`TKk>h69naG>RIDcpH znKsJaej{E|_{UN8?h(bw9na7Gsd3!LCis`<)?!bMqV1ug_ovKg5$9)^^_MBH>&%Yz zxvRAYe)=PB)`sIVOeUtei(XhSv8m*v2H(f#g>lxQ4xI-U z^;>^zcaeCt^)hSE=fXIPjGf==#AUvuIUF!}Db94N&)U7UyEL^y=~b-R>heZ@sjlZdKipP$>dV^%iPdpW)yud=TG{+de`YUQY{GAA;ixIQbn$2I{okSCcdm+hi|l{DNbai2iiR$oD|7X}?Ts&8y4#<5 z`Tt8#Rz>^`K6&`5pAcvQ?rkcl8oBy$$(i>5KQakR?_1zDzO)UVsFWPI`-)U*- z|NeO&-g$h!4)^wbEkYZVA6y)o$hug6giHw&L$E$PN(rcT&pksj^#98*A(rK>I<%QoGw(U z{Cki0NY2ULCDy;VS7->iEOh){bahke!!swpMk(cay_{XyWBYfv;K#+nySO#3&A)#$ zD)P&uN1x|i-ktOC*VDc0{;H~Hl%32zH9xKWiO%KS|K42)b=djv*TZX@roQj`zpixW zw)K$PMG@Ykhno=qpke6xqPUoccm5=))>QBDD zHDh~JndN`6yqjIui?`)oK2rIZ;rRRsXy4`t`==Sv0IGK{rk#jz3ESM zVj|ScO|N{}^&!qB=Ju{rLP?u?UY5!x3TC!@|ppPsf~`OovuK^k8D zob8)7zwB6DBKcK4KX#AWbXnVf)AtsJ=YQ!u#FPAR`Pn;@|8(nK-a2Eq7FQqZYd=w~ zu0Kl;EUn&ktXYuU7E> z{>wiwj3t!Zm@2t=aGBeFwb}V-t3|udPY%nOaf+|Hq;$*QSKNltQ9#2#ikX33yz!I<*z4}iRmWIUwYm^?D6&V5Fzg(Lvy3@ zg>jkb7nQy-F)Mj_u#ZM|lg&**M$o zTvK8{H}6kF+HnWlfDP_{jFMjE8hL_XvY5^*5Vq=CNVm&X)tHK zbh@kg?cyEH2S0QUNi$Abz#gN;^<-Pv3EuGYJNa^>*ys0`-3qwC@U`XMg!J^2cKs@I zSKFSmvq=*;@<5q^gM%@V=cE3zMGk^Z0XDf4X6K(Sdfc15&UrTX!-AH3AD28*WZ1-z zvG2dh*;)3tES`O=G>BAhG)!?Z7S~tO=#rmwg=PM3vx0wTs-^0-&E4s@K<_|q BulWD~ literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/grid-selection-unchecked.png b/gtk-3.0/assets/grid-selection-unchecked.png new file mode 100755 index 0000000000000000000000000000000000000000..508eea89425078eb2edd219119e357f7fea51c9e GIT binary patch literal 1252 zcmeAS@N?(olHy`uVBq!ia0y~yV9)?z4mJh`hMs>rav2yHSc;uILpV4%IBGajIv5xj zI14-?iy0VruY)k7lg8`{1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<`j5g93s&E2)oRO$7F*rcR_lXv5e zT*#jEO7*R3-NU#$-z)1X?QH(koxl6n>A^$~27QJd3=Ty_^8ObY`WW6YS8y~iGCWEN zV0mzg^G4+b!3JK2<4i1NucXfL%P?>-+VDS+XKd(Z5b1o{siDXaFT`Z|ea4rnzoBcx zelPSOBCB<1&S-ta70x^(Zc^L2CAH8(fQPxX4r zyG^`o%88UsO+OS{*Tzb`YGs_HGIK+gnrD#IGgT%PsiU$5<>lYkUCsJCCsD$F`p-hv zB^p^f_w3oTeATL~qMDjNYQC4}ZBBZ`_Tp<*c~o??eUXLCe?|vy@6-Ot$;sQ#b#-$q z_+Fm(@87?&%{P5m_kQ{EWyz~oucmEIs$@@*Xqz`{)~h$~-rY<2E!O>XnvYub*EJRQ z7<0{{pLygyR2P-gYo+Phdev>?zKJjG=hO){q^4su^Slz!o#O8yZmyW5C_Zo z!q~~i4}SgnRbE+HxxLrz@o&5N@9$rJ_Umt5d3=0)#L-zk%Wj`Mc~akv`8a1me*XD2 zVXJ!?7F>Q=XD-3>URGZIziejSh9q9L!}D|M>+1d`?~M89wWVMV!`rgo{Br&6eD}V8 z`}XhZ&6_K~R_(Q3SPb$|aq(x{ZQFP3_^~Z$WsS0!gSvy>7*KUzYq6Tbabm z=A7s2+dJ>H)be%x6U?)=->&`dIXOH$+}G9BRc%{%K!C!;(@ziW+-aG9Av-5$Plkz9 zyQ|X0r5TMuK|x)~Y%C3H*RGxT=+Ptn8^7%`6K2et_s=A3hewyDy^)bo*7WJq->(SKGQ1rh6}4;L%$bpYb1pD- zSvHDtx!!#9=FN3gRaH#}153-unX_mAez)0~TjP}s&(zaTqh`*WX?XSe_4|sRL0`5w z_{XZ$ygsA!@wa8|=?{xMvfCMV#jIPr9+gvLSi!Jl zL-Va$x7L}MnB1A-wUm{`@xv{yM2TlFK79D_eBr`{_a;u9cy~ggIpYH%CfyyMSFo!v z@xE>mJ*N4Ip+cf&UJ%EZme$V4l|FJTvtHCSr3!I;S$+QMeS!bXinni>tPC%o$H2hA N;OXk;vd$@?2>_OlOltrD literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/grid-selection-unchecked@2.png b/gtk-3.0/assets/grid-selection-unchecked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..d8c6bf0eaeda4f4e44d65da3f9389838b11175de GIT binary patch literal 2460 zcmeAS@N?(olHy`uVBq!ia0y~yU#u*_u@*IY}E^emQ{~MmTKs-b2-b(I(q3wM|Vtc z(&0?oUaz8Y+_7wO&Lr;##*=5N{C@M>=J(w4@0H(c@7GRms6E2q#Nd&8|0sjUwAvb3 zsfL^13>hT0)Xo=4>iU0_A%(%|?F}DwHij=u2EKO;W?I~57GV9qKC{n>`9<4Sw|!0q z2Q`=uB%Qgk>!bq1nbuH`$2aCbX60$z`s{4Nd`kwmocZC)S4uc+*{<}-aS=mD!*!-} z$IqCa7xaiQW#-I&JNxz3f||(z3`vS>uG^jST)bgJ!OW<&_hiJxrYVSZANHKYQxM%D z*RU*e^2wA}mtTL?4Gj&AfBN*P?SmcKj0!Cb0?e;lFX|QTw0Ur>SK2+*XeQUc>Rp#b zT>l0x4f?xi_3GErx%)f~1Q;GM+*s>cw9{t6%9Ss>Z*ET4XJ%+iJYc}X|FN!IfrE)9 z(N?g%z5V~RDO0{MvJ1L%Fnml{8R$RHMsvc+l-GX)cXak}dIpB9jnT6|mgF}%L2y0D zp+0KCzU&_xuBT7;QM+C6>B-6M5obKFWzURSTQ@&ZqR6VlyzOnoN#EIKxoMkIMGbUx za(81`_4LI?Hg}y;PMb~5wL&wLoTN8Zv5?Hxnws7 z@tJ}bT$i;rh`3%gF*D1OY^yw3ezQ)0!NG)#=-p*+)wQOs+O=uZr{!YZM^Ee%FaHze zF!`iQYI?f-tCuegnGdXs-Tf~pB;*WGPxZC>HEKj(rRry&z343aOev;Yu_xBc% z6V^m+eZ@5U?nGtxdv|seJ}zuhsIZTlFM1)t;Lh_&g;%q_-eG3vtI-qSNZYB*H(%t! zw8G+>M(-x6dLKzmO?72tWSsb}>*#ZqC$kD&l>`gl-rBnO;K76WyN%`Uv8G5IOEQ|N zvG4TOslMUi;s1NQkL@jfes1206DN4zbtK#D;l6R_PRy3n)6?Ynd3j4e#FkZ8|4x^b zl&nwNyn5BDUyeCBZ`f;o&*zC_t@-gG@#ielY_0rzdw$-(a^=ciW@hI4r>k?i7OhiL zSO4F4_T7(6uP;=w@_3!H8r?;iv zd7M)w)vIP>ZM}Pj%1MXt+M-r*MqW1O%|R=#^!4@CC389Z`}bQK8h$iz4Gf>FJ3ISW z?5>hb2T#wF%ab-%%-g(g&cRg1Ubn}Gw`|$Mym#;3#glWdzy3Py#*K*F^78Ml?x)LC z9=|Htm3;8v!Hs>t3Ph)~?y31%6s*lag z&ENNSbOaRY&i0QHGqAP&n^IUpy=r6OgA?-<=J!nmj6!l z@j0WX_wR1wX(q1LLzXjV&P+db`t<#$N$W$j>g!)$TU*nXs1tlMK%_KuVZerYpO*X0 zt%_b5B3Gyqx9_29=L8kaiy0MvW|Wtk`?g_k zt%?w5<;C?7Yjyfq zYi;Bc@?(f?>L4iYX{>G1u?p7g(4*H+I?d|_h z3DDpvbkAA$Xro-_%8*~{{FYl!o;2yuub6uhf`WpFy1KgJ*;rY1i_&w}J-Dd%_rZe) zJG`gsP0cou^6U4za{ape6tAUo-WBX=J$~FpMX2-7mzS6KpF4RnGU5EXg$o@wXIxzL z-Bxt^=8Dt+O#_1hM@Pql`F(P>TJv*$|NQ(s{Mhm1^)FuTm~$|DagowQjW-VtHa``v zE-ET6UVJs{t2&G0jyqpIvc$<=n{#9G;-HmFDl03G*7#U|7IDgFcbK$9#nyJOii*mU zg`3B8zmWITS6UXEwdFoUM|#~dMdCzd;?d8+3dG{JAN83 zUc7isf9poB3y?V;uVjt^agBNe!XBw`<+HcU-gQGB~KbIg^r=mG#Qo)3Z|9#>U1?=i4ieMaL!NAa4QExOXJhNB^x(>^eZa*^qrZR`8g{q>)t4(llK!O*#7?gTk+*Z;PH2NcYkhc zYrAo2LnOm%uDxZ~&lySZO#Aig*RCT+j(AKyxrK$nagquPQ{(w=&&wumZf*t!1`W&o z=U4W_f^_K~Gvb?rBX{@ij!HD6({25Qy^5s10*~^#Ax2E^)%P&?u l!fVzaHaKwZwZT9BYm5%Fw*J+;%fP_E;OXk;vd$@?2>^cSv0DHD literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/maximize.png b/gtk-3.0/assets/maximize.png new file mode 100644 index 0000000000000000000000000000000000000000..454cab7c097478f7120f83e5ace49450ede66914 GIT binary patch literal 377 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)lvU$2VhFJ8jooMTK zI6$B!J?_m6ZU@E=iJP@mdf^hzFGuS0HH7wisCDMFYKB|i zKah!+MJr}08SE?9wWZ+7zk bvUtbkX?fBM)C?FH7#KWV{an^LB{Ts5VU>=N literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/maximize.svg b/gtk-3.0/assets/maximize.svg new file mode 100755 index 0000000..2eee09b --- /dev/null +++ b/gtk-3.0/assets/maximize.svg @@ -0,0 +1,92 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/maximize@2.png b/gtk-3.0/assets/maximize@2.png new file mode 100644 index 0000000000000000000000000000000000000000..04730a502b08b7c2268f46e61f7805cb506bfd04 GIT binary patch literal 565 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4rT@h2A3sW#~2tGn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXO@D8MJgm4ShQ;Xgyb_X^+dH32_r{C-pf{;Cc5Rps}qHt1JXz^_`rU)4dsD+7O5 z`-8|zzu#4Xzia$|RtNs93HVv<4Eak7A-VS8?Xac*5!MS^UA;FS+OuS(;yu14kxFa-|KEB{jNSRe8}sK!Y)@Xc@$*v` zKX3J6!uKglQ&d)D=0$Ae3;4Jx`RsY=bzlBfDDww$efwgur9e@-YAs8vA+PfsPp{^~ zk<*u%T~YT9UNK`C$E)sTELw{-o2@Q=;huWw$pSGG*8t;LY5}sd9gP2NHH)laeBHqhFJ72y&Ri= zDL{h#L%p}=lH|o3E;6?I#dtguT9h{Zk&u0ZcuLd9q^w7KPi}g@Q2yX_YZv zw&;458BbZq%GP#a?}tlUOT>Mn%}S0{Oe((odCvWx_Ug+I)bl-h)PB?dvkYU=-Scjn z<7PeNWoUK`4-(m#aG;{BAbb5!cZD5_Paa)7dcDx@=|YWPGHWumTz=km$f}9Yy)VX{ z>`>r*LRaN-Wu97L=99G7>}A^W#bQno8xO|>`JBSs9n%_9NgYnRY#(lS@>d#vclKsP~YfajLxWZeOq5Y}S0aja^ zmaTlo^>S0U)nbmfZa;pR7H>9lc)np8JA*ibj}7OW7tVh(8+rrI@Ng$*By>GDIC{S6 zo8bk2Qy(`cGo5$&-}!ERs{ML3@Oq_(e9N0dSHDQ>ec9d~a`4@~XM4XDeVsd(fuTx& z$|p}Z&DXo?$}gGwPE=kSvGM5Nw{fmIb{ou?_y3%E=>1{Erle~T^)}C!&74u07`w7q q<7xlzz0cjtv-a!t{#gH*Co=qo`0r&aS{N7@7(8A5T-G@yGywqWlORF> literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/maximize_prelight.svg b/gtk-3.0/assets/maximize_prelight.svg new file mode 100755 index 0000000..a1c380f --- /dev/null +++ b/gtk-3.0/assets/maximize_prelight.svg @@ -0,0 +1,92 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/maximize_prelight@2.png b/gtk-3.0/assets/maximize_prelight@2.png new file mode 100644 index 0000000000000000000000000000000000000000..65da9f469806c38d44f12cc8054dd9a71fc98205 GIT binary patch literal 876 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4rT@h2A3sW#~2tGn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXO56yOu$%D}+D@Sj0ozXJb3d9l5+qWfh84l9c8R}eiYFLFp;>k7 z2m>y1P)_)O9LSJ^a-xUjMGq^89#RlHBrkSE0i+(PSWe=oio`Kh?h&czbmp@}5f5uS$tf9hLBc*f38fz>x)>`P@_RzoWp?}BI;EtEs!(g*V zA?A-l?5@Swy^Obim1zGe$>CL!!|P`D^*Qc3o z&obRU=D2;#b$^lV{xZk?Q?BQmeBbY7zTeCJzL)#|stWj3ofM&#&cMK6S`y?J%)qFi zsH~!IU}$7)Vr^q<@8}d56dV#3URU4H*wnmt-~J=Vj-R}C{l?8(FJHZR^XB8H&tHE2 zGGbtR$-uyv?djqeV&T8`(#^1@01>u?0PWmMUea662>P6MI&8&jmKCI#GAmVN(x-px zC*+(pryO7E%Dx*MZ{O9<)b=#~ zTsHZe)$gT$7C-AK*pT$z`FQTxsb!WKU+*1qS)Y0L5zot)JooNb9(wtD@&qOSU4^~% zU+NA$zVkBKv`75O8R>{5gLy8;7`W4~_1gOxzIZA8iTOt5h4%G*$?OeLA`VRZ0@i;@ zy3e>klzqc;h6l1t4TqQ>gfLsMFid4G_|n`MEAc?U!B6pk8pDZW)$h90Hn21-`#53a zF4iAhb+_~XR_*6hXvk@J)36|t!DMxP2cy4B`JWXQU5W?zT`*I#lf%lKNEL)e{9lLwHXzl)b8o(=d#Wzp$P!2cWu-F literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/maximize_pressed.svg b/gtk-3.0/assets/maximize_pressed.svg new file mode 100755 index 0000000..2a4397a --- /dev/null +++ b/gtk-3.0/assets/maximize_pressed.svg @@ -0,0 +1,102 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/maximize_unfocused.png b/gtk-3.0/assets/maximize_unfocused.png new file mode 100644 index 0000000000000000000000000000000000000000..1807b93152a5fd5ef0fdc511d9156d4b6d308712 GIT binary patch literal 381 zcmeAS@N?(olHy`uVBq!ia0y~yVBiB`4mJh`26+$Niwq15oCO|{#S9EWB_ParFHOFJ zfq_A?#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDFy~cE>9Q75RHjbFB*Cu z4iI5|P@LBhP_S-tNogSaU+KKCkc!xtT^{v53#ZI-b<)ZDIRA#~jgt#Ybk2ok{pxe} z)STf|wCwcm@4L$@j)cw0zJ7EK^Lp=w-mj~d3B{c~lqd83`A?nCkFMP{)wE?=vrvIa zTqMd;+p}iODD_fiSdjHl|GlrasrTaE zr&A|dtl@GsJ>wiIt1(&9Vzth~nJeFz=N$i#la?6%V9^@Ik8d|G$S%AyKR9D*t6a(9 zhYz$F8cbyU{rb+^F~l`+l*bBH{uOc0XApSOYa;94cg~;v*+=Jx4NvSEc`m8<*v@A) hKm6pO?fn1DVo~Yc6XkhVGB7YOc)I$ztaD0e0szafnNR=# literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/maximize_unfocused.svg b/gtk-3.0/assets/maximize_unfocused.svg new file mode 100755 index 0000000..b9fc206 --- /dev/null +++ b/gtk-3.0/assets/maximize_unfocused.svg @@ -0,0 +1,88 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/menuitem-checkbox-checked-hover.png b/gtk-3.0/assets/menuitem-checkbox-checked-hover.png new file mode 100755 index 0000000000000000000000000000000000000000..74a1a38a96c104813965493e78e47b86ed3fca11 GIT binary patch literal 383 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0VruY)k7lg8`{1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&{&>1LhFJ7I?ceCd94O#={IaJQ9$Gp*TvHHyY098dvnVxU;TSu zo(boEv%gsK%=c4g-?De6Yz7lGzAby_{yQ%2TrKB1Q};$S16>RC iMffbg=%3kpn6La#IOy`ZK$U@kfx*+&&t;ucLK6VZN|~1c literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-checkbox-checked-hover@2.png b/gtk-3.0/assets/menuitem-checkbox-checked-hover@2.png new file mode 100755 index 0000000000000000000000000000000000000000..6bb911fa24e58839339a9e744c481e32e5ff574d GIT binary patch literal 659 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}EX7WqAsieW95oy%9SjT% zoCO|{#S9G6>p_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa}C0-i38ArY-_r}=t_6iOVcf8W zedEKQ+Z(st%F<4KS`+(G>`O=aE00;xvpxv#V^gl+En(XH%s}efjs9bEeWE_R+w@8B zOwK{Zw$R6}HTqK-?k(E1l}Dd(`@w&#cRcMIo@gXVX_(z&dpxyiucvK;v_YrEc3!=A zt*q4(w$!g+EZXOFpyJFt-tZmw-ke!@w<+TB{};hmj^2D<8J%CY?xlDEb8lt$scjtg zve`BVysjpum{(k8ShrrfL(_H7*}7@lZ!;Igm*^y=Kh{0`qN-o_t!SM)gZ>582VxA5 zeA1`xytBtoZQe8)vzcsMw{wzp-faC|eNdQL;oRoE(tBs}J==Bq)ba4U4W7*tXVg}2 zJukPNseOr%SD*9;0ga<-r%es_gl(x@VSev{XHNREOUGT$ENW(7(QcssVBLeLoK4F* z1l5}-U-;248_G8QckbfQiq8zupK9)k_#An|n;>j)??G+w)W)lIzjw+1n8(O)hc))- z4*$>Ezl9}MiM%;n_wdc93;S1z5T87k&Eu2k93l5rXFZ}qFZFZnZM{Kvm9~QCw z4W75#ZoT_=%Jrb=Ms97jgQ15-_g2d{=d36;T0F0!;@rbIpAXD$|MSd(=dkC*Gb;^u zrRRPWJJ6%mw@5?RD2}b>`5DK4`I`!TmMpPsl>t|K#NV#Hq^4Y<(SP5_MEh8)h32J(w{eFtbNO4EK#xe{qO!lAI23@hfn!Gs&6vi Y&6gTrAfJ}Uz`(%Z>FVdQ&MBb@0JIUTs{jB1 literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-checkbox-checked-insensitive@2.png b/gtk-3.0/assets/menuitem-checkbox-checked-insensitive@2.png new file mode 100755 index 0000000000000000000000000000000000000000..85a72370f6f4853ee2cd0703255faf80bd7d539f GIT binary patch literal 695 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}EX7WqAsieW95oy%9SjT% zoCO|{#S9G6>p_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa}CCY~;iArY-_ry6DmCrY%<*Z+9SVu?c6_ubRq z|DQj7_xFAKzF)uYtL|m{QTKG&syL6OJ5pyo`(@Aj;P+I)P`d^`2JWr149%>n3RP_; zzYx7sD&8JinkURR!Mx|!?iVrsOjEq%FHfl8m*KlvDp)Hs*LK7Gg5!mg+5+c`J}kK* zo_K20rfysQ34ZdmTve7#^=XmMy3;=Y{>2%y-G%JGLFLnvy+&J^`Tbm^_&)@z1m5A5lRogdsanC9nfdFdKQ#p@+j(QI z%Lb*oKMpO`nZN(b*3ciaj5hi^_-yXf*kntD#F|@N%h~wY!gFHt<^wA?=pR~=n?612 z;A}RAolYyHSIrSw_-a@8;fp7Gj|Ja(_e%M+QT#UMe5r)gr^k5(D@8Z7bp8lsiiA!+nen*se5XsU%KY=|%VZP0=ZV`e zEK~lb6~N5by663>Ih%7oN2`CB#>h}(zhmvH^Nx@D-b5{4I5Wv`_Z>}{TR()Ordcl5 zdVHX7w@ko<&b^0jb1@{`ewH1&lWR?Dt>8>O5u^NXT46Iq!d(76akvxG^)c^Z?boZ~2jc(u9SZ(=KCy~{fq}u()z4*}Q$iB}xT!8= literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-checkbox-checked.png b/gtk-3.0/assets/menuitem-checkbox-checked.png new file mode 100755 index 0000000000000000000000000000000000000000..59e1524f0e76cd895f08795097162911c8f90b4d GIT binary patch literal 436 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0VruY)k7lg8`{1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&4Lw~PLo9mlPTK9ooG8$`|7Ur#OTZ+Zti@$b6OK7;;7$|F)zvxdCb)6q1*eT4 zICE+k4tj{NIB&W9pw-pU+L~Ljw~51RQAg|cl={^=_n16aE}t{A_}Q7n2j`t%N%pOI zZ{n>vL-b2c;uSmQ0MpH}*QW#}vq@Z7B&Pjz7V8@AX%75NcQTySUki1t+4cB<$cLV^ zA9jNK*M0fJbLiz?zr)7qTOW)=tC8uj|Zgr#@#T5K0MD<7|zB=GbtQ=rRw(aGCB->%%({3znj zqBWh2m5#?gdgQu&X%Q~loCIEPBtt0>d literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-checkbox-checked@2.png b/gtk-3.0/assets/menuitem-checkbox-checked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..fabd74dca2a511806cc0c55ed1bca3b45a6deb24 GIT binary patch literal 716 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}EX7WqAsieW95oy%9SjT% zoCO|{#S9G6>p_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa}Co}Mm_ArY-_r}=w?1d1H1e{L(>HD#7$x~RtuHLhDO-5#^lJGgI)bO;*uZtLKQ zVR7s}5auc%)ObayT6pF`mk4Rc6P1f^EDAk6Z7av3s$@?MqxyT96R)26QId8g^K#AZ z?{|yee~+G1{jPb}t6%q3xAJiu39e^dtvmm!zM;YE<~?>$@AsWB|PxO17!F>Zy3gmlOJt8xkx4X&Q)V`k^h z4P?8#vG3(9W|rxP4j<@TRIuamx5)2*Uu_prNKpUn$lmRfdMfwnsi^90JPVHcZS9u$ z?)9cTPVM^Z^1r8;SmagNofa4SiniL9eG@JHqhEVg((U_p?z!Br-+pD~xOFZx#O=x% zwb{q!UZ`ScIi@yyugz+!IG(qW9dh;Ye08D@C(8Vk??n8xxicft%;4FZk9X&K%y_b` zpP8L2SCs8e#&MsW1@R0nenB>h-=!_n4u5>P?b4+OK@|}TcHg)<`}6ZP>{DBQGwrb6 zH^=cw;>C#@%=Db{xVZIR1= zj357hmD@Zq^S{j7s5>?Xx}3HZ$F?pMsun!Ku$z02|E&WPe{Q~ZJnPVDCI*(r=TtB3 zR>+RMnab03JrXx;ygN7OdKS;O*uhkA1p_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|XW}YsNArY-_&lw6bDDW^lbg`y9i03l85Fm4aLHd8Oo~I_mhus#ew@&PloMF37 i`s=bktn3U8tcT@UI1c69$z@<*VDNPHb6Mw<&;$S=A~cTx literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png b/gtk-3.0/assets/menuitem-checkbox-mixed-insensitive.png new file mode 100755 index 0000000000000000000000000000000000000000..9ba1e1729a9d0cd75613e61e2de05c8480312d80 GIT binary patch literal 167 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0VruY)k7lg8`{1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&R6JcALo9le6C_vp_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|XCY~;iArY-_&utWC5D;L#kZioPbG?a_bijq5`_Fj`F*5AeUheR0hB@=z?Qh-o gYStfQWJqAVGM|OxvfiY#3=9kmp00i_>zopr03ZQ1;{X5v literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-checkbox-mixed-selected.png b/gtk-3.0/assets/menuitem-checkbox-mixed-selected.png new file mode 100755 index 0000000000000000000000000000000000000000..2064a6311cfe8123e793cd7b51c167e764dfe5ae GIT binary patch literal 167 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0VruY)k7lg8`{1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&R6JcALo9le6C_vp_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|X=AJH&ArY-_&pC=R2rw`Qgk10zXk@wQ%_ddw;MxDr_qGWzJShJta$@cI*^Pmx k%ard<+5donVFSYgc@~Zf8~E}W7#J8lUHx3vIVCg!0P;{cbN~PV literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-checkbox-mixed.png b/gtk-3.0/assets/menuitem-checkbox-mixed.png new file mode 100755 index 0000000000000000000000000000000000000000..9b7c1444cf4344b60c0ddcc3e119aff8474e00a8 GIT binary patch literal 167 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0VruY)k7lg8`{1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&R6JcALo9le6C_vp_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|X=AJH&ArY-_&pC=R2rw`QgiP=dzGyPhgH5X7!L$FL?`;!ccu@XP_gOf6?Dp3&FfcH9y85}Sb4q9e0Q+S*00000 literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-checkbox-unchecked.png b/gtk-3.0/assets/menuitem-checkbox-unchecked.png new file mode 100755 index 0000000000000000000000000000000000000000..921e3464b50a1405fd5cc75c4704f2f29c8bd4ee GIT binary patch literal 328 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0VruY)k7lg8`{1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&j(WN{hFJ7I?Kkvt4is=*ZqU)Y#HiP6Rzqv-3ARnl*B@xbw6l9l&iA%_Ui{$Nw-vVfOLcx;-M(b?I_>ifsp_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa}?S)MMAArY-_CvVIOaTIAw->liP;ntEZ6Sw*=SLkqh^`$L@Q*6>62dRUn^jNY_ zGOM^sDR-<_xFHd=j7PDhL!tV44f}WhV*Qx1bmtwX=Q_P(UoL&_`}q(49I~>qy39FD z^Hp`zrtkjkeSl%+O>@uYoKF&u1$MB7%zhvFWD?tf^_-UP_RVs>XTDiqxQOw6)bw@% zrVpBm_s^@|pEYIr)9nB3SES=-8+-Ok>9TBl|2sFS$6vU2zgE{HPvxDv-%s?98Tx zZ)f5YQq*glI;&>Y$9Hu)nThKdQaj`}Oy~G``)>T1j6eRK-o>Y1&$!v{(y{-**(00d z&%8Q$hr#;5ewPVZTn{R>KXDn~X0TC|pMA4x^`|b0$5EBHt6ttqpBTR5clHB+P5Vh# rPD?4Y2sEUpeG9$R{N__%-~UO`yc+3$ZKEH8B9_6^)z4*}Q$iB}OtH@J literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-radio-checked-hover.png b/gtk-3.0/assets/menuitem-radio-checked-hover.png new file mode 100755 index 0000000000000000000000000000000000000000..c084e4014bcc015e230c6e360e0a0116004f2a50 GIT binary patch literal 300 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0VruY)k7lg8`{1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&R(iTPhFJ8zooLH-$U&fW|5=44!Z|^+Psx7}sS>a*R?L1cxYtD?Vd*xprZVn# zyTl9?X0O?JJ^bA4pEHg(?+-cQ!8JW9k*`4f(`^sg{cJp5+e0?6J-Y6}d^2^G+1!RD z1uF$lZGRkfi$nPTi5H7_1it%-zEox?&^2a|3%s1oaAeccQ*XR)cf_hcunA^Y y_^cpxeAU{{gxp_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa}?!k#XUArY-_r|$J*aujhpuew-POzq#7Cb1(Q6e6_vH`wkubIp!{bD^O8kwa`- z#aV=IbZscmymN|Wr*m6|;qp0m^7k26cei?|2>nbxVqWlZ(es^)*Ip14Nakk@KDLc% z>HFJyA4Gf(to3L-v$%d+!IFb4ZKaZ$DmT8ZTI0D%T9RFuVaBy3t1qxT+uw6GqS$`t z)Olay-p{}IboRWb-chSe8eTuDP`D6p5%l`B@mdK II;Vst09sU~k^lez literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-radio-checked-insensitive.png b/gtk-3.0/assets/menuitem-radio-checked-insensitive.png new file mode 100755 index 0000000000000000000000000000000000000000..2b08b40d39800fee035753ef4ee9dbd336e04f54 GIT binary patch literal 298 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0VruY)k7lg8`{1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&mV3H5hFJ8zooLH<$bhFc{>{?s4HLZ=csYhHiEHYO>zL_Wl5th(pkl;hpf#xr}oTNoD<_?1NTFf@25y*VrLU8$k?yx_lQ0b!a}`b@8)?lYP& y9$~UrVmGli`F?!(=d)fX6MQV6?%BUi{2RNW$tU;aCm0wQ7(8A5T-G@yGywoOsc{ql literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-radio-checked-insensitive@2.png b/gtk-3.0/assets/menuitem-radio-checked-insensitive@2.png new file mode 100755 index 0000000000000000000000000000000000000000..0d2ad9b5e2564c54210c7c17a9437b66b13cb581 GIT binary patch literal 413 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}EX7WqAsieW95oy%9SjT% zoCO|{#S9G6>p_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa}?Ql2i3ArY-_ryBY(1&X+y|IIqLY!l=zVsj?eR4&LIBplmD4BQwup6j&EdgSnkPq^!se>$3g~=P2(Ka z^?c{`NqT+u%|gRQ0W;POeJ|p}rgj};*`yQg(eq(1YolAU z>o|Syy`Ou_^S_+Wu&T9ddV53Xi{tXIvvx{OUKRAvwo+-L#~*1s28DGo_ZKzP@-i?m OFnGH9xvX(5Y{iW2 z36r)ODx7S)@ml}?nffyy9_n8;|8QApg^NRHbyBKq>)dz0S*%dzdX~(gTe~ HDWM4fUWs&D literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/menuitem-radio-checked@2.png b/gtk-3.0/assets/menuitem-radio-checked@2.png new file mode 100755 index 0000000000000000000000000000000000000000..e9863296c09457a7796cf6466265d5361c028836 GIT binary patch literal 425 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}EX7WqAsieW95oy%9SjT% zoCO|{#S9G6>p_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa}?YMw5RArY-_r`mcS4iIUZKlxgY6-V8hu=+NE>3pSE`1o|w^8fp!iQZ{>lq7rS z$o#;P?V;Sc%cgnvd8;j~(sL=q-3e zbJx38e4Hh>@2`nu3N=?W2#(3RN?BXQHmP$vyxFTQ(vdD`lo^Rlim*=k(xVQK4*Fn)cKxzXXl c{STb^{BcK5RxLixz`(%Z>FVdQ&MBb@0B}jNj{pDw literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/min.png b/gtk-3.0/assets/min.png new file mode 100644 index 0000000000000000000000000000000000000000..c3ab9b3bc503048773a75b6f489bea51329a62aa GIT binary patch literal 379 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)la(KEphFJ8joqW)X zDNv$yfAQ93y$_d(soI8~I~UH8@=3Evu&SlZ=u6N<>1@RvCk*#4Z#~1&wd_jdoulXL z_Z9zmcu0Qf+kzL)!G=ebF{r^(qd9msn4CgSt1X1y&szZnw$w!GW; z%q!3V>_BXr?z5d_WkC`f1iM4MpS2bS6*jrrWSh*##X6MNbY+Fob zxU4QeW7yLfxYygZ?ixcw*(A|257y7lCoS%5pZsR)yj=aWe`=Pd-i(i2>B4?(zGlb7 h**vSC)L-UTT%WRH*0QA!7#J8BJYD@<);T3K0RU~}qSgQa literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/min.svg b/gtk-3.0/assets/min.svg new file mode 100755 index 0000000..123b96b --- /dev/null +++ b/gtk-3.0/assets/min.svg @@ -0,0 +1,101 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/min@2.png b/gtk-3.0/assets/min@2.png new file mode 100644 index 0000000000000000000000000000000000000000..cecd71d392d2004025cf30c6281f8518892e84ca GIT binary patch literal 565 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4rT@h2A3sW#~2tGn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXO@D8MJgm4Sib|NsB*zxRLm-u>Z6*T)}y?|=2a|JC*WSMP^kT_1k+eE8M(>37$s z-#wpxcYXfd_x^Y9hu__wes;hA+4JFN?*|as{o!Zt$KO34fA@a;+5Pcn4}|>ms|SKU z{_6ess|SXJ>6@3FkBV!Y5 z8(Vuvr@)}#kg)K&`i91)=Dqv&A31jXdl)sA3uHm^7EGw1KUdm28JV^ zE{-7*l4}p%4r>Y!VZE@`)qC@yJxf+9-s4-6s6*HD`yy{-YqP1AF+3M04?x~laED$qs4KSXi79cxIZh^|e#O^~KZFXFn zmR%1jxOn68;|ngDXDXHJk4}9qo4v1k1xMJL2(tiX=i`^k80LR7DT;iysNen0W&2!@ X+Bs(m(vL7OFfe$!`njxgN@xNAYxgLJ literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/min_prelight.png b/gtk-3.0/assets/min_prelight.png new file mode 100644 index 0000000000000000000000000000000000000000..1cb2a7fcbbc80d018ddcc55e884cc12744233748 GIT binary patch literal 514 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7I14-?iy0XB4ude`@%$Aj z3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)l_ItWGhFJ8jowVPZ zsZiqBd~09-_k4~TeOxcwmoD;dcAXMjJ$t+6)k`ve<$uYC?C3Nx-IjHjm-l4ng3Ojh z5hgFL|E@Yz$-8vIMA<9G`##j%d;XX4PvDu7g|h_362#BRPO{G{?)Fym=`p!uluTH$dwWpADQ@X%KM@q>L0XCE@SoPE7ziHcd@{i6E}Q?=LYypv0dT|IH; z#LT@N_wM%Ev>80UvCiR5ax#fk;q1UDVEdK)6_W=X3fty zt$1LDyqYybkH>b-gtOwjhs1fKm?WaMTY4H~*gre-@IcY`iGGGTS2qhYBu@|t{Jbl) zVVT$pM~^C|59*%n)26Vj6|XnFe2e*4s;Z#H+r3Pe*Vnx4-R*o^(r(jv-}$9Wf-|xj zzn%6<`uyT;Rm}fw-%qs~oG*HGbIumE+ZBb93_W%04Rfw;VpDus_`LqIwQlotgW%-$ RKMV{E44$rjF6*2UngHXw-NgU^ literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/min_prelight.svg b/gtk-3.0/assets/min_prelight.svg new file mode 100755 index 0000000..42642a2 --- /dev/null +++ b/gtk-3.0/assets/min_prelight.svg @@ -0,0 +1,97 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/min_prelight@2.png b/gtk-3.0/assets/min_prelight@2.png new file mode 100644 index 0000000000000000000000000000000000000000..d78e54ddcb019e0d32acb47cf80bd25a17f9b487 GIT binary patch literal 802 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4rT@h2A3sW#~2tGn2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVq4#JH6Pd}zIFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXO*9N-h;%D}+z|3Aa^`2sg)^WR>;e`gNg&A9@%<_p}OBXD~j|D6T=H|Fx+SRiLK zXI?*@b$7MWz17P1)+pawt8#Ch>b>>q_cmzU+n{-Wqt^XfB@Z_1JUQw0Eak7A-VQob@agm3HAriU0v0+tOAN;0=Xh5@p&W`#ca)b^Zl>A>-Fwz@y&mq@5`Ke z<5{N0#M7J$8@hcq98TGJFWgOeX}rFAO%IRE##aox)?Z&SSM1G_TT;(5E?t#7`|(cQ zA%}CjJ=6V9M;M)1bCIWeYob$^!7Qs)Sq2M3_m~`|y`6uG9M;L&i0pSqvhL zJ3hKtp0#l)dxX&$ z3yW&-;cO+ZpXCQn9X~`>lI}{xqDi`0J=R hTeL}CdW+ZpDCX0w(|%RXWME)m@O1TaS?83{1OT!9garTq literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/min_pressed.svg b/gtk-3.0/assets/min_pressed.svg new file mode 100755 index 0000000..4dccd92 --- /dev/null +++ b/gtk-3.0/assets/min_pressed.svg @@ -0,0 +1,111 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/min_unfocused.png b/gtk-3.0/assets/min_unfocused.png new file mode 100644 index 0000000000000000000000000000000000000000..1807b93152a5fd5ef0fdc511d9156d4b6d308712 GIT binary patch literal 381 zcmeAS@N?(olHy`uVBq!ia0y~yVBiB`4mJh`26+$Niwq15oCO|{#S9EWB_ParFHOFJ zfq_A?#5JNMI6tkVJh3R1p}f3YFEcN@I61K(RWH9NefB#WDFy~cE>9Q75RHjbFB*Cu z4iI5|P@LBhP_S-tNogSaU+KKCkc!xtT^{v53#ZI-b<)ZDIRA#~jgt#Ybk2ok{pxe} z)STf|wCwcm@4L$@j)cw0zJ7EK^Lp=w-mj~d3B{c~lqd83`A?nCkFMP{)wE?=vrvIa zTqMd;+p}iODD_fiSdjHl|GlrasrTaE zr&A|dtl@GsJ>wiIt1(&9Vzth~nJeFz=N$i#la?6%V9^@Ik8d|G$S%AyKR9D*t6a(9 zhYz$F8cbyU{rb+^F~l`+l*bBH{uOc0XApSOYa;94cg~;v*+=Jx4NvSEc`m8<*v@A) hKm6pO?fn1DVo~Yc6XkhVGB7YOc)I$ztaD0e0szafnNR=# literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/min_unfocused.svg b/gtk-3.0/assets/min_unfocused.svg new file mode 100755 index 0000000..b9fc206 --- /dev/null +++ b/gtk-3.0/assets/min_unfocused.svg @@ -0,0 +1,88 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/pane-handle-vertical.png b/gtk-3.0/assets/pane-handle-vertical.png new file mode 100755 index 0000000000000000000000000000000000000000..36ed49d261518dfd7f5e6fd91549d19c154c033d GIT binary patch literal 204 zcmeAS@N?(olHy`uVBq!ia0y~yU=U+vUFi4iTMwA5SrEak7F?H%0MIna(29^u$ehV_sJ^Z%L`JxDmwez2CZ_aVwuDFzVr1S7> zrS(k4S}_qD{(qFJb*MU__f0BVZt3+m`_~@n2mk;8 literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/pane-handle-vertical@2.png b/gtk-3.0/assets/pane-handle-vertical@2.png new file mode 100755 index 0000000000000000000000000000000000000000..3e2012678ca329e181e6bd60e4096a7db43df63a GIT binary patch literal 272 zcmeAS@N?(olHy`uVBq!ia0y~yU{GRUVBq3lV_;yoxT9w#0|Ns~v6E*A2L}g74M$1` z0|NtRfk$L91B3K>5N3>%nkd7-z#v)T8c`CQpH@mmtT}V z`<;yx0|P^^r;B5VMeo^5zFdb41lk@h7Zta4(4XjBQE`3UQgwledaSOFF(!=xm)1Qx zzuoIzW%`VxAJj89mA5z8{d4Epq4y>1>ujG}iPqV5N&V4@8KL`o6+~1fwlb}Mx7_tt zQ_9k?yZPZQ>(z9P)>%wvTK#UhE8FFVXFea;cwqJK**tT6uHSvwYRtDopXbMt|GW1v ZK6q&IT-3Y!69WSSgQu&X%Q~loCIBLEX8!;H literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/pane-handle.png b/gtk-3.0/assets/pane-handle.png new file mode 100755 index 0000000000000000000000000000000000000000..05c8865547b218abcd6a16789ad5af13a93c40db GIT binary patch literal 198 zcmeAS@N?(olHy`uVBq!ia0y~yU|?lnU=ZYBV_;wq)kw==U|?V=cJd72;Nak>;YjIV zU|`@Z@Q5sCVBozD!i-KDvnv=F7$i$vBT9nv(@M${i&7cN%ggmL^RkPR6AM!H@{7`E zzq65IU|?|eba4!knELeWLcsIiCc<>iP5w`>TPiRAcR!aVJR^;`M({1+4@6JoptHZm|UFnGH9xvX0n@B z;4JWnEM{PkUJt^IaZ(dy7#J8NOI#yLg7ec#$`gxH8OqDc^)mCai<1)zQuXqS(r3T3 zkz!zAsPlAj46*2ad(n{Vkb^+$!}A?S>Mu)4JL7Tv(j~EVm^+=9qFHnC`YAK4G2U z8=iLmuSYny9kh_%=U?%-Nm(xY{O|2q*G#jsuGLNa%C4ko%DS=6hJ%5Dfx*+&&t;uc GLK6V>@ml8q literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-checked-active.png b/gtk-3.0/assets/radio-checked-active.png new file mode 100644 index 0000000000000000000000000000000000000000..8b692a14beead19cb8869b305fc834f5ee1da4de GIT binary patch literal 812 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!|5Ca3FV}MVHD+2=q!+(Z`{|%w98vJgQdEU+qy<6^ezclDU zRlxlU?}rrukIQ`Tm-##_^Ltq4`=H$KL7D%3iQ(MQh8B3NfU$JWSy7fDD zp1W}2;l^B>et#H${zH+$4wEarV%IZVyi}Ha=-_UvcKf(nXXf7fQ}6R8 z#4I&7ixo3v`*L)fan9*CF4cxBrHx`&T;DS z#D6lBtb6&m>)6-bVO9whVoO&&4q4i&w}t0i`;xUg86|l49kRS4{FlcMl*&9^{an^L HB{Ts5O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;K@1E`!T~-Zt_%ze4F4G#{x^jF4|TZT5c;?<^i_lB?cC72 z<(|(g1MighJ}B{iSmF1$!sl_R|HES6hvoi{%l#ge1w1bEdr;={u*~m4x&Om*zXxT$ z4@&(XmHIs@_kC3A{{SQc;rcx&^LtqC`>@RaVY&Y!kS>3amNLIbWxfwVq#u+l1u?*E z{|7KBkY12RkQA5=VmvH^l8?&#LF{tBhoxX!K;j@Xp@JYTR3%6R!FBMDbo7XFa*c8- ziF0mCba9V$@rZTtigWRabMcRJ35j?0igopgbM=dJ4T^IOj&}`-cMVN&jZSclPjpR6 zbc;)LOGtD}Oms_5bW2He%S>`xk?CHP;$EEMUY_b+o#s)K>QR&CQJdz`kmk{v?$MU+ z(Vp(np5f7%?$MLs(VywDGsm+p({n$oQq55u%tyCc<-{e>ec#xENfmqI=%fsWkCew>CRkKVpr%YJ3^d*d7t zNxnJZ=by^O#1?*yVfd6{R&sU4#Wwwg#}>-XP}P30RLVWKW`Ezxk6cQd81q&Ywjanf z%{y3ilTG~U3zY)@-mn{5Q!gw!#?Ey9N=75sO(ss$I01{bZqhl^Og}{QrZH7t@i>$f z$)RbwXzq`7Z^Ir->rB{qz|*v^=16hLj;aQe@SF_q~eLrAg=;YmarO>xniB;#N^1M4j z2kJzEFVdQ&MBb@0LT$S%K!iX literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-checked-backdrop.png b/gtk-3.0/assets/radio-checked-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..8b692a14beead19cb8869b305fc834f5ee1da4de GIT binary patch literal 812 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!|5Ca3FV}MVHD+2=q!+(Z`{|%w98vJgQdEU+qy<6^ezclDU zRlxlU?}rrukIQ`Tm-##_^Ltq4`=H$KL7D%3iQ(MQh8B3NfU$JWSy7fDD zp1W}2;l^B>et#H${zH+$4wEarV%IZVyi}Ha=-_UvcKf(nXXf7fQ}6R8 z#4I&7ixo3v`*L)fan9*CF4cxBrHx`&T;DS z#D6lBtb6&m>)6-bVO9whVoO&&4q4i&w}t0i`;xUg86|l49kRS4{FlcMl*&9^{an^L HB{Ts5O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;K@1E`!T~-Zt_%ze4F4G#{x^jF4|TZT5c;?<^i_lB?cC72 z<(|(g1MighJ}B{iSmF1$!sl_R|HES6hvoi{%l#ge1w1bEdr;={u*~m4x&Om*zXxT$ z4@&(XmHIs@_kC3A{{SQc;rcx&^LtqC`>@RaVY&Y!kS>3amNLIbWxfwVq#u+l1u?*E z{|7KBkY12RkQA5=VmvH^l8?&#LF{tBhoxX!K;j@Xp@JYTR3%6R!FBMDbo7XFa*c8- ziF0mCba9V$@rZTtigWRabMcRJ35j?0igopgbM=dJ4T^IOj&}`-cMVN&jZSclPjpR6 zbc;)LOGtD}Oms_5bW2He%S>`xk?CHP;$EEMUY_b+o#s)K>QR&CQJdz`kmk{v?$MU+ z(Vp(np5f7%?$MLs(VywDGsm+p({n$oQq55u%tyCc<-{e>ec#xENfmqI=%fsWkCew>CRkKVpr%YJ3^d*d7t zNxnJZ=by^O#1?*yVfd6{R&sU4#Wwwg#}>-XP}P30RLVWKW`Ezxk6cQd81q&Ywjanf z%{y3ilTG~U3zY)@-mn{5Q!gw!#?Ey9N=75sO(ss$I01{bZqhl^Og}{QrZH7t@i>$f z$)RbwXzq`7Z^Ir->rB{qz|*v^=16hLj;aQe@SF_q~eLrAg=;YmarO>xniB;#N^1M4j z2kJzEFVdQ&MBb@0LT$S%K!iX literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-checked-hover.png b/gtk-3.0/assets/radio-checked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..b070c9046330ace05bf34748f2c93ee76b6cf14a GIT binary patch literal 657 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c4uOd_r6q7#Pydq=jB>@VuSt|FGEiVY&CC6932LehI;+whVv0H!o~``fDa&=!4^Jrv|5Huou9}Pt`3mc+eP11(ZFBWO#a)-6>b&^0%h9yc`fSg Wij;WovWkKNfWgz%&t;ucLK6U9#S`@a literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-checked-hover@2.png b/gtk-3.0/assets/radio-checked-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..35cb240bdbe9b3f18b0327ef3754d5e8de62c020 GIT binary patch literal 1021 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;K@1Fxz5zZVt_%ze4F4G#{x^jF4|TZT5c;^#_gRDA!&2Xe z<^GRK{T`M3KPd5iQ0o7%3?k_Jpxp04ncu^5|A*y%kIH=?l=(j>_j_38`>@mxgv!9W z%0Ox!l=*^mm4Rd*m4ZY-+)}@XVA+Rdevd#>Anrqu319|93c+>sh;mGeadwM#agTNJ zh;{Ldb@7gMO-^!MnC6y{=$4e^mYnF8o9vdK;&y*kakHqE0Z z&7(HWqb|*(Db1rP-J?0(V`8Sql5EdOnVyp~J(pyAEz9v*mg}`V*K0+N*PdLjy?I{y z^1PSldaum&-c#VcufY32q0inzpZ$eC2MT;H6#Jep@x5H^d!@wpYKia765m^;epgET zZkGDp0{QE&nXCZ=1A}QvkY6wZBNHcOKV$uXIFPm@A4HZ z_w7G$@cNCLw;n!v{N(wIm#;p4{_-zPsRh^T?sdEM{|vVPo|BjuV9uDrlR7?Ol4ZeF4S^d0i`k4naYXe= z>BZij{i;y!LF19eMN*dH_rH0YersgxT;mjLU1ncvcl+jz5artqsop6v8ZS-XHv|fH z>N#1juidsTK~rs>p!BRt-kZNTzfJfdliBcO{{HJex7wz! RG@c5|HlD72F6*2UngBhE$Swc? literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-checked-insensitive-backdrop.png b/gtk-3.0/assets/radio-checked-insensitive-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..9d2bb3f0a877b06d0b65b3be78c02fe8d4d7d670 GIT binary patch literal 470 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4i*LmhONKMUokK+Fcmv_hH!9%zHtKyau#?* z7BevL9RXp+soH$f3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)l zNP`rGWR~QlGPsuI2jmwhgk+@VrYeM_<`(26mZaWnjOb)wU=Rf%r50!hsA77mDA{ZM-z;p{d$i3E>zA9&RD= zO{tHM@A}UFhtWJQRHHNVl*fiCK~{4m&vP;q9p|#X5m9l0fzjZbUuOKFYnyM)l~nm~ zZ|C-~XIcEyil#1nFtO#-Oyyv0*%y0$q~|2$&V2JLA!!vW!(MgKcg9PFw~Eco7H^W@ zcQfm6Xw_s(10(kNwMJ8XdTNe3t?Xc{l3nDj%z1KZhhMsWSA&W$<4zfYMdE=DkEin$ zJQsD`;`ePz6mMQ=AB%CkO>(>uubZ9J?u*UNJEQs^TsiZ7$wW<=h^DQg9BOfY&HN)y zi2CK^Fgi~?ws!t6hDpIwgYueXdvD2`M=>=xy}ZDX-T%&(@js)BW7x3;>_SBh3=9mO Lu6{1-oD!M8GD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(MszYTFo=SbIhK}WDLCgB<)!9i7JpxMDTslA+1=B{F~p;D?sVT^VMl?s`ES&obPL#BX;={P=-^^@ zy|^tpe>ckM{BKHMePuE`e^{ob!Z8&U7N(!yF1+91ylFPeuB_}b<6CuHe7FTcTjk+`@p1UyBzo>URbZ)xn|#Q2j2tE57;lnuv7@&n08RM z(vIcTrxnvT+*H+3l8%tlGw5eOpeXiFn^S$t^~QDwz8h1;OC?_z%(ifDoO@!SsI9Dy zZR}ZpM)5}5w>9G2p9L=*DB8B7XQRz`n-69idN%H}=ltU`&ralrV(|=1cNy_8!~WYd zivQOw}fo7Hz%1A?BE8?16HF zW%-P~CdY2ch)ohmjt}zt-Z`eNeCDhDdFQ^>o^wuT=*D6zrFj*F*^iIh z+{d)lTJQ=BJpF6LAXlMCnE)}$CB57uhLI`VEZBXRACVFJ)!$QiZ{Kz zbb%*zh0^17RYy(R?LJIhaaqJ5$gIKtfb}HrTvxu(jVJzjC0DLa%*js9UDJ5o+E$W5 z{_Bp*2Kw(SZ`w>fD`il0{4sx+^J=3lXTPW>1|8#WXp7*LNc>u*u}1sxIfuZwpSEAr zrZ;$AV2`Nl-#DpKW%l(wR?4TMxn8TNYU-4Pe^c=;XG3L^n28m zN$;*|_K1isTKD+VypZ+oOgTb@kM*ZrU+Ho7H}~YD68o0rU*E279VP$y+{7;|yLHsU ucDequ-pRXW(wnW>Uv$qru3S3xzk}72g$uL~y=7ovVDNPHb6Mw<&;$UvdCeaH literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-checked-insensitive.png b/gtk-3.0/assets/radio-checked-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..0059d979316909c02754b2aedb21532af576197a GIT binary patch literal 466 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4i*LmhONKMUokK+Fcmv_hH!9%zHtKyau#?* z7BevL9RXp+soH$f3=9mCC9V-A!TD(=<%vb94CUqJdYO6I#mR{Use1WE>9gP2NHH)l zNP`rGWR~QlGPsuI2jmwhgk+@VrYeM_<`(26mZaWnjOb)wU=Rfp@39sXzvX3*Y~jyB*A0m8`fhL)dqVb*#kn zWqLO2cHdjfp25Q@v322#6%h#<#{0w>T;}JV4ygRPh>dB%hWzvDlGB#`ld5WB`Q=yh zIX-hyNaoATm3ud}^(o6LizcKkyCSaJGxx84_bmibKBDY8*$%c2#G+1FGLw8@wRnM`+h>c{*e znQv01$<_;O_O=-TyBKqgFDKldc}PIzw~;e8GD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(MszYTFo=SbIhK}WDLCgB<)!9i7JpxMDTslAIl|M$F~p;D>Gab@LV*Hp`z6!bScFcrc1+ut)DyMq z^7ew{snYW=ZHoELwk~$Zho#-8!| zC)16K5^<~*ayJe+MYH5_h$N__GVf(Ky7V%Od3VH(>I3NuX0z|$%JE8+jkxw*c!BCs z@lM-)Jkcy#M(;e>cpBCpD6DZ-T)2Se4!cr9te4dRea%;%nL%!|irZX^7PL%Uw`gbm zb2)at#`arV7W%dyFnhe=*~G>@pIPF>GF*@GPd@OSr7XI;+^{Sz-0y4j(K#;@YAl-! zjm5VtXqtQ3u;7FI0>5vP?R!NJXIb}~r=Hz)uYN+^v;@UHOKnSavgT?&knLIUIigRz zvDraPH{qUJ#5>i<*H8F9@T^eX_ntAoalU4?p27Lo5hm^qAq-&~1J-c1 z6T_LzmS5jE9v@9Sb+0&qwfh?9h0m$2?SijN4&N5~5YyoLws673XWc=gKB-aN)trKko6Eu!ywjMve=(~xtdw8~!LeYV~yOFK6&igmdYT>szH=}#{jSI&Q zJ-;zG>H_PF!kw3vo_xgffJxv-&+hKcYQDFgWG_ruYv}vv?wa?>J+oQ=uqwxfiFv(WnO&mfCKhh7G$Xx2V3owhjA<^@y!1{+^5jk~#t zvf@j&tYZ!JT{86m-v>tT)lycXc7LXl zX7`4)M>d|51Ags3V7|uMG^T1!qUz>;(Jz*loS&t1%uS#C^7*^OTr;MB8M(|777rLF zi>_Jq{F}(q%|}W%y6R~8u8EX6km8t;_|Wb+mz(Q;-A_vcV`|O>mp{FEY|*WPU5^eZ z_dHxJF_G(5gsbKR;Vn&HORv}8z4}slqjtz97QT&}*CwP$7*$$xrYw;5J1%pqcXm(y zQtOC}YKhzGJmbP0l+XkKzvkGg literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-checked.png b/gtk-3.0/assets/radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..8b692a14beead19cb8869b305fc834f5ee1da4de GIT binary patch literal 812 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!|5Ca3FV}MVHD+2=q!+(Z`{|%w98vJgQdEU+qy<6^ezclDU zRlxlU?}rrukIQ`Tm-##_^Ltq4`=H$KL7D%3iQ(MQh8B3NfU$JWSy7fDD zp1W}2;l^B>et#H${zH+$4wEarV%IZVyi}Ha=-_UvcKf(nXXf7fQ}6R8 z#4I&7ixo3v`*L)fan9*CF4cxBrHx`&T;DS z#D6lBtb6&m>)6-bVO9whVoO&&4q4i&w}t0i`;xUg86|l49kRS4{FlcMl*&9^{an^L HB{Ts5O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;K@1E`!T~-Zt_%ze4F4G#{x^jF4|TZT5c;?<^i_lB?cC72 z<(|(g1MighJ}B{iSmF1$!sl_R|HES6hvoi{%l#ge1w1bEdr;={u*~m4x&Om*zXxT$ z4@&(XmHIs@_kC3A{{SQc;rcx&^LtqC`>@RaVY&Y!kS>3amNLIbWxfwVq#u+l1u?*E z{|7KBkY12RkQA5=VmvH^l8?&#LF{tBhoxX!K;j@Xp@JYTR3%6R!FBMDbo7XFa*c8- ziF0mCba9V$@rZTtigWRabMcRJ35j?0igopgbM=dJ4T^IOj&}`-cMVN&jZSclPjpR6 zbc;)LOGtD}Oms_5bW2He%S>`xk?CHP;$EEMUY_b+o#s)K>QR&CQJdz`kmk{v?$MU+ z(Vp(np5f7%?$MLs(VywDGsm+p({n$oQq55u%tyCc<-{e>ec#xENfmqI=%fsWkCew>CRkKVpr%YJ3^d*d7t zNxnJZ=by^O#1?*yVfd6{R&sU4#Wwwg#}>-XP}P30RLVWKW`Ezxk6cQd81q&Ywjanf z%{y3ilTG~U3zY)@-mn{5Q!gw!#?Ey9N=75sO(ss$I01{bZqhl^Og}{QrZH7t@i>$f z$)RbwXzq`7Z^Ir->rB{qz|*v^=16hLj;aQe@SF_q~eLrAg=;YmarO>xniB;#N^1M4j z2kJzEFVdQ&MBb@0LT$S%K!iX literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed-active.png b/gtk-3.0/assets/radio-mixed-active.png new file mode 100644 index 0000000000000000000000000000000000000000..66dd837c96ca4a4d93f129fb0ec308d700891453 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c4!PJ|V6Q3=GD`X`!K^o}RhRp3#o(@osLhE?&{D?lCSN zvCi&su5Pg|?s3lUAkqayf*8&ou@JT^R0PU}2)ek(+B$?dI!Cy;$ND`i+q+3Hje&td zwj{_en1PjzT}xX>x3_P?#K}{pP2as|@4m}du73RV`OBZbDV4jnF)%O`db&7=be~U~s*tzCyKx*R|m9|L`zFwR0Ea(`F}ToSI$su{Py#_Ttb#55JgAl4H@*l;->q zGOgQ5SKQBbgG}0sD~zWTo7P7q%qugtm>TnBS0$6(#4M(;NtK0FZc#H&ZT@I>Nl!QC f{%)I#uh>gj#Dir%E&k2Gz`)??>gTe~DWM4f7Ym`x literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed-active@2.png b/gtk-3.0/assets/radio-mixed-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f1d6445eb830528fe8f6727c726e54b3c6a014c4 GIT binary patch literal 709 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQv7B@Ck8c0E32xhS1PZ2Zsd9&`@9BG$*$hSJ!wKk2q)d z7&o_gSI<~ik2n|i7-u&S>FOTq;uZszjdgL0bM}aJ@rZMEk8yF2b#{+)@rZSCk3&`i zlJbakb&GXz2T8ej#DHbvz+8|ZmaXIFPmZ{PA2D~}vKe&XSy$4_3oeD&k!uYX%3lI<867+!d~IEF|_)*kE(YjR*< zz3`l2>NIcHn@O3ej+2-lxtui_?hDF!(f2li@2w3pZIh-v$`BzfT(%kBt{SoXGq zbJ`a4&%G9~(WRGV+Yx1LAJ(GlYf3nC4`i)s=T%SW{VCT_e65I4J4rY5VF&N69qG-6 z^KKq+cG3N7xa5jTQr7CN4~-Mk8fVk3Jbr1nt-z1Z+-Kt#JTF)KycZPvp00i_>zopr0N(u!X8-^I literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed-backdrop.png b/gtk-3.0/assets/radio-mixed-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..66dd837c96ca4a4d93f129fb0ec308d700891453 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c4!PJ|V6Q3=GD`X`!K^o}RhRp3#o(@osLhE?&{D?lCSN zvCi&su5Pg|?s3lUAkqayf*8&ou@JT^R0PU}2)ek(+B$?dI!Cy;$ND`i+q+3Hje&td zwj{_en1PjzT}xX>x3_P?#K}{pP2as|@4m}du73RV`OBZbDV4jnF)%O`db&7=be~U~s*tzCyKx*R|m9|L`zFwR0Ea(`F}ToSI$su{Py#_Ttb#55JgAl4H@*l;->q zGOgQ5SKQBbgG}0sD~zWTo7P7q%qugtm>TnBS0$6(#4M(;NtK0FZc#H&ZT@I>Nl!QC f{%)I#uh>gj#Dir%E&k2Gz`)??>gTe~DWM4f7Ym`x literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed-backdrop@2.png b/gtk-3.0/assets/radio-mixed-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f1d6445eb830528fe8f6727c726e54b3c6a014c4 GIT binary patch literal 709 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQv7B@Ck8c0E32xhS1PZ2Zsd9&`@9BG$*$hSJ!wKk2q)d z7&o_gSI<~ik2n|i7-u&S>FOTq;uZszjdgL0bM}aJ@rZMEk8yF2b#{+)@rZSCk3&`i zlJbakb&GXz2T8ej#DHbvz+8|ZmaXIFPmZ{PA2D~}vKe&XSy$4_3oeD&k!uYX%3lI<867+!d~IEF|_)*kE(YjR*< zz3`l2>NIcHn@O3ej+2-lxtui_?hDF!(f2li@2w3pZIh-v$`BzfT(%kBt{SoXGq zbJ`a4&%G9~(WRGV+Yx1LAJ(GlYf3nC4`i)s=T%SW{VCT_e65I4J4rY5VF&N69qG-6 z^KKq+cG3N7xa5jTQr7CN4~-Mk8fVk3Jbr1nt-z1Z+-Kt#JTF)KycZPvp00i_>zopr0N(u!X8-^I literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed-hover.png b/gtk-3.0/assets/radio-mixed-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..66dd837c96ca4a4d93f129fb0ec308d700891453 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c4!PJ|V6Q3=GD`X`!K^o}RhRp3#o(@osLhE?&{D?lCSN zvCi&su5Pg|?s3lUAkqayf*8&ou@JT^R0PU}2)ek(+B$?dI!Cy;$ND`i+q+3Hje&td zwj{_en1PjzT}xX>x3_P?#K}{pP2as|@4m}du73RV`OBZbDV4jnF)%O`db&7=be~U~s*tzCyKx*R|m9|L`zFwR0Ea(`F}ToSI$su{Py#_Ttb#55JgAl4H@*l;->q zGOgQ5SKQBbgG}0sD~zWTo7P7q%qugtm>TnBS0$6(#4M(;NtK0FZc#H&ZT@I>Nl!QC f{%)I#uh>gj#Dir%E&k2Gz`)??>gTe~DWM4f7Ym`x literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed-hover@2.png b/gtk-3.0/assets/radio-mixed-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f1d6445eb830528fe8f6727c726e54b3c6a014c4 GIT binary patch literal 709 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQv7B@Ck8c0E32xhS1PZ2Zsd9&`@9BG$*$hSJ!wKk2q)d z7&o_gSI<~ik2n|i7-u&S>FOTq;uZszjdgL0bM}aJ@rZMEk8yF2b#{+)@rZSCk3&`i zlJbakb&GXz2T8ej#DHbvz+8|ZmaXIFPmZ{PA2D~}vKe&XSy$4_3oeD&k!uYX%3lI<867+!d~IEF|_)*kE(YjR*< zz3`l2>NIcHn@O3ej+2-lxtui_?hDF!(f2li@2w3pZIh-v$`BzfT(%kBt{SoXGq zbJ`a4&%G9~(WRGV+Yx1LAJ(GlYf3nC4`i)s=T%SW{VCT_e65I4J4rY5VF&N69qG-6 z^KKq+cG3N7xa5jTQr7CN4~-Mk8fVk3Jbr1nt-z1Z+-Kt#JTF)KycZPvp00i_>zopr0N(u!X8-^I literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed-insensitive-backdrop.png b/gtk-3.0/assets/radio-mixed-insensitive-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..04bc8277890bd132b58635b61da353e5105055f3 GIT binary patch literal 384 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#t7$6p~qzlgi*)mLHH`pb(OgnwzQ+lA2qPlUR~^voWHRfq_93q|C9jBqP6wAt1FR zwMfA^zbG#?C$sqbvP&Qb=?3_OxH1q8{{8#6?m+4p1_lPck|4ie21X8P8D$j>T|IpR zYu6h$4lZM0U`Y0KaSY*zPEJS&ST`r{2m_1K?(+Bdo}M^xUn|o>p4s4RU=8bKKGO>gjfPS#`JxO_ hyQDH!DxRq7FlLAp@hEa~&p!xqxTmY1%Q~loCIG|Qcdh^c literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed-insensitive-backdrop@2.png b/gtk-3.0/assets/radio-mixed-insensitive-backdrop@2.png new file mode 100644 index 0000000000000000000000000000000000000000..51d7708353a9606777a70e3ce38b040f726398f3 GIT binary patch literal 555 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQ$EY_=LDJP#c^*d-m$ps~a|K*t>V{o;`cMfB*jF%a>1| zKK=XmZ^zzq_ZS!$luLsAf*BZ@xOw;m#Ka{erKIH*RMoV!b@UDF9i5zmx@Rm}z2@1= z*Uygz^D;0n?DBMR4AD5>JNdRylY&57{Q=`;oOzLD@BZH3*sb82y8M0D!`U}mZ5iYy zURnFL`gWG;1{bkubvI(#%#1}6Htp2SY@L_mENyZxY>Vg9PeCm_3`;sQl^I1uRM}g4 zv$ZD(G&`Nm?6qAUz2nMb<%E)x7wh?_mmhfR;o?&3a-V&9?T6>t=Sm9>Mt|?RZ2929 zyk$T8HTUV{1TsF!@m8?jw(w)2$IV2on}K)!TAz4r`r^`2p{I9*7#l9tu`b`u-?`Z4 U&ipw{w?JX+>FVdQ&MBb@0AvHd{r~^~ literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed-insensitive.png b/gtk-3.0/assets/radio-mixed-insensitive.png new file mode 100644 index 0000000000000000000000000000000000000000..04bc8277890bd132b58635b61da353e5105055f3 GIT binary patch literal 384 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#t7$6p~qzlgi*)mLHH`pb(OgnwzQ+lA2qPlUR~^voWHRfq_93q|C9jBqP6wAt1FR zwMfA^zbG#?C$sqbvP&Qb=?3_OxH1q8{{8#6?m+4p1_lPck|4ie21X8P8D$j>T|IpR zYu6h$4lZM0U`Y0KaSY*zPEJS&ST`r{2m_1K?(+Bdo}M^xUn|o>p4s4RU=8bKKGO>gjfPS#`JxO_ hyQDH!DxRq7FlLAp@hEa~&p!xqxTmY1%Q~loCIG|Qcdh^c literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed-insensitive@2.png b/gtk-3.0/assets/radio-mixed-insensitive@2.png new file mode 100644 index 0000000000000000000000000000000000000000..51d7708353a9606777a70e3ce38b040f726398f3 GIT binary patch literal 555 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQ$EY_=LDJP#c^*d-m$ps~a|K*t>V{o;`cMfB*jF%a>1| zKK=XmZ^zzq_ZS!$luLsAf*BZ@xOw;m#Ka{erKIH*RMoV!b@UDF9i5zmx@Rm}z2@1= z*Uygz^D;0n?DBMR4AD5>JNdRylY&57{Q=`;oOzLD@BZH3*sb82y8M0D!`U}mZ5iYy zURnFL`gWG;1{bkubvI(#%#1}6Htp2SY@L_mENyZxY>Vg9PeCm_3`;sQl^I1uRM}g4 zv$ZD(G&`Nm?6qAUz2nMb<%E)x7wh?_mmhfR;o?&3a-V&9?T6>t=Sm9>Mt|?RZ2929 zyk$T8HTUV{1TsF!@m8?jw(w)2$IV2on}K)!TAz4r`r^`2p{I9*7#l9tu`b`u-?`Z4 U&ipw{w?JX+>FVdQ&MBb@0AvHd{r~^~ literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed.png b/gtk-3.0/assets/radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..66dd837c96ca4a4d93f129fb0ec308d700891453 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c4!PJ|V6Q3=GD`X`!K^o}RhRp3#o(@osLhE?&{D?lCSN zvCi&su5Pg|?s3lUAkqayf*8&ou@JT^R0PU}2)ek(+B$?dI!Cy;$ND`i+q+3Hje&td zwj{_en1PjzT}xX>x3_P?#K}{pP2as|@4m}du73RV`OBZbDV4jnF)%O`db&7=be~U~s*tzCyKx*R|m9|L`zFwR0Ea(`F}ToSI$su{Py#_Ttb#55JgAl4H@*l;->q zGOgQ5SKQBbgG}0sD~zWTo7P7q%qugtm>TnBS0$6(#4M(;NtK0FZc#H&ZT@I>Nl!QC f{%)I#uh>gj#Dir%E&k2Gz`)??>gTe~DWM4f7Ym`x literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-mixed@2.png b/gtk-3.0/assets/radio-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f1d6445eb830528fe8f6727c726e54b3c6a014c4 GIT binary patch literal 709 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQv7B@Ck8c0E32xhS1PZ2Zsd9&`@9BG$*$hSJ!wKk2q)d z7&o_gSI<~ik2n|i7-u&S>FOTq;uZszjdgL0bM}aJ@rZMEk8yF2b#{+)@rZSCk3&`i zlJbakb&GXz2T8ej#DHbvz+8|ZmaXIFPmZ{PA2D~}vKe&XSy$4_3oeD&k!uYX%3lI<867+!d~IEF|_)*kE(YjR*< zz3`l2>NIcHn@O3ej+2-lxtui_?hDF!(f2li@2w3pZIh-v$`BzfT(%kBt{SoXGq zbJ`a4&%G9~(WRGV+Yx1LAJ(GlYf3nC4`i)s=T%SW{VCT_e65I4J4rY5VF&N69qG-6 z^KKq+cG3N7xa5jTQr7CN4~-Mk8fVk3Jbr1nt-z1Z+-Kt#JTF)KycZPvp00i_>zopr0N(u!X8-^I literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-selected-insensitive.png b/gtk-3.0/assets/radio-selected-insensitive.png new file mode 100755 index 0000000000000000000000000000000000000000..8f3a360d319d46ee11f314937617cfb3a9a9e913 GIT binary patch literal 618 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0VruY)k7lg8`{1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&pL@DEhFJ8rPTHFt94K+D{=H|OUB=}Ls@<2iym)r2>FyRsZ5H+ajk6Z^E)K}x zU}+8wdUE1Cm5Lw9kMZtY6Q)Vt*vbYw=>JKy5>g)2I@|GZFceZI2p{O^73 z%3oIaB&J#{31K?gvD#I8t-UbEv`^R9*S-JJ^?gFT-m!wGVoJtRJ$#Q93(n_B?Q}8= zeaUq~_pa^YDRq23UuK1QyZ)R(Hla;x}*->wv{p+bri5EFrR|KxVCAB+zuAFt< zbEV`{SEIhGTCF;*xr1xsrtsUQ-+!^anXGfAO$o{?bz3T7E(szfR3LmIA{o~zXKIe&yi=3G)`VJrWSL2_z=Yjj%<;!=+?cO_~ z?hX5f*=~9-?Ds5DVJy0zib$v=PY)LAnm z7#i>HO_E6w&G^C~&Ey*B^W^#E_qS(%$=bMKix_XW-wvfhhNW90uWu?;Hx7UMj^Y=|>U|?YIboFyt=akR{0Lv&8?f?J) literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-selected-insensitive@2.png b/gtk-3.0/assets/radio-selected-insensitive@2.png new file mode 100755 index 0000000000000000000000000000000000000000..f928dbceda95505885a186c1fe0f9d5101f5bf14 GIT binary patch literal 1104 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}EX7WqAsieW95oy%9SjT% zoCO|{#S9G6>p_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa~tXFXjULn2zwPLK78ag}JB|6V8P;HB2K`AmX8J+-E8;oV}`nB_D(;p?KJi<{J{ z{C!O}3Uzm0tn&KeB$b&YY#K8=V`1+kiAhqTc@4{iqB;dU?ubs9-!L`)rc~+q=dR`9 zb!C3jb=~goo?DrIFa7+SnLqjd9G_ItTbi3YZ&T+_WvNYBg3Gy!e(|k@{r?_`PChQYIW+Xm6`R|Q-UrsX96J1ImB-zS%jfy7v@3dX``x>|UdEkq z+j664ZF(N;QuAGKk0;Y~&T}^Tx3_KHcK24sl`D73w_D3NJhTidnw`|}SNXToYX4CE z{PG`C9IPv|v)1h2#i{UTTfdgg8#7P8Yk69HQ-VS!`0q03Z8*AAl<9FW4^N*#dG$R} zr-Uwr>fGNY0t%X!CVqQ<&R8pp$Ny7>MctZ7huOa?Zu)oiB(>J-0nT~OH@g>wIC9}|i~b`}?Gxo+b5HtiXZN&Y%So|QU)Op#3R>PQ+4k?V$L(ETI+3V-*Ye!2PA=%F7Qd>A#a~-~C_ukBxU?(4?+RE_Mb6 O1_n=8KbLh*2~7Z|qyfwT literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-selected@2.png b/gtk-3.0/assets/radio-selected@2.png new file mode 100755 index 0000000000000000000000000000000000000000..dea193a6d7006d978bde8a40522ed02f6a3e9c19 GIT binary patch literal 1059 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}EX7WqAsieW95oy%9SjT% zoCO|{#S9G6>p_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa~t3p`yMLn2zwPV@Ge6DrX*KmXX2)A^~(crG&DV$dzQ)aog&BNLeM_}YdQbImf9 zXP6W&?DQ3mospp4dv(dOT`$gM99iP~YRT0N>UX3rELr!a=~5RL>#~M32|9<5p83CX zhNO(dIs54eUt)dFRi3Y$Z#n&c%?EjJt}-{Jce7l+cCUKpC(7Go(pYu*@)5`SK#9`T zUv#6mlUtll#xkzx?+IPAZq5GY0>%}ZJz-)8_C*Co*5#^+#OO*U#J_j&nBd>I>rhki z7mrr%jq8%P`>=iQTf6E}_6rW>BHoH+M+zFW8YfSkdslR|yEMCm)TKWR4>z1PS2Yi< z=uSG<5!rMhE!31n$X$B>UA~96-mS~a*}oUT&Il?{j{cwaskj zi<39Ld%V4v;gxc-=<3d|oC*6c^SJL3OP~FB&ztW>4_+2AEStZ^P^P!|uj7=DPp8%h zY)*acANA~BjVa@YkY%N&8w>Ag*7V;#`t+J}$<`l*C$B9Q{1CxnBleuB^o!q_i^b)W zcyF8ehHj5b+shl%c!tYG>D?YT5-o)y<{Mt8$Y6U+Vz-MIXZ;xh9t zO1EcoR_G+}Ut%1~uu8~8^1Rveca@4o-37~T^5{)E<+HZoLWdEl=`?8j1?0;%;Z8B@Zv}ZMYxu;L6FOYKhZy=c#e$9(*Mr369tGIJa374Ko zbsh6&lbF*j`J1Kg9!r3PspNY5j!8O+@{?BGsrYf@#`+U4)Ec6fo==g9k6T!tv@WAT z|NVKRhadD-%zbm4C1Q)%v7po|=U(l!KItJC4GPYW?vK|oojJbj{htk-6SNfGu2%cr zmRr2*zg+yC`K5RImT1lIKVPuxzxuyTXYCsOIojWTc|S#JpOnu3;1s4W4Z>9ik_(sJ z^ml)I?RiCk-m%{He%a}^YiD+y+BD5)8GD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(MszYTFo=SbIhK}WDLCgB<)!9i7JpxMDTslA@t>!QV~9m>?__U}DS;Ag^S{sedHmv@mXv@6Pd!>@ zn>lu0a}81vVil6iowT4dTuCh^^YpDP#eq&+G&Fk-WZhA>Q4w5RX!nLp37 zAF3XAJ-6Gc`+Ft-`A5RDi(cJ68!M{yTt${M!nz^hoX_Nqt?j~d%jn zFKeFSRptmoiH0D*)pMJcEd1E_FtKGVe~QlIW$E1g0)MCVueI5@;>Tm5Y24cTO|1Vc ztXlNAcbS{|!o4I>$-<7v!!QI-{#lK^l3_3)n9{(JDh+&(6 zM*s5`4>obOxt(%aX;W7|n)V^;(aO}0vkh|Y3bN0VH|Ch~M;Io2-e_=%PscIF_;p0e_h_=?UyO@ zo^Tp3&Dy5z`KUyApLVC@{2*T5=?RAo=l-l(yYxx!6&Lx2zg?X7wYAUf7G6<$)xRn# zPA{fn=li&ISqZv(H;4B#HA@^9(B710d2%n;jb`y`x48T_|5@uJ&e!NQm5VVjFfe$! L`njxgN@xNAYGyNX literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-unchecked-active@2.png b/gtk-3.0/assets/radio-unchecked-active@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a4136f968a1a74ba1f8764d40a51fc3ae471be86 GIT binary patch literal 1119 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;K@1FxhXQ;;Tp1V`82&Rf{BH>TAL?+wA@p%!=&J_L+qt24 z%RQf02Hq+0eNf{4u)^%6uP!NIxi93SxlS z{tsYMAiW@sASo~##CTW+B_EafgV^PM4@<$efW$#&LIpuws7jCsg6rZQ>*5vX;uGiM zALr^7>*^Ed>KEr46z3Wo?-~;C8lB*pl<1a_=$4r1mYnF8lIWJ1`S8@bQa^DJrR`YH915m^nIo`vwJvM?^+N7Z#P4l~+{Pws!PPoIGpJ;+3n{uHU+C z`;MLa4jepu^z8Wym#<#GdFS5ScOO4}{_^$P_n*K1eS4r4$-uyv>FMGaA|aW3urvO2 zq0I4*+n3JTe5X8Uos3}APN%?^|7z#>S}vNfxM;TacF{w1>;GTRuRil;d+mJxzv6cT z!tdXSiQm32=4jZ_UngJX$E@6NN4=1{8*v!1L zn)Aiip4h2>K}(nU-HgMr3xaMxd|p|++oL)$R_J_g?PHgs!(Nn}M8C2Fs&CB*&kT}oiR8+&2(>qd+ z&R^Ov%_!AXn)6TP{|C=Ld|2BqAH>4vHZ^!tal?d0S=Ce9OZL0>ZO`xI(p_hF$$7!^ e56@hGJ=gy=Rbt~CAyYR{#`JXcb6Mw<&;$VcQ2^-x literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-unchecked-backdrop.png b/gtk-3.0/assets/radio-unchecked-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..ecc61992b5d46033a7c8ae1cd509147855d4e602 GIT binary patch literal 557 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c2jnd_r6qz@VX_!NDQa+Aqn|Gup)^)WIvk-95&`Bf-Tb z%E>*>#WUK~Bih+5#>Fkh#UsweEzZ>)#CCO$adnGzagTFxk8=e{#k#o1f8@k>Z5D4AI}yOxwzRMj`NbxfPFWa;u1t5&aDzhmdQ3l}b4yK(cw$4_6s{rvUs z-@kuXXDzEak7AsKp*RjAp3!Sx_}X?gilrjQf+|6ld;ZuczvxvK2DO>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQ%1#@Ck8c0E32xhS1PZ2Zsbp5E<&}8SUZ{>gk#2<`(Pb z7VF{?Kf(j8SUsE@8T8h>Kg0h9_Q>H=jsvd;vNH1;}PrP9^>p5=j;~i>Jj7O z9_Q>9=EbU5$Eh4>*^lk;uZ%I0c!*)aF2C$i*<32a{)6z>Ols^xVXoHkQ-PF zgbgw<7OWQ}>k1Kck8y@F!0Pd{K^7q?19R_~T3%*gUKR_~_a5 z7cO7De)G<~x9>iF`uyeVx9>lH{rmPnE0TeM;i9LDV~B)g?LpS)LjeqJ7q2h0klwwK znR#+&YwVXl|Nhq(emZmV#yi{g`gcVOBlN_%y_;3eR_V4zEtPy!G%ra{{l%t;;Qm)k z6LsS`|EVq9vtHz%mh5HUrCC0L1@BTnJYcAlT+5(uRMqC`dEe;7M(u9dbtw-&s&u>C zrF`@Y7UR8_^6}JMojl8FM+HA`nvuLfZE=>p%&8X)62GP#yl&8#E1C1*v}O3J&30Cs zM3=5e;oPaJ8neU2=y&eXE#Hkwr0u_oe)K=~!gN<%aQK3{y=I5z%j^Gp)KQc1EFF|` NJYD@<);T3K0RUu79+&_C literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-unchecked-hover.png b/gtk-3.0/assets/radio-unchecked-hover.png new file mode 100644 index 0000000000000000000000000000000000000000..8c9f7f95a78fce02909f14500aaa718bf1a11a48 GIT binary patch literal 713 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&q(O>8GD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(MszYTFo=SbIhK}WDLCgB<)!9i7JpxMDTslA@t>!QV~9m>?__U}DS;Ag^S{sedHmv@mXv@6Pd!>@ zn>lu0a}81vVil6iowT4dTuCh^^YpDP#eq&+G&Fk-WZhA>Q4w5RX!nLp37 zAF3XAJ-6Gc`+Ft-`A5RDi(cJ68!M{yTt${M!nz^hoX_Nqt?j~d%jn zFKeFSRptmoiH0D*)pMJcEd1E_FtKGVe~QlIW$E1g0)MCVueI5@;>Tm5Y24cTO|1Vc ztXlNAcbS{|!o4I>$-<7v!!QI-{#lK^l3_3)n9{(JDh+&(6 zM*s5`4>obOxt(%aX;W7|n)V^;(aO}0vkh|Y3bN0VH|Ch~M;Io2-e_=%PscIF_;p0e_h_=?UyO@ zo^Tp3&Dy5z`KUyApLVC@{2*T5=?RAo=l-l(yYxx!6&Lx2zg?X7wYAUf7G6<$)xRn# zPA{fn=li&ISqZv(H;4B#HA@^9(B710d2%n;jb`y`x48T_|5@uJ&e!NQm5VVjFfe$! L`njxgN@xNAYGyNX literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-unchecked-hover@2.png b/gtk-3.0/assets/radio-unchecked-hover@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a4136f968a1a74ba1f8764d40a51fc3ae471be86 GIT binary patch literal 1119 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;K@1FxhXQ;;Tp1V`82&Rf{BH>TAL?+wA@p%!=&J_L+qt24 z%RQf02Hq+0eNf{4u)^%6uP!NIxi93SxlS z{tsYMAiW@sASo~##CTW+B_EafgV^PM4@<$efW$#&LIpuws7jCsg6rZQ>*5vX;uGiM zALr^7>*^Ed>KEr46z3Wo?-~;C8lB*pl<1a_=$4r1mYnF8lIWJ1`S8@bQa^DJrR`YH915m^nIo`vwJvM?^+N7Z#P4l~+{Pws!PPoIGpJ;+3n{uHU+C z`;MLa4jepu^z8Wym#<#GdFS5ScOO4}{_^$P_n*K1eS4r4$-uyv>FMGaA|aW3urvO2 zq0I4*+n3JTe5X8Uos3}APN%?^|7z#>S}vNfxM;TacF{w1>;GTRuRil;d+mJxzv6cT z!tdXSiQm32=4jZ_UngJX$E@6NN4=1{8*v!1L zn)Aiip4h2>K}(nU-HgMr3xaMxd|p|++oL)$R_J_g?PHgs!(Nn}M8C2Fs&CB*&kT}oiR8+&2(>qd+ z&R^Ov%_!AXn)6TP{|C=Ld|2BqAH>4vHZ^!tal?d0S=Ce9OZL0>ZO`xI(p_hF$$7!^ e56@hGJ=gy=Rbt~CAyYR{#`JXcb6Mw<&;$VcQ2^-x literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-unchecked-insensitive-backdrop.png b/gtk-3.0/assets/radio-unchecked-insensitive-backdrop.png new file mode 100644 index 0000000000000000000000000000000000000000..925c40fbb09eca9684d273c9e9136218369e80eb GIT binary patch literal 488 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&q(O>8GD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(MszYTFo=SbIhK}WDLCgB<)!9i7JpxMDTslAQP$JNF~p*G>g8;2ra+O_hv{h>f=(~$ULq(W^7p^I zNUCE?n)udDv%fveN!&17cZUA#&2iW4Hv2tWt#!kN+1s%CD8u#&ZTWN0&g{Oy?;z`X z#{PpugLlk%9@mpK9m!iB6^NTBO1W(+YcReuoiSG?QC8L_F{sJ^Ll3)2;8AWj)@g-8 zAFTzytNSYZS_ggUGLU2W`%}DF(rBVyVJ_q2%*R?~O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQ#>U@Ck8c7^Wcn!>%X>1_qCkAirP+MkZz!b`DN1ZeD%? zK_PJoNog5bc||2<6;(BLO)YI5eFH-yV-r&|a|=r=Yg;>e2S+Do7gslT4^J;2U%!CB zppek8@QBExHn;5<7#K@ET^vIsBy$gPJI_jxV0~bIcIVZg-Qro>zCY$@;iz1GhFjwK z|No0EpU)DX=l)MSY~A};Uw6OmUL<3^Ifr2#_knHaQsQqqS=adQoVKq$*QRc=tT@|x z&7E_OeJt@@_IKM)&G@VjVlliicMI6H^=z)BtZwo<)wwqQ4d-P(txX>f?^&}c;Csu> zQ^xn7_AlF<63$<;vt(Y%+9tvFs+1FgT1uCS?1UG)`+R!2&E=GY(Ipwdc8$}j&t|T* ze3R4Xy-~)`^!k)ORo(f{XH6IVSGo0c^|MzSe|!6!@F;fW>9t{($ymo|eg4u1iR^VV z;+*p)s?E~&EYyBpv3R*<+>f?m%^3~BXAM&mxRlI)ELiVeQ}@8l#qa9*pcjlPGuJQQ z6z1Gt{6g-`P3KTEIfKMUulV#IO7MRQU)X6U>AYQFGP4QyrqC?{IwvCaKkQjxt}MQUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c2FcJ|V6Q)CMstMV-Ko4Dt(RVC3MGk(EB^s|wHfuY&c#W6%;YHI&&p=JXPm(Gb-G=$C`o%HX2yP5d%tKV!6 zp3`~5Bw`Y!)GcLo>di~lNte??ZZFrUQ%%w@T-DXd9^BmDaCHCao#L)$yfbWSKV-I8 zu8(ir%qp}?fm>()p*cVEep;`(`*p2!-obgM5uI{Jio50H_VVnSl5N@k>do!f{mygm XtA%iPB)@Zc2?_~MS3j3^P6O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQ#RF@Ck8c7{uU5ug^UO1_qOoAirP+MkXEsL2(HwX&FT& zHFa$rT|IpRLt_&&b4x308(TYjM<-`DcMmUb-=N@-(C~=JsOXqv;g`w`42*W3E{-7@ z=UXS|&USK;Xq68+m8QEkIcef8&m{)u|Nqbby--~B*5|@^+4tT%mvpB^%J-gnOwHqbYY5^`OA3jE{^Z&X=%^0Z-M&}Hb zFNH1CGMo_9I?s*m+Z>*UEvh`53RbmiG%ag#-S!|!U~xj?y`PYT{#hyP&{4zT-G@yGywpyv+UXc literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-unchecked.png b/gtk-3.0/assets/radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..0c7f135039d8552725e24714e0bbbded5fa0365e GIT binary patch literal 475 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c1SEJ|V6Q3=GD`X`!K^o}RhRp3#o(@osLhE?&{D?lCSN zu`ceh&hBxpZm}*NvCi(XF79zIVA2^Z<>DUe3gUvL++x5|AT3~BF)nUkHkiDAx#$N2 z1A{_IkY6wZD;v9(wvKLZU;l)Olcr4Dy=U*f%U7;``uyeVpTGb9{aeK4V#C0|Q0(dA z7$PAVdXQ7BNr8d&fPNn5O5Fq{fq%c_jZS?RO8anCdvmT^nZ=dO=_<;9RVG~V|7Xk6 zFmtBh3tRu)`3oZ?Hn^lUwWTH=J#~oNJ4G$SLyWCN@6!{hgd{gcf%1Jng)3K2=(uP& mq48bR!wX)?YxkLW*hxo8bnapJzJ!5+fx*+&&t;ucLK6TRpQLU8 literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-unchecked@2.png b/gtk-3.0/assets/radio-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..b20482ecc995919839a4ce697f8daa7780c53a07 GIT binary patch literal 650 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQvtT@Ck8c0E32xhS1PZ2Zsd9&`@9BG*{Pn7mqk+_ZT;~ zcvp`&7xx%vw>VdiSQqyg7q=L&RIH0zoQqqmi+ilIdz`CVtcypit9vY5*3~@*B8(X`; z;E>R;lG3t@=9bpB_Rg;Ep5EmvR_@z>;NbNeH*YBYU!il{nvbMeyYZx@L?&G}HwpWw2- z=?MczU(ObOf#8eBTDnBMwVwT0mc;Aa+PLtMczj4oM3CWecG3Kfl^Kc_8!q}aD4uMJ zt7UlD#=A|>%hp@}_Q6P}^@e&WUj6acjv)*^u*F62~vgTO@8`4v+^FN$aw(CUC fNwN332lv~*7M-+b4?o)`P!xK)`njxgN@xNATPN?! literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-unselected-hover@2.png b/gtk-3.0/assets/radio-unselected-hover@2.png new file mode 100755 index 0000000000000000000000000000000000000000..64c745f55f9cc1d2bb51f98d9f9a1df9cf5c3d4a GIT binary patch literal 722 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}EX7WqAsieW95oy%9SjT% zoCO|{#S9G6>p_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa}C{+=$5ArY--r=9l`4istMZ*02JRVX#lKuApF@}qgZt!587cNwhhYCiu?`H%N2RxFEC@!Ov#;2}EAN%8k_oeMWz7#r3fyioO|GXFhW#k>VaBjt@4 z*k9bZld(4>IwBy`XjRc!hCNK8l77CK2ShpMX?%OU|KuCXu5Imp=jIl&Zt$4Zw7byc zC0B=#v7Ulx+E?W%8!GpeRI^xQMLAqdj%#H0_ILs1mO%_*z6V(&EvLTt`GCu3`O&b{GgBIxjiaP}?%X#>kgwy>k$O%KODj(Q(I2)TwkMcLiGKTKkmx2JieS!C|ck7!&>;`3+eY^&gwkhUGpxq zZ1lMh{;~lizFF&2$KC#{ZUyJB*WX1mJa}}wb%F4WT{=q2UE6*y zTVbs0G_Cq4h_~m2+x)8A{raE& aXKoMkb7i7ob-D};3=E#GelF{r5}E*f0zKsb literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-unselected-insensitive.png b/gtk-3.0/assets/radio-unselected-insensitive.png new file mode 100755 index 0000000000000000000000000000000000000000..10f7e5dd4c7d78d8a404d328ab372a48c695ca9e GIT binary patch literal 599 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&uXwsRhFJ7Yoow$P6)16R{^xnZCq!@bh~HiyzrgU?hK%LMHg4>_9P1U4nfz$E z;Z;9ADfVT@q{8N=d{}0(@FR0WpkATE!?-^2bMyHeoISH1n$Las*S7MUeVeAA|Ngaw z=j@C9-cJcS&7jayap6`B58Im+5qEx?TAn}F?X`5$o3gXw*&hp2pR$(Ub)D#C$t<+MfUXtDdQC)811lL9c)QnKju*ZCN)X!=oMi_t&2`;HfvdR{gp% zZa%|;+gsab`efA>7eAhF#Go>nGbcCK;$_LNt=G;mGHkdw@9*2U=AF-WhRp50=N22cF64Kan<_MbK`-wPUjLzuD;MSX{WZi{-$% z-2M&Mnk<%=iJaW|G|u0Nh#EG0E?)cfx>Mr!vZ8n(0fO;VIu$H2hA;OXk;vd$@? F2>=?g4JrTt literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/radio-unselected-insensitive@2.png b/gtk-3.0/assets/radio-unselected-insensitive@2.png new file mode 100755 index 0000000000000000000000000000000000000000..bbc0bdaa5286c04c586df26f01bcaa79d5cc95e1 GIT binary patch literal 1195 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}EX7WqAsieW95oy%9SjT% zoCO|{#S9Fx?I6t9|MX)j0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|%8lEnWArY;6r=Rzib{9Erzxm$Qjg7jd2?9%k0!5WfIf71xOtesSkC~!1b&b}O z_C{n-VrdX||f#1 zQ^iVI90yEpTNWlYynE+2Wz~EW!NgS6+uGk+gn_=)*~EXNPd z_V&#D{94sV(n9F{)X$@gN}O~3ef|KJmh zzkXL6o;7PQyIr=7;mVhiJ0Yj)*jU`$+c{fz%~E4{@bj~&P^Zd)w!|q_roP2W4hLSF zzIgX8N6XSdL*$47Pea)0Pi|XY-Q-&sa9#WQFUJK_7A;?XdF%PCt=+8&8y3Givbg26 z>Y)xc9)>MjD&l7|%wJ!{qj9u>ZAK{LzN+Fr5$hfIF1+H+kxRLKsiCwXY2%k$FS=b% zoBqG(ur&VHjgl!|x9w+Nn=(n|z^z-|*VPU@6$LWPOvi{nCu*9n+3f6H4Og$qYeBU_8T{uhnLUeDFfmb)w;||GpWEWr zD9J2y#_C$z^Or7tx+loj>613IW*7kmT$Y(?zS>zqKD107(L}f{RbEPoB8_p`LE*L zXTRUt_SyJDn8F1o3!5Sq-^@mrM;mWX`S;f1*6;9jK00r;7#@6kTYXsR4D<1lyN6Fs zZvOK9yW9%h^C_!xD|g1Q{qS~C64$T$ar<21Znw3mkMs(p4w&4Qkf~`8(718ou*&S% z + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/radio-unselected@2.png b/gtk-3.0/assets/radio-unselected@2.png new file mode 100755 index 0000000000000000000000000000000000000000..0c01111eac180ab560bafdaddd0d7b0217b248ac GIT binary patch literal 884 zcmeAS@N?(olHy`uVBq!ia0y~yU{C;I4mJh`hT^KKFANL}EX7WqAsieW95oy%9SjT% zoCO|{#S9G6>p_??PHLhI0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa}CA3a?hLn2zwPWSbe4issVH#IYs$T@UD%~xl}&FxEhwpw&wuvdtkqSvLA7n}0% z)K-B4&CsqUdC`OSFZe1(t@tJ0_Jeh6=;WTQCX;+t&(up(o4aJ1kB`&uL#^Ivdhd(< zpUo@Q`;%O1@*|I5fQ6|+{>7&Gv5ag14CflT59EkCs27NHFx&NSn0`QW0_&->3@r`6 z9n2k!X7=>-^{x6?5hKd-aGnB3EyL2Fmn%ZFWaVXKa@MY0n|t=`*||4f*E6^u2=9Lo z+Qr1RU`f!*=|5}g7RTt#jyrbq=FM|w&YaOsw-v~~62m6qIf<>Ty!`$&-AbeK-XgWh zk<(N%5426#JL@=u>O>EflGy(R%#T+seEnq@%w44U^ZQ>t(%QTmsX}Wy*@}~=e_>R zFW=wTmv->)9_9)bjkP?rZ%;fe%CzRg#-_wSc6L{1B>juK_GZ_wzfeaj}`dhsM{ow}~@`va~620fGQ!?r}UCCc2s>}}q_7@#9& zzg_yk)5IN&Tnz2)?a^=9Zrr|IY{Qk;P~0$e>eOw_Yu2xSf8%ogyZhQJcT7CC_+&_r zHIrHx|M53(-ekY}QfNM9=Y|a*j?J4N_uWZ7Y-Nbi%riyOr#>oOpYk{=RBBS#KT%U& z&kb=ak{TAR%3374)N=m${2fu7GGyO(Y5A^Pmg$}9-8(BjbJn&Sw{QPGV%A@6S{{;l zT3uaze){H{<-Ij;gM)+hKU|nry>rGF#_bHpjvrS}PEKy#q_cXFh8wG6M`Nj>rdW6U zx9{J#hlhu6fByXWUGd5OH!7d0F(lM(EZnb{@-qznx7QLhF>;Dz;wl}$VDQ`C5Wnf@n@O1TaS?83{1OWXVh@$`i literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/scale-slider-hover.svg b/gtk-3.0/assets/scale-slider-hover.svg new file mode 100644 index 0000000..44bc945 --- /dev/null +++ b/gtk-3.0/assets/scale-slider-hover.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/gtk-3.0/assets/scale-slider-hover@2.png b/gtk-3.0/assets/scale-slider-hover@2.png new file mode 100755 index 0000000000000000000000000000000000000000..d64f411d0e92c762795bc3c550ee01ec502a363c GIT binary patch literal 582 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJoSc;uILpV4%IBGajIv5xj zI14-?iy0WC*Ml%)oYX`a1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&4|}>ehIn*too1gOlqhnn{&`G+mh-`bOO~u$*{Lz9jxYDgB?F5aXJdPt7cZ-0 zDHoo+>z+o8l)XE9R*c8wpqO}KbQS@F*Dc0 zK;HD<2TsX+*uuuNdt!W^ny)Y4r{2Zk7TjVD%ujgsiS64OuXgq`-?6FemltxM;C$m_ zCD>3?5HZE)8GCnV-AuNo@UA~W{){TKe{OKGaNz6w&X8i7vwrpB!+-7;#rEp-nTNPv z32I=jcvQKs>w^WW1;esWF1+uSiYgpi##DZZi{V<{uIJBBYF_X*T(F#J?v@v7C08CO ztYt9FTsbqFVX?@MjYkg${N8%1^T6}e%f3IZtj{kMJz(-#PC{p5{W9m9%^$D+`Tg>5 zu)0mMrT5b#Ip(YE|CGuxd{`d!ukRyUfqA3yp1!R9L!E^WPwu&!5zf1hVQ2QC^DcKj zuZYT2JK(7H`nKvrW^iav`U@k=aSODmVtqR!PC{xWt~$(696IA|8f8T literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/scale-slider-insensitive.png b/gtk-3.0/assets/scale-slider-insensitive.png new file mode 100755 index 0000000000000000000000000000000000000000..20d278dce8dadde6efa2a29cdb76b668a0ff48dd GIT binary patch literal 344 zcmeAS@N?(olHy`uVBq!ia0y~yVBi5^4mJh`hOp9@=L`%CEX7WqAsieW95oy%9SjT% zoCO|{#S9F**Fl)kNn>^e0|SF(iEBhjaDG}zd16s2LwR|*US?i)adKios$PCk`s{Z$ zQVa|XS3O-ELo_D#p100B6d=(0u-=XB3ES@Td=pfI(s)mN)h%#jeYrtK#Q^GN+8Rot*&wf7OP++*6 z`IX6DKJCj->#ZIW`rO`mcO~8IT=e$2{SU)i?;o4*o%d0Md5_!0?-2)$_|JS*KP&R$ zC*J{~ug4i;L~i`3zPUouIA3r2PBY&armgMk4{r#~n#bR#bP0l+XkK?&pbO literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/scale-slider-insensitive@2.png b/gtk-3.0/assets/scale-slider-insensitive@2.png new file mode 100755 index 0000000000000000000000000000000000000000..20e740dc2a509aa467d2724b398c846131e24b71 GIT binary patch literal 571 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJoSc;uILpV4%IBGajIv5xj zI14-?iy0WC*Ml%)oYX`a1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&cX+xuhIn*to#yBt>?qQ@zxuiE+j}fd20I?C*XTUj8&&HYy(|3jp`~o~Ox1@L zhj`91X$yMfUwC~&#Orx^>Cbj)sBR6=TKZn+{3GjhHREFU9j?7@*}5$8EZagN&67nP zTIzb{td25gvAuay^Y5&q6K0<|eE3>d3&Dccr?n59 z*(KF9k3o@rpTCgx)r%V@Czj*1VN83C0rC3Ib zp7l8W^wa#+4S^?C%PYt?RQUh+9rgC>%Nsk)j5fddAsHd8aYwLDQRse%R%ZF7J!O+u zUky?}mcpFF|Kb1Ts3U!IxMyE3nDKG7M7GJx7{NzkCzK^>qZ{^d*giP3^M>c;E%x0X a#r01v*s0)a$HKtCz~JfX=d#Wzp$Py~6!&oe literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/scale-slider.svg b/gtk-3.0/assets/scale-slider.svg new file mode 100644 index 0000000..961029d --- /dev/null +++ b/gtk-3.0/assets/scale-slider.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/gtk-3.0/assets/scale-slider@2.png b/gtk-3.0/assets/scale-slider@2.png new file mode 100755 index 0000000000000000000000000000000000000000..1a860df8388d60b02e5db75b3f2ce9679c908983 GIT binary patch literal 592 zcmeAS@N?(olHy`uVBq!ia0y~yV2}V|4mJh`h6m-gKNuJoSc;uILpV4%IBGajIv5xj zI14-?iy0WC*Ml%)oYX`a1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&&w9EzhIn*too1gM94K+D{`}69X>DeFPTni8ES!JHOq4};hLxp+=l?fae0^Sj zIo>7xO6R>~a&+O18lLR|89k>>y^O2gSIYW$8TcmMx|43rKj;4EeeJ~+{Su2--hFH- zzWj5-YKv!vX^aBAHp?wmiS2H__UzJ4g*H9o&DQa0XPV3pZEHw~5KM>*vi!8?-`0uN zvXT@2MnpTmVKi@R{(VI(jN^K^*4|~WV}0IViBr&yXXKk;_+yIhT$}f%`c^-pcTRO& zSO4C^NWbFFTNj4QzqdxZ);!Ic8ozAYqx;@8ZCR?j*p4Y58 zcjC6uwj^)E_jCBK2{kaYbe*tX$j*6y(ctAm;~kSj8aA-9-|^C7NPae}yl%=9*%dQm z8cgSIs7k6>`OZg1Ra9Z|E1fcShdB)Po2JO_y7uhS%mpTyyCmhKT4N3~&iE6(z}9ll zxmc|mZRc!$1n&8M*4ux^iNKlD13Bj3{aYu<@L}_gKay`mXYA*bDb_#S`}FX-%jQP; z)BNNlZ?PLaK3J-E^YVrntH154)whg^U%8}q149+R%m2`=IsT2&f5iEi>qKKq)nel| vWEDtT-51N45hDKY1XE~KYfQ4hWB#ST7w}(rZXm?Kz`)??>gTe~DWM4fGLZVc literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/selected-checkbox-checked.png b/gtk-3.0/assets/selected-checkbox-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..c45f5154fdd7346b47fe73090064e8e2348ffe86 GIT binary patch literal 463 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c1$QJ|V77ZgH+2u`cd0F7C0e?y)XzvDOZO)~Rfpy?5t%AIkSWRN#Fi-{)YV&y`}|DE-?C@sotFj)@Em44IxTjv*3LlM|9eotSibcyydJ8fH3j@IDY02n>AS zE+#PT`jlsGViT@}JZ)GN5F{chH0eUf^C!)-7Oq&SqqS_|$-~^nAt8~$e!jsIxD&e@ z)+}3QA-!oUlTpx{74IHAe|G$35YKtTO$$CTa=#V2+a*0okb!}L!PC{xWt~$(69D-* BqVxa& literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/selected-checkbox-checked@2.png b/gtk-3.0/assets/selected-checkbox-checked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..aea651475d70c2c1accb8d89182abe33d7f757ce GIT binary patch literal 682 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQwIi@Ck8cU|?|ZjB|32adV4zaf@|!k8yF2MMh>;UgnnG z=2kxD_TJ_WKISgI7S6sF-hP(Wepa>t*0urG(ZM#c!M66nb_J1kC6V@yVfId84$ct{ z^|6l55l*gAPOi~Tk+DwYaZbGn&Te4yJz`xvV_p5?T%!_Plat)ilijkD-BzT#7p1tD zrnonzxi8IdUzXv%I>TdGrpNM3&k32Hv$8zrXL~Ns^4yc_xj)xyc9!?1Jnzlig;Gx4m ze*U`u(jtX{f#Hs)i(`n!`K_0)3pE)CuwD>#+3-DXgVUS6-`D;8&u`RZ)TFlWg`J_L z^Rstqj1OEre@0AdW_}RMwRMh}fT$a%!o~=u*2w=4e(gB;;F;w7u8?)IhR04awXU{a zG`r!?%&Vdooo#$>)_8uI_32rB#N2o49@q5(W4@hOf6_W7b4lfAC%fo(TUNgR_IJ8n zRZH9tp=le>lw5bpcNTnoB_RIuSKAVum`Z7_SBZOjE<8InFRx|Wm$knSaOBEzOC{NS zS6{)tYFg1jjn{iN&%7VEOke!w!6fSfzh}x!ehX|Jck|{Ii+4}3-|@hZfq{X+)78&q Iol`;+0CsW<3jhEB literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/selected-checkbox-mixed.png b/gtk-3.0/assets/selected-checkbox-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..b4cd9e4419822140907f5a9c572e28167de83242 GIT binary patch literal 307 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdrU~ojgN0I5=)U^nbv>z`$AH z5n0T@z;^_M8K-LVNi#4oNS3%plmzFem6RtIr81P4m+NKbWfvzW7NqLs7p2dBXCuYH zz#t7$6p~qzlgi*)mLHH`pb(OgnwzQ+lA2qPlUR~^voWHRfq_93q|C9jBqP6wAt1FR zwMfA^zbG#?C$sqbvP&Qb$p!d?xH`GTxq8I9xW~A-$GW=5y12#KI)penN4U7h`aLXT zV>AB4z`(#(666=`>E-?C@sotFj)@Em47#2!jv*W~lLOu|FuSwyb1a^@keRC^O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQyTB_=LDJFfh1y#yPpixVgo#2xU&>T_C%g%$$?1B0ilpUXO@geCx^jE$fG literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/selected-checkbox-unchecked.png b/gtk-3.0/assets/selected-checkbox-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..1bf99a0ba1f3d7f6ffa4b00b150caa6ed13e1c85 GIT binary patch literal 330 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&q(O>8GD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(MszYTFo=SbIhK}WDLCgB<)!9i7JpxM3FO3jPZ!4!i{7{AHu4^F5OBF@U!BmkK#IkKWlJIJ1-<}w zm1R<^EL8G13LGkqtu(K%4?F%mQ}+E+(T$8@TVe%mbUrEFi4C~h9Hg8kVRgca{p#(B z5)94~@0l+49^F6x2n){vnHkLY8!CN2sH#*s{$&ndXs2WJA}=^0@Ck8cU|{flRPOtz%>O}&--9yW2c^Cb%lsad`8_K2 ze^~DKu*~max&Om5kRXU%wn*i-4FdxMe@T#EFoSFVdQ&MBb@01DlS_5c6? literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/selected-radio-checked.png b/gtk-3.0/assets/selected-radio-checked.png new file mode 100644 index 0000000000000000000000000000000000000000..8b692a14beead19cb8869b305fc834f5ee1da4de GIT binary patch literal 812 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!|5Ca3FV}MVHD+2=q!+(Z`{|%w98vJgQdEU+qy<6^ezclDU zRlxlU?}rrukIQ`Tm-##_^Ltq4`=H$KL7D%3iQ(MQh8B3NfU$JWSy7fDD zp1W}2;l^B>et#H${zH+$4wEarV%IZVyi}Ha=-_UvcKf(nXXf7fQ}6R8 z#4I&7ixo3v`*L)fan9*CF4cxBrHx`&T;DS z#D6lBtb6&m>)6-bVO9whVoO&&4q4i&w}t0i`;xUg86|l49kRS4{FlcMl*&9^{an^L HB{Ts5O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;K@1E`!T~-Zt_%ze4F4G#{x^jF4|TZT5c;?<^i_lB?cC72 z<(|(g1MighJ}B{iSmF1$!sl_R|HES6hvoi{%l#ge1w1bEdr;={u*~m4x&Om*zXxT$ z4@&(XmHIs@_kC3A{{SQc;rcx&^LtqC`>@RaVY&Y!kS>3amNLIbWxfwVq#u+l1u?*E z{|7KBkY12RkQA5=VmvH^l8?&#LF{tBhoxX!K;j@Xp@JYTR3%6R!FBMDbo7XFa*c8- ziF0mCba9V$@rZTtigWRabMcRJ35j?0igopgbM=dJ4T^IOj&}`-cMVN&jZSclPjpR6 zbc;)LOGtD}Oms_5bW2He%S>`xk?CHP;$EEMUY_b+o#s)K>QR&CQJdz`kmk{v?$MU+ z(Vp(np5f7%?$MLs(VywDGsm+p({n$oQq55u%tyCc<-{e>ec#xENfmqI=%fsWkCew>CRkKVpr%YJ3^d*d7t zNxnJZ=by^O#1?*yVfd6{R&sU4#Wwwg#}>-XP}P30RLVWKW`Ezxk6cQd81q&Ywjanf z%{y3ilTG~U3zY)@-mn{5Q!gw!#?Ey9N=75sO(ss$I01{bZqhl^Og}{QrZH7t@i>$f z$)RbwXzq`7Z^Ir->rB{qz|*v^=16hLj;aQe@SF_q~eLrAg=;YmarO>xniB;#N^1M4j z2kJzEFVdQ&MBb@0LT$S%K!iX literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/selected-radio-mixed.png b/gtk-3.0/assets/selected-radio-mixed.png new file mode 100644 index 0000000000000000000000000000000000000000..66dd837c96ca4a4d93f129fb0ec308d700891453 GIT binary patch literal 467 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUlpinR(g8$%zH2dih1^v)|cB zF)%PlgA|2imgJ-|xR&JyaLzBvOU=nF{=V!I$c4!PJ|V6Q3=GD`X`!K^o}RhRp3#o(@osLhE?&{D?lCSN zvCi&su5Pg|?s3lUAkqayf*8&ou@JT^R0PU}2)ek(+B$?dI!Cy;$ND`i+q+3Hje&td zwj{_en1PjzT}xX>x3_P?#K}{pP2as|@4m}du73RV`OBZbDV4jnF)%O`db&7=be~U~s*tzCyKx*R|m9|L`zFwR0Ea(`F}ToSI$su{Py#_Ttb#55JgAl4H@*l;->q zGOgQ5SKQBbgG}0sD~zWTo7P7q%qugtm>TnBS0$6(#4M(;NtK0FZc#H&ZT@I>Nl!QC f{%)I#uh>gj#Dir%E&k2Gz`)??>gTe~DWM4f7Ym`x literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/selected-radio-mixed@2.png b/gtk-3.0/assets/selected-radio-mixed@2.png new file mode 100644 index 0000000000000000000000000000000000000000..f1d6445eb830528fe8f6727c726e54b3c6a014c4 GIT binary patch literal 709 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;AQv7B@Ck8c0E32xhS1PZ2Zsd9&`@9BG$*$hSJ!wKk2q)d z7&o_gSI<~ik2n|i7-u&S>FOTq;uZszjdgL0bM}aJ@rZMEk8yF2b#{+)@rZSCk3&`i zlJbakb&GXz2T8ej#DHbvz+8|ZmaXIFPmZ{PA2D~}vKe&XSy$4_3oeD&k!uYX%3lI<867+!d~IEF|_)*kE(YjR*< zz3`l2>NIcHn@O3ej+2-lxtui_?hDF!(f2li@2w3pZIh-v$`BzfT(%kBt{SoXGq zbJ`a4&%G9~(WRGV+Yx1LAJ(GlYf3nC4`i)s=T%SW{VCT_e65I4J4rY5VF&N69qG-6 z^KKq+cG3N7xa5jTQr7CN4~-Mk8fVk3Jbr1nt-z1Z+-Kt#JTF)KycZPvp00i_>zopr0N(u!X8-^I literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/selected-radio-unchecked.png b/gtk-3.0/assets/selected-radio-unchecked.png new file mode 100644 index 0000000000000000000000000000000000000000..8c9f7f95a78fce02909f14500aaa718bf1a11a48 GIT binary patch literal 713 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7Sc;uILpV4%IBGajIv5xj zI14-?iy0XBj({-ZRBb+K1_lPn64!{5;QX|b^2DN4hVt@qz0ADq;^f4FRK5J7^x5xh zq!<_&q(O>8GD~t&8C=Wq1M&+LLNZcwQx!r|a|?13OHyw(MszYTFo=SbIhK}WDLCgB<)!9i7JpxMDTslA@t>!QV~9m>?__U}DS;Ag^S{sedHmv@mXv@6Pd!>@ zn>lu0a}81vVil6iowT4dTuCh^^YpDP#eq&+G&Fk-WZhA>Q4w5RX!nLp37 zAF3XAJ-6Gc`+Ft-`A5RDi(cJ68!M{yTt${M!nz^hoX_Nqt?j~d%jn zFKeFSRptmoiH0D*)pMJcEd1E_FtKGVe~QlIW$E1g0)MCVueI5@;>Tm5Y24cTO|1Vc ztXlNAcbS{|!o4I>$-<7v!!QI-{#lK^l3_3)n9{(JDh+&(6 zM*s5`4>obOxt(%aX;W7|n)V^;(aO}0vkh|Y3bN0VH|Ch~M;Io2-e_=%PscIF_;p0e_h_=?UyO@ zo^Tp3&Dy5z`KUyApLVC@{2*T5=?RAo=l-l(yYxx!6&Lx2zg?X7wYAUf7G6<$)xRn# zPA{fn=li&ISqZv(H;4B#HA@^9(B710d2%n;jb`y`x48T_|5@uJ&e!NQm5VVjFfe$! L`njxgN@xNAYGyNX literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/selected-radio-unchecked@2.png b/gtk-3.0/assets/selected-radio-unchecked@2.png new file mode 100644 index 0000000000000000000000000000000000000000..a4136f968a1a74ba1f8764d40a51fc3ae471be86 GIT binary patch literal 1119 zcmeAS@N?(olHy`uVBq!ia0y~yV2}f04rT@h2A+3u6Brm6n2Vh}LpV4%Za?&Yz`(%3 zS>O>_%)lVM9)ua=q$bKRFfd4#xJHx&=ckpFCl;kLl$V$5W#(lUCnpx9>g5-u&wghk z#lXNI4N?@6S(1~=;98a+kYAt>l98I5st}TzTac4jl6tc-qLYDvK@_CSv9u&3zlb3q zwIsDj!8yMuFEuB#`1`U;K@1FxhXQ;;Tp1V`82&Rf{BH>TAL?+wA@p%!=&J_L+qt24 z%RQf02Hq+0eNf{4u)^%6uP!NIxi93SxlS z{tsYMAiW@sASo~##CTW+B_EafgV^PM4@<$efW$#&LIpuws7jCsg6rZQ>*5vX;uGiM zALr^7>*^Ed>KEr46z3Wo?-~;C8lB*pl<1a_=$4r1mYnF8lIWJ1`S8@bQa^DJrR`YH915m^nIo`vwJvM?^+N7Z#P4l~+{Pws!PPoIGpJ;+3n{uHU+C z`;MLa4jepu^z8Wym#<#GdFS5ScOO4}{_^$P_n*K1eS4r4$-uyv>FMGaA|aW3urvO2 zq0I4*+n3JTe5X8Uos3}APN%?^|7z#>S}vNfxM;TacF{w1>;GTRuRil;d+mJxzv6cT z!tdXSiQm32=4jZ_UngJX$E@6NN4=1{8*v!1L zn)Aiip4h2>K}(nU-HgMr3xaMxd|p|++oL)$R_J_g?PHgs!(Nn}M8C2Fs&CB*&kT}oiR8+&2(>qd+ z&R^Ov%_!AXn)6TP{|C=Ld|2BqAH>4vHZ^!tal?d0S=Ce9OZL0>ZO`xI(p_hF$$7!^ e56@hGJ=gy=Rbt~CAyYR{#`JXcb6Mw<&;$VcQ2^-x literal 0 HcmV?d00001 diff --git a/gtk-3.0/assets/switch-insensitive.svg b/gtk-3.0/assets/switch-insensitive.svg new file mode 100755 index 0000000..f5800e1 --- /dev/null +++ b/gtk-3.0/assets/switch-insensitive.svg @@ -0,0 +1,384 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/gtk-3.0/assets/switch-insensitive@2.svg b/gtk-3.0/assets/switch-insensitive@2.svg new file mode 100755 index 0000000..7372b08 --- /dev/null +++ b/gtk-3.0/assets/switch-insensitive@2.svg @@ -0,0 +1,371 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/gtk-3.0/assets/switch-off.svg b/gtk-3.0/assets/switch-off.svg new file mode 100755 index 0000000..9555b3b --- /dev/null +++ b/gtk-3.0/assets/switch-off.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/gtk-3.0/assets/switch-off@2.svg b/gtk-3.0/assets/switch-off@2.svg new file mode 100755 index 0000000..f5800e1 --- /dev/null +++ b/gtk-3.0/assets/switch-off@2.svg @@ -0,0 +1,384 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/gtk-3.0/assets/switch-on.svg b/gtk-3.0/assets/switch-on.svg new file mode 100755 index 0000000..df0d819 --- /dev/null +++ b/gtk-3.0/assets/switch-on.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/gtk-3.0/assets/switch-on@2.svg b/gtk-3.0/assets/switch-on@2.svg new file mode 100755 index 0000000..03cc342 --- /dev/null +++ b/gtk-3.0/assets/switch-on@2.svg @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/gtk-3.0/assets/switch-slider-insensitive.svg b/gtk-3.0/assets/switch-slider-insensitive.svg new file mode 100755 index 0000000..79399cf --- /dev/null +++ b/gtk-3.0/assets/switch-slider-insensitive.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/gtk-3.0/assets/switch-slider-insensitive@2.svg b/gtk-3.0/assets/switch-slider-insensitive@2.svg new file mode 100755 index 0000000..069b0a3 --- /dev/null +++ b/gtk-3.0/assets/switch-slider-insensitive@2.svg @@ -0,0 +1,11540 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/switch-slider-off.svg b/gtk-3.0/assets/switch-slider-off.svg new file mode 100755 index 0000000..79399cf --- /dev/null +++ b/gtk-3.0/assets/switch-slider-off.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/gtk-3.0/assets/switch-slider-off@2.svg b/gtk-3.0/assets/switch-slider-off@2.svg new file mode 100755 index 0000000..fd4e313 --- /dev/null +++ b/gtk-3.0/assets/switch-slider-off@2.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/assets/switch-slider-on.svg b/gtk-3.0/assets/switch-slider-on.svg new file mode 100755 index 0000000..5e25cf9 --- /dev/null +++ b/gtk-3.0/assets/switch-slider-on.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/gtk-3.0/assets/switch-slider-on@2.svg b/gtk-3.0/assets/switch-slider-on@2.svg new file mode 100755 index 0000000..be0b5bb --- /dev/null +++ b/gtk-3.0/assets/switch-slider-on@2.svg @@ -0,0 +1,11523 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.0/gtk-widgets-assets.css b/gtk-3.0/gtk-widgets-assets.css new file mode 100755 index 0000000..fa35999 --- /dev/null +++ b/gtk-3.0/gtk-widgets-assets.css @@ -0,0 +1,293 @@ +.selection-mode.titlebar .titlebutton.minimize, +.titlebar .titlebutton.minimize { + color: transparent; + border:none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("assets/min.svg")); +} + +.selection-mode.titlebar .titlebutton.minimize:backdrop, +.titlebar .titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/min_unfocused.png")); + color: transparent; +} + +.selection-mode.titlebar .titlebutton.minimize:hover, +.selection-mode.titlebar .titlebutton.minimize:active, +.selection-mode.titlebar .titlebutton.minimize:checked, +.titlebar .titlebutton.minimize:hover, +.titlebar .titlebutton.minimize:active, +.titlebar .titlebutton.minimize:checked { + color: transparent; + border: none; + box-shadow: none; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("assets/min_prelight.svg")); +} + +.selection-mode.titlebar .titlebutton.maximize, +.titlebar .titlebutton.maximize { + color: transparent; + border: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("assets/maximize.svg")); +} + +.selection-mode.titlebar .titlebutton.maximize:backdrop, +.titlebar .titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/maximize_unfocused.png")); + color: transparent; +} + +.selection-mode.titlebar .titlebutton.maximize:hover, +.selection-mode.titlebar .titlebutton.maximize:active, +.selection-mode.titlebar .titlebutton.maximize:checked, +.titlebar .titlebutton.maximize:hover, +.titlebar .titlebutton.maximize:active, +.titlebar .titlebutton.maximize:checked { + color: transparent; + border: none; + box-shadow: none; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("assets/maximize_prelight.svg")); +} + +.selection-mode.titlebar .titlebutton.close, +.titlebar .titlebutton.close { + color: transparent; + border: none; + box-shadow: none; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("assets/close.svg")); +} + +.selection-mode.titlebar .titlebutton.close:backdrop, +.titlebar .titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/close_unfocused.png")); + color: transparent; +} + +.selection-mode.titlebar .titlebutton.close:hover, +.selection-mode.titlebar .titlebutton.close:active, +.selection-mode.titlebar .titlebutton.close:checked, +.titlebar .titlebutton.close:hover, +.titlebar .titlebutton.close:active, +.titlebar .titlebutton.close:checked { + color: transparent; + border: none; + box-shadow: none; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: -gtk-scaled(url("assets/close_prelight.svg")); +} + +/******************* + * check and radio * + *******************/ +/* draw regular check and radio items using our assets */ + +.check, +.check:focus { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"),url("assets/checkbox-unchecked@2.png")); +} + +.check:hover { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-hover.png"),url("assets/checkbox-unchecked-hover@2.png")); +} + +.check:insensitive, +.check row:selected:insensitive, +.check row:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"),url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.check:active, +.check:checked, +.check row:selected:active, +.check row:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"),url("assets/checkbox-checked@2.svg")); +} + +.check:active:insensitive, +.check:checked:insensitive, +.check row:selected:active:insensitive, +.check row:selected:focus:active:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"),url("assets/checkbox-checked-insensitive@2.png")); +} + +.check:inconsistent, +.check row:selected:inconsistent, +.check row:selected:focus:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"),url("assets/checkbox-mixed@2.png")); +} + +.check:inconsistent:insensitive, +.check row:selected:inconsistent:insensitive, +.check row:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"),url("assets/checkbox-mixed-insensitive@2.png")); +} + +.radio, +.radio:hover, +.radio row:selected, +.radio row:selected:focus { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"),url("assets/radio-unselected@2.png")); +} + +.radio:insensitive, +.radio row:selected:insensitive, +.radio row:selected:focus:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"),url("assets/radio-unselected-insensitive@2.png")); +} + +.radio:active, +.radio:active:hover, +.radio:checked, +.radio row:selected:active, +.radio row:selected:focus:active { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"),url("assets/radio-selected@2.png")); +} + +.radio:active:insensitive, +.radio:checked:insensitive, +.radio row:selected:active:insensitive, +.radio row:selected:focus:active:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"),url("assets/radio-selected-insensitive@2.png")); +} + +.radio:inconsistent, +.radio row:selected:inconsistent, +.radio row:selected:focus:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"),url("assets/radio-mixed@2.png")); +} + +.radio:inconsistent:insensitive, +.radio row:selected:inconsistent:insensitive, +.radio row:selected:focus:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"),url("assets/radio-mixed-insensitive@2.png")); +} + +.menuitem.check { + -gtk-icon-source: none; +} + +.menuitem.check:active, +.menuitem.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked.png"),url("assets/menuitem-checkbox-checked@2.png")); +} + +.menuitem.check:active:hover, +.menuitem.check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked-hover.png"),url("assets/menuitem-checkbox-checked-hover@2.png")); +} + +.menuitem.check:active:insensitive, +.menuitem.check:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-checked-insensitive.png"),url("assets/menuitem-checkbox-checked-insensitive@2.png")); +} + +.menuitem.check:inconsistent, +.menuitem.radio:inconsistent { + -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed.png"),url("assets/menuitem-checkbox-mixed@2.png")); +} + +.menuitem.check:inconsistent:insensitive, +.menuitem.radio:inconsistent:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/menuitem-checkbox-mixed-insensitive.png"),url("assets/menuitem-checkbox-mixed-insensitive@2.png")); +} + +.menuitem.radio { + -gtk-icon-source: none; +} + +.menuitem.radio:active, +.menuitem.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked.png"),url("assets/menuitem-radio-checked@2.png")); +} + +.menuitem.radio:active:hover, +.menuitem.radio:checked:hover { + -gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked-hover.png"),url("assets/menuitem-radio-checked-hover@2.png")); +} + +.menuitem.radio:active:insensitive, +.menuitem.radio:checked:insensitive { + -gtk-icon-source: -gtk-scaled(url("assets/menuitem-radio-checked-insensitive.png"),url("assets/menuitem-radio-checked-insensitive@2.png")); +} + +GtkIconView.content-view.cell.check { + -gtk-icon-source: -gtk-scaled(url("assets/grid-selection-unchecked.png"),url("assets/grid-selection-unchecked@2.png")); +} + +GtkIconView.content-view.cell.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/grid-selection-checked.svg"),url("assets/grid-selection-checked@2.svg")); +} + +/****************** + * pane separator * + ******************/ +.pane-separator.horizontal { + background-image: -gtk-scaled(url("assets/pane-handle.png"),url("assets/pane-handle@2.png")); + background-repeat: no-repeat; + background-position: center center; +} + +.pane-separator.vertical { + background-image: -gtk-scaled(url("assets/pane-handle-vertical.png"),url("assets/pane-handle-vertical@2.png")); + background-repeat: no-repeat; + background-position: center center; +} + +/************* + * GtkSwitch * + *************/ +GtkSwitch.trough { + background-image: -gtk-scaled(url("assets/switch-off.svg"),url("assets/switch-off@2.svg")); +} + +GtkSwitch.trough:active { + background-image: -gtk-scaled(url("assets/switch-on.svg"),url("assets/switch-on@2.svg")); +} + +GtkSwitch.trough:insensitive, +GtkSwitch.trough:active:insensitive { + background-image: -gtk-scaled(url("assets/switch-insensitive.svg"),url("assets/switch-insensitive@2.svg")); +} + +GtkSwitch.slider { + background-image: -gtk-scaled(url("assets/switch-slider-off.svg"),url("assets/switch-slider-off@2.svg")); +} + +GtkSwitch.slider:active { + background-image: -gtk-scaled(url("assets/switch-slider-on.svg"),url("assets/switch-slider-on@2.svg")); +} + +GtkSwitch.slider:insensitive, +GtkSwitch.slider:active:insensitive { + background-image: -gtk-scaled(url("assets/switch-slider-insensitive.svg"),url("assets/switch-slider-insensitive@2.svg")); +} + +/******************* + * GtkScale slider * + *******************/ +.scale.slider { + background: -gtk-scaled(url("assets/scale-slider.svg"),url("assets/scale-slider@2.png")); +} + +.scale.slider:hover { + background: -gtk-scaled(url("assets/scale-slider-hover.svg"),url("assets/scale-slider-hover@2.png")); +} + +.scale.slider:insensitive { + background: -gtk-scaled(url("assets/scale-slider-insensitive.png"),url("assets/scale-slider-insensitive@2.png")); +} diff --git a/gtk-3.0/gtk-widgets.css b/gtk-3.0/gtk-widgets.css new file mode 100755 index 0000000..ab8c16a --- /dev/null +++ b/gtk-3.0/gtk-widgets.css @@ -0,0 +1,468 @@ + +/* default */ +* { + engine: none; + -GtkArrow-arrow-scaling: 0.55; + -GtkButton-child-displacement-x: 0; + -GtkButton-child-displacement-y: 0; + -GtkButton-default-border: 0; + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 1; + -GtkButton-interior-focus: true; + -GtkCheckButton-indicator-size: 16; + -GtkCheckMenuItem-indicator-size: 12; + -GtkExpander-expander-size: 8; + -GtkHTML-link-color: @link_color; + -GtkIMHtml-hyperlink-color: @link_color; + -GtkMenu-horizontal-padding: 0; + -GtkMenu-vertical-padding: 0; + -GtkNotebook-initial-gap: 0; + -GtkPaned-handle-size: 5; + -GtkProgressBar-min-horizontal-bar-height: 5; + -GtkProgressBar-min-vertical-bar-width: 5; + -GtkRange-slider-width: 12; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-border: 0; + -GtkRange-trough-under-steppers: 1; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 50; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkScrolledWindow-scrollbars-within-bevel: 0; + -GtkStatusbar-shadow-type: none; + -GtkTextView-error-underline-color: @error_color; + -GtkToolButton-icon-spacing: 6; + -GtkToolItemGroup-expander-size: 8; + -GtkTreeView-expander-size: 8; + -GtkWidget-focus-line-width: 1; + -GtkWidget-focus-padding: 2; + -GtkWidget-link-color: @link_color; + -GtkWidget-visited-link-color: @link_color; + -GtkWindow-resize-grip-height: 0; + -GtkWindow-resize-grip-width: 0; + -WnckTasklist-fade-overlay-rect: 0; + outline-color: alpha(@selected_bg_color, 0.5); + outline-style: solid; + outline-offset: 0; +} + +/*************** + * base states * + ***************/ +.background { + background-color: @bg_color; + color: @fg_color; +} + +* { + /* inherit colors from parent */ + background-color: inherit; + color: inherit; +} + +*:selected, +*:selected:focus { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +*:insensitive, +*:insensitive:insensitive { + color: mix(@fg_color, @bg_color, 0.3); +} + +/* apply effects to insensitive and prelit images */ +*:insensitive { + -gtk-image-effect: dim; +} + +*:hover { + -gtk-image-effect: highlight; +} + +.gtkstyle-fallback { + background-color: @bg_color; + color: @fg_color; +} + +.gtkstyle-fallback:prelight { + background-color: shade(@bg_color, 1.1); + color: @fg_color; +} + +.gtkstyle-fallback:active { + background-color: shade(@_color, 0.9); + color: @fg_color; +} + +.gtkstyle-fallback:insensitive { + background-color: shade(shade(@bg_color, 0.95), 1.05); + color: mix(@fg_color, @bg_color, 0.7); +} + +.gtkstyle-fallback:selected { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +GtkImage, +GtkImage:insensitive, +GtkLabel, +GtkLabel:insensitive, +GtkBox, +GtkBox:insensitive, +GtkOverlay, +GtkGrid, +GtkGrid:insensitive { + background-color: transparent; +} + +/*********** + * gtkhtml * + ***********/ +GtkHTML { + background-color: @base_color; + color: @text_color; +} + +/************ + * expander * + ************/ +.expander { + color: alpha(@fg_color, 0.7); +} + +.expander:hover { + color: alpha(@fg_color, 0.8); +} + +.expander:active { + color: alpha(currentColor, 0.9); +} + + +/********* + * frame * + *********/ +.frame { + border-color: shade(@theme_bg_color, 0.8); +} + + +.frame.flat { + border: none; +} + +/******************* + * scrolled window * + *******************/ +GtkScrolledWindow.frame { + border-width: 1px; + border-style: solid; + border-color: @bg_color; + border-radius: 0; +} + +/* avoid double borders when a viewport is + * packed into a GtkScrolledWindow */ +GtkScrolledWindow GtkViewport.frame { + border-style: none; +} + +/************ + * iconview * + ************/ +GtkIconView.view.cell:hover { + border: none; + border-radius: 5px; + background-color: shade(@bg_color, 0.9); + background-image: none; + color: @fg_color; +} + +GtkIconView.view.cell:selected, +GtkIconView.view.cell:selected:focus { + border-width: 1px; + border-style: solid; + border-color: shade(@bg_color, 0.8); + border-radius: 5px; + background-color: shade(@bg_color, 0.8); + background-image: none; + color: @fg_color; +} + +.content-view.view.rubberband, +.view.rubberband, +.rubberband { + border-width: 1px; + border-style: solid; + border-color: shade(@selected_fg_color, 0.9); + border-radius: 0; + background-color: alpha(@selected_fg_color, 0.3); +} +/***************** + * miscellaneous * + *****************/ +.floating-bar { + border-width: 1px; + border-style: solid; + border-color: @bg_color; + border-radius: 0px; + background-color: @bg_color; + background-image: none; + color: @fg_color; +} + +.floating-bar.top { + border-top-width: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.floating-bar.right { + border-right-width: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.floating-bar.bottom { + border-bottom-width: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.floating-bar.left { + border-left-width: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.floating-bar .button { + -GtkButton-image-spacing: 0; + -GtkButton-inner-border: 0; + + border-style: none; + background-color: transparent; + background-image: none; +} + +.view.dim-label, +.dim-label { + color: alpha(currentColor, 0.5); +} + +.dnd { + border-width: 1px; + border-style: solid; + border-color: shade(@selected_fg_color, 0.9); +} + +.grip { + background-color: transparent; +} + +.arrow { + color: alpha(@fg_color, 0.9); +} + +/************* + * statusbar * + *************/ +GtkStatusbar { + padding: 4px; + color: @fg_color; +} + +GtkStatusbar .button { + color: @fg_color; + border: none; +} + +GtkStatusbar .button:hover, +GtkStatusbar .button:active, +GtkStatusbar .button:active:hover { + transition: none; + color: @selected_fg_color; + background-color: @bg_color; +} + +/************ + * textview * + ************/ +GtkTextView { + background-color: @base_color; + color: @text_color; +} + +/*********** + * tooltip * + ***********/ +.tooltip { + border-width: 1px; + border-style: solid; + border-color: @tooltip_bg_color; + border-radius: 3px; + background-color: @tooltip_bg_color; + background-image: none; + color: @tooltip_fg_color; +} + +.tooltip.background { + background-color: alpha(@tooltip_bg_color,0.8); + background-clip: padding-box; +} + +.tooltip.window-frame.csd { + border-radius: 3px; + background-color: transparent; + box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.15); +} + +.tooltip * { + padding: 2px; + background-color: transparent; + color: inherit; +} + +/************ + * treeview * + ************/ +GtkTreeView { + -GtkTreeView-vertical-separator: 6; + -GtkWidget-focus-line-width: 1; + -GtkWidget-focus-padding: 1; +} + +GtkTreeView { + border: 1px solid @bg_color; +} + +GtkTreeView.view:selected { + border: none; +} + +GtkTreeView.dnd { + padding: 6px 6px; + border-width: 1px; + border-style: solid; + border-color: shade(@selected_bg_color, 0.9); + border-radius: 0; +} + +GtkTreeView .entry { + padding: 6px 6px; + border-radius: 0; + background-color: @base_color; + background-image: none; +} + +/************ + * viewport * + ************/ +GtkViewport.frame { + border-width: 0; +} + +.view { + background-color: @base_color; + color: @text_color; +} + +.view:insensitive, +.view:insensitive:insensitive { + color: mix(@bg_color,@text_color, 0.4); +} + +.view:selected, +.view:selected:focus { + background-color: @selected_bg_color; + color: @selected_fg_color; /*TreeView selected for dconf and sidebars and stuff*/ +} + +/************************* + * touch text selections * + *************************/ +GtkBubbleWindow { + border-radius: 0px; + background-clip: border-box; +} + +GtkBubbleWindow.osd.background { + background-color: @osd_bg; +} + +GtkBubbleWindow .toolbar { + background-color: transparent; +} + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(55, 93, 114, 0.20)), to(rgba(255,93,115, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + + .overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(255,93,115,0.2)), to(rgba(255,93,115, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + + .overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(255,93,115,0.2)), to(rgba(255,93,115, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + + .overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(255,93,115,0.2)), to(rgba(255,93,115, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + + .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; } + + .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; } + + .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; } + + .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; } diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css new file mode 100755 index 0000000..01b2107 --- /dev/null +++ b/gtk-3.0/gtk.css @@ -0,0 +1,127 @@ +/* Ant palet */ +@define-color lime #50fa7a; +@define-color cyan #8be9fd; +@define-color yellow #f1fa8c; +@define-color orange #ffb86c; +@define-color purple #bd93f9; +@define-color red #ff5555; + +/* default color scheme */ +@define-color bg_color #1e1f29; +@define-color fg_color #f8f8f2; +@define-color base_color #282a36; +@define-color text_color #f8f8f2; +@define-color borders transparent; +@define-color header_bg_color #1e1f29; +@define-color header_fg_color #f8f8f2; +/*@define-color selected_bg_color #00b0ff;*/ +@define-color selected_bg_color #bd93f9; +/*@define-color selected_bg_color #33CBBF; +*/@define-color selected_fg_color #f8f8f8; +@define-color tooltip_bg_color #f8f8f8; +@define-color tooltip_fg_color #2d2d2d; + +/* colormap actually used by the theme, to be overridden in other css files */ +@define-color theme_bg_color @bg_color; +@define-color theme_fg_color @fg_color; +@define-color theme_base_color @base_color; +@define-color theme_text_color @text_color; +@define-color theme_selected_bg_color @selected_bg_color; +@define-color theme_selected_fg_color @selected_fg_color; +@define-color theme_tooltip_bg_color @tooltip_bg_color; +@define-color theme_tooltip_fg_color @tooltip_fg_color; + +/* shadow effects */ +@define-color light_shadow #fff; +@define-color dark_shadow #000; + +/* misc colors used by gtk+ */ +@define-color info_fg_color #31363D; +@define-color info_bg_color #f3f3f3; +@define-color warning_fg_color #fefefe; +@define-color warning_bg_color @orange; +@define-color question_fg_color #fefefe; +@define-color question_bg_color @cyan; +@define-color error_fg_color #fefefe; +@define-color error_bg_color @red; +@define-color link_color #df253f; +@define-color success_color #53a93f; +@define-color warning_color #f57900; +@define-color error_color @red; +@define-color light_grey #dedede; + +/* widget colors */ +@define-color button_bg_color @theme_base_color; +@define-color menubar_bg_color @theme_bg_color; +@define-color menubar_fg_color @theme_fg_color; +@define-color toolbar_bg_color @theme_bg_color; +@define-color toolbar_fg_color @theme_fg_color; +@define-color menu_bg_color @theme_base_color; +@define-color menu_fg_color @theme_text_color; +@define-color panel_bg_color shade(@header_fg_color, 0.8); +@define-color panel_fg_color @selected_fg_color; +@define-color menu_selected_bg_color @selected_bg_color; +@define-color menu_selected_fg_color @selected_fg_color; +@define-color titlebar_bg_color @theme_bg_color; +@define-color titlebar_fg_color @theme_fg_color; + +/* osd */ +@define-color osd_base @base_color; +@define-color osd_fg @fg_color; +@define-color osd_bg @bg_color; + +/* window manager colors */ +@define-color wm_bg @header_bg_color; +@define-color wm_border_focused @header_bg_color; +@define-color wm_border_unfocused @header_bg_color; +@define-color wm_title_focused @header_fg_color; +@define-color wm_title_unfocused alpha(@theme_fg_color, 0.75); +@define-color wm_icons_focused @theme_fg_color; +@define-color wm_icons_focused_prelight shade(@theme_selected_bg_color, 1.15); +@define-color wm_icons_focused_pressed @theme_selected_bg_color; +@define-color wm_icons_unfocused alpha(@theme_fg_color, 0.95); +@define-color wm_icons_unfocused_prelight shade(@theme_selected_bg_color, 1.15); +@define-color wm_icons_unfocused_pressed @theme_selected_bg_color; + +@import url("gtk-widgets.css"); +@import url("gtk-widgets-assets.css"); + +@import url("widgets/app-notifications.css"); +@import url("widgets/assistant.css"); +@import url("widgets/button.css"); +@import url("widgets/cell-row.css"); +@import url("widgets/check-radio.css"); +@import url("widgets/column-header.css"); +@import url("widgets/content-view.css"); +@import url("widgets/calendar.css"); +@import url("widgets/dialogs.css"); +@import url("widgets/entry.css"); +@import url("widgets/infobar.css"); +@import url("widgets/list-boxes.css"); +@import url("widgets/menu.css"); +@import url("widgets/notebook.css"); +@import url("widgets/progress-scale.css"); +@import url("widgets/scrollbar.css"); +@import url("widgets/search-bar.css"); +@import url("widgets/separator.css"); +@import url("widgets/sidebar.css"); +@import url("widgets/spinbutton.css"); +@import url("widgets/spinner.css"); +@import url("widgets/switch.css"); +@import url("widgets/color-chooser.css"); +@import url("widgets/toolbar.css"); +@import url("widgets/osd.css"); +@import url("widgets/csd.css"); +@import url("widgets/combobox.css"); +@import url("widgets/selection-mode.css"); +@import url("widgets/popover.css"); + + +@import url("apps/budgie.css"); +@import url("apps/corebird.css"); +@import url("apps/solus-applications.css"); +@import url("apps/gala.css"); +@import url("apps/gnome-applications.css"); +@import url("apps/unity.css"); +@import url("apps/mate-applications.css"); +/*@import url("widgets/gnome-software.css");*/ diff --git a/gtk-3.0/settings.ini b/gtk-3.0/settings.ini new file mode 100755 index 0000000..d846190 --- /dev/null +++ b/gtk-3.0/settings.ini @@ -0,0 +1,4 @@ +[Settings] +gtk-auto-mnemonics = 1 +gtk-visible-focus = automatic + diff --git a/gtk-3.0/widgets/app-notifications.css b/gtk-3.0/widgets/app-notifications.css new file mode 100755 index 0000000..9864214 --- /dev/null +++ b/gtk-3.0/widgets/app-notifications.css @@ -0,0 +1,37 @@ +/********************* + * app notifications * + *********************/ +.app-notification { + border-style: solid; + border-color: shade(@header_bg_color, 0.9); + border-width: 0 1px 1px 1px; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + padding: 8px; + background-color: alpha(@header_bg_color,0.95); + background-image: none; + color: @header_fg_color; +} + +.app-notification .button, +.app-notification .button:hover { + background-color: @cyan; + color: @selected_fg_color; +} + +.app-notification .button:active, +.app-notification .button:hover:active { + background-color: shade(@cyan,0.9); + color: @selected_fg_color; +} + +.app-notification .button.flat { + background-color: transparent; + color: @header_fg_color; +} + +.app-notification .button.flat:hover, +.app-notification .button.flat:hover:active { + background-color: transparent; + color: @red; +} diff --git a/gtk-3.0/widgets/assistant.css b/gtk-3.0/widgets/assistant.css new file mode 100755 index 0000000..c58c36e --- /dev/null +++ b/gtk-3.0/widgets/assistant.css @@ -0,0 +1,16 @@ +/************* + * assistant * + *************/ +GtkAssistant .sidebar .highlight { + font: bold; +} + +GtkAssistant .sidebar { + padding: 4px; + border-width: 0 1px 0 0; + border-style: solid; + border-right-color: shade(@theme_bg_color, 0.8); + border-radius: 0; + background-color: @theme_bg_color; + color: mix(@theme_fg_color, @theme_bg_color, 0.1); +} diff --git a/gtk-3.0/widgets/button.css b/gtk-3.0/widgets/button.css new file mode 100755 index 0000000..e110646 --- /dev/null +++ b/gtk-3.0/widgets/button.css @@ -0,0 +1,315 @@ +/********** + * button * + **********/ +button, +.button { + padding: 6px 8px; + border-radius: 3px; + /* border-width: 1px; + border-style: solid; + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2);*/ + background-color: @base_color; + background-image: none; + color: @text_color; + font: bold; + + -GtkWidget-focus-padding: 1; + -GtkWidget-focus-line-width: 0; +} + +notebook button, +list button, +view button, +.notebook .button, +.list .button, +.view .button { + border-color: alpha(black,0.2); +} + +button:hover, +.button:hover { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +button:active, +button:active:hover, +button:checked:checked, +.button:active, +.button:active:hover, +.button:checked:checked { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); + background-color: shade(@selected_bg_color, 0.9); + color: @selected_fg_color; +} + +button:insensitive, +.button:insensitive { + background-color: mix(@bg_color,@base_color, 0.5); + background-image: none; +} + +/**************** +* "flat" button * +*****************/ +.button.flat, +.action-bar .button, +.inline-toolbar .button, +.osd .button, +.osd.button { + border: none; + background-color: transparent; + background-image: none; + color: @fg_color; + font: bold; +} + +.button.flat:hover, +.action-bar .button:hover, +.inline-toolbar .button:hover, +.action-bar .button:hover { + border: none; + transition: color 150ms ease-in; + color: @selected_bg_color; +} + +.button.flat:active, +.button.flat:active:focus, +.button.flat:checked, +.button.flat:active:checked, +.button.flat:active:checked:focus, +.action-bar .button:checked, +.action-bar .button:active { + border: none; + transition: color 150ms ease-in; + color: shade(@selected_bg_color, 0.9); + background-color: transparent; +} + +.button.flat:active:hover { + border: none; + transition: color 150ms ease-in; + color: @selected_bg_color; + background-color: transparent; +} + +/**************** +* linked button * +*****************/ +/* middle button */ +.linked .entry, +.linked .button, +.linked .button:active, +.linked .button:active:hover, +.linked .button:focus, +.linked .button:focus:active, +.linked .button:insensitive, +.linked > GtkComboBox > .button:dir(ltr), +.linked > GtkComboBox > .button:dir(ltr):focus { + border-radius: 0; +} + + +/* leftmost button */ +.linked .entry:first-child, +.linked .button:first-child, +.linked .button:active:first-child, +.linked .button:active:hover:first-child, +.linked .button:focus:first-child, +.linked .button:focus:active:first-child, +.linked .button:insensitive:first-child, +.linked > GtkComboBox:first-child > .button, +.linked > GtkComboBox:first-child > .button:focus { + border-right-width: 0; + border-radius: 3px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +/* rightmost button */ +.linked .entry:last-child, +.linked .button:last-child, +.linked .button:active:last-child, +.linked .button:active:hover:last-child, +.linked .button:focus:last-child, +.linked .button:focus:active:last-child, +.linked .button:insensitive:last-child, +.linked > GtkComboBox:last-child > .button, +.linked > GtkComboBox:last-child > .button:focus { + border-left-width: 0; + border-radius: 3px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +/* linked single button */ +.linked .entry:only-child, +.linked .button:only-child, +.linked .button:active:only-child, +.linked .button:active:hover:only-child, +.linked .button:focus:only-child, +.linked .button:focus:active:only-child, +.linked .button:insensitive:only-child, +.linked.vertical > GtkComboBox:only-child > .button, +.linked.vertical > GtkComboBox:only-child > .button:focus { + border-radius: 3px; +} + +/* middle button (vertical) */ +.linked.vertical .entry, +.linked.vertical .button, +.linked.vertical .button:active, +.linked.vertical .button:active:hover, +.linked.vertical .button:focus, +.linked.vertical .button:focus:active, +.linked.vertical .button:insensitive, +.linked.vertical > GtkComboBox > .button:dir(ltr), +.linked.vertical > GtkComboBox > .button:dir(ltr):focus { + border-bottom-width: 0; + border-radius: 0; +} + +/* leftmost button (vertical) */ +.linked.vertical .entry:first-child, +.linked.vertical .button:first-child, +.linked.vertical .button:active:first-child, +.linked.vertical .button:active:hover:first-child, +.linked.vertical .button:focus:first-child, +.linked.vertical .button:focus:active:first-child, +.linked.vertical .button:insensitive:first-child, +.linked.vertical > GtkComboBox:first-child > .button, +.linked.vertical > GtkComboBox:first-child > .button:focus { + border-bottom-width: 0; + border-radius: 3px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +/* rightmost button (vertical) */ +.linked.vertical .entry:last-child, +.linked.vertical .button:last-child, +.linked.vertical .button:active:last-child, +.linked.vertical .button:active:hover:last-child, +.linked.vertical .button:focus:last-child, +.linked.vertical .button:focus:active:last-child, +.linked.vertical .button:insensitive:last-child, +.linked.vertical > GtkComboBox:last-child > .button, +.linked.vertical > GtkComboBox:last-child > .button:focus { + border-radius: 3px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +/* linked single button (vertical) */ +.linked.vertical .entry:only-child, +.linked.vertical .button:only-child, +.linked.vertical .button:active:only-child, +.linked.vertical .button:active:hover:only-child, +.linked.vertical .button:focus:only-child, +.linked.vertical .button:focus:active:only-child, +.linked.vertical .button:insensitive:only-child, +.linked.vertical > GtkComboBox:only-child > .button, +.linked.vertical > GtkComboBox:only-child > .button:focus { + border-radius: 3px; +} + +.linked.vertical .entry:first-child { + border: 1px solid alpha(black,0.2); + border-bottom-width: 0px; +} + +.linked.vertical .entry:last-child { + border: 1px solid alpha(black,0.2); +} + +/****************************** + * destructive action buttons * + ******************************/ +.destructive-action.button, +.titlebar .destructive-action.button { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); + background-color: @error_color; + color: @selected_fg_color; +} + +.destructive-action.button:hover, +.titlebar .destructive-action.button:hover{ + background-color: @error_color; + color: @selected_fg_color; +} + +.destructive-action.button:active, +.titlebar .destructive-action.button:active { + background-color: shade(@error_color,0.9); + color: @selected_fg_color; +} + +.destructive-action.button:hover:active, +.titlebar .destructive-action.button:hover:active { + background-color: shade(@error_color,0.9); + color: @selected_fg_color; +} + +.destructive-action.button:insensitive, +.titlebar .destructive-action.button:insensitive { + background-color: mix(@bg_color,@error,0.6); +} + +/****************************** + * suggested action buttons * + ******************************/ +.suggested-action.button, +.list .suggested-action.button, +.titlebar .suggested-action.button { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); + background-color: @cyan; + color: @selected_fg_color; + +} + +.suggested-action.button:hover, +.list .suggested-action.button:hover, +.titlebar .suggested-action.button:hover{ + background-color: @cyan; + color: @selected_fg_color; +} + +.suggested-action.button:active, +.list .suggested-action.button:active, +.titlebar .suggested-action.button:active { + background-color: shade(@cyan,0.9); + color: @selected_fg_color; +} + +.suggested-action.button:hover:active, +.list .suggested-action.button:hover:active, +.titlebar .suggested-action.button:hover:active { + background-color: shade(@cyan,0.9); + color: @selected_fg_color; +} + +.suggested-action.button:insensitive, +.titlebar .suggested-action.button:insensitive { + background-color: mix(@bg_color,@cyan,0.6); +} + +/******************** + * circular buttons * + ********************/ +.circular-button.button { + border: none; + border-radius: 20px; + outline-radius: 20px; + box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.2),inset 0px 1px 0px 0px rgba(255,255,255,0.2); +} diff --git a/gtk-3.0/widgets/calendar.css b/gtk-3.0/widgets/calendar.css new file mode 100755 index 0000000..723d257 --- /dev/null +++ b/gtk-3.0/widgets/calendar.css @@ -0,0 +1,35 @@ +/************ + * Calendar * + ************/ +GtkCalendar { + padding: 1px 4px 2px 4px; +} + +GtkCalendar:inconsistent { + color: mix(@fg_color, @bg_color, 0.5); +} + +GtkCalendar.view, +GtkCalendar.header, +GtkCalendar.button, +GtkCalendar.button:hover, +GtkCalendar.button:insensitive { + border-width: 0; + background-color: transparent; + background-image: none; +} + +.highlight, +GtkCalendar.highlight { + border-width: 0; + background-color: transparent; + color: @selected_bg_color; +} + +GtkCalendar:selected { + border-radius: 5px; +} + +GtkCalendar:selected:selected { + background-color: @selected_bg_color; +} diff --git a/gtk-3.0/widgets/cell-row.css b/gtk-3.0/widgets/cell-row.css new file mode 100755 index 0000000..88b03d4 --- /dev/null +++ b/gtk-3.0/widgets/cell-row.css @@ -0,0 +1,29 @@ +/**************** + * cell and row * + ****************/ +.cell { + border-width: 0; + border-radius: 0; +} + +.cell:selected, +.cell:selected:hover, +.cell:selected:focus { + background-color: shade(@selected_bg_color, 0.9); + background-image: linear-gradient(to bottom,shade(@selected_bg_color, 0.9),shade(@selected_bg_color, 0.9)); + color: @selected_fg_color; + border-color: shade(@selected_bg_color, 0.9); + border-width: 1px 0; + border-style: solid; +} + +row:selected, +row:selected:hover, +row:selected:focus { + border-style: none; + border-color: shade(@selected_bg_color, 0.9); + background-color: shade(@selected_bg_color, 0.9); + color: @selected_fg_color; + background-image: none; + font: bold; +} diff --git a/gtk-3.0/widgets/check-radio.css b/gtk-3.0/widgets/check-radio.css new file mode 100755 index 0000000..76acbb3 --- /dev/null +++ b/gtk-3.0/widgets/check-radio.css @@ -0,0 +1,17 @@ +/******************* + * check and radio * + *******************/ +.check, +.radio, +.check:insensitive, +.radio:insensitive { + border-style: none; + background-color: transparent; +} + +GtkCheckButton:hover, +GtkCheckButton:active:hover, +GtkCheckButton:selected, +GtkCheckButton:selected:focus { + background-color: transparent; +} diff --git a/gtk-3.0/widgets/color-chooser.css b/gtk-3.0/widgets/color-chooser.css new file mode 100755 index 0000000..50b6322 --- /dev/null +++ b/gtk-3.0/widgets/color-chooser.css @@ -0,0 +1,91 @@ +/***************** + * color chooser * + *****************/ +GtkColorSwatch, +GtkColorSwatch:selected { + border-width: 1px; + border-style: solid; + border-color: alpha(black, 0.1); + border-radius: 1px; + background-color: transparent; + background-clip: border-box; +} + +GtkColorSwatch:hover, +GtkColorSwatch:selected:hover { + border-color: alpha(black, 0.3); +} + +GtkColorSwatch.color-light:selected:hover, +GtkColorSwatch.color-dark:selected:hover { + background-image: none; +} + +GtkColorSwatch.left, +GtkColorSwatch:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; +} + +GtkColorSwatch.right, +GtkColorSwatch:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; +} + +GtkColorSwatch:only-child { + border-radius: 0px; +} + +GtkColorSwatch.top { + border-top-left-radius: 0px; + border-top-right-radius: 0px; +} + +GtkColorSwatch.bottom { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; +} + +GtkColorChooserWidget #add-color-button { + background-clip: padding-box; + border-color: alpha(black, 0.1); + background-color: shade(@theme_bg_color, 0.95); + color: @theme_fg_color; +} + +GtkColorChooserWidget #add-color-button:hover { + border-color: alpha(black, 0.3); + background-color: shade(@theme_bg_color, 0.90); + color: @theme_fg_color; +} + +.color-active-badge, +.color-active-badge:selected { + border-width: 1px; + border-style: solid; + border-width: 2px; + background-color: transparent; +} + +.color-active-badge.color-light, +.color-active-badge.color-light:hover { + border-color: alpha(black, 0.3); + color: alpha(black, 0.3); +} + +.color-active-badge.color-dark, +.color-active-badge.color-dark:hover { + border-color: alpha(white, 0.3); + color: alpha(white, 0.3); +} + +GtkColorEditor GtkColorSwatch { + border-radius: 0px; +} + +GtkColorEditor GtkColorSwatch.color-dark:hover, +GtkColorEditor GtkColorSwatch.color-light:hover { + background-image: none; + border-color: alpha(black, 0.3); +} diff --git a/gtk-3.0/widgets/column-header.css b/gtk-3.0/widgets/column-header.css new file mode 100755 index 0000000..27f7ea6 --- /dev/null +++ b/gtk-3.0/widgets/column-header.css @@ -0,0 +1,34 @@ +/***************** + * column-header * + *****************/ +column-header .button, +column-header .button:active { + padding: 3px 8px; + border-width: 0 1px 1px 0px; + border-radius: 0; + border-style: solid; +} + +column-header .button, +column-header .button:active, +column-header .button:focus, +column-header .button:active:focus { + border-color: mix(@base_color, black, 0.2); + border-bottom-color: mix(@base_color, black, 0.2); + background-color: shade(@theme_base_color, 0.97); + background-image: none; +} + +column-header .button:hover, +column-header .button:active:hover, +column-header .button:hover:focus, +column-header .button:active:hover:focus { + border-color: mix(@base_color, black, 0.2); + background-color: shade(@theme_base_color, 0.99); + background-image: none; + color: @theme_selected_bg_color; +} + +column-header:last-child .button { + border-width: 0 0 1px 0; +} diff --git a/gtk-3.0/widgets/combobox.css b/gtk-3.0/widgets/combobox.css new file mode 100755 index 0000000..610982d --- /dev/null +++ b/gtk-3.0/widgets/combobox.css @@ -0,0 +1,48 @@ +/****************** + * combobox entry * + ******************/ +GtkComboBox*:hover { +color: @selected_fg_color; +} + +GtkComboBox .button { + padding: 5px 6px 5px 6px; +} + +GtkComboBox.combobox-entry .button { + border-color: alpha(black,0.2); +} + +GtkComboBox.combobox-entry .button:hover { + border-color: transparent; + border-top-color: alpha(white,0.2); + border-bottom-color: alpha(black,0.2); +} + +.primary-toolbar GtkComboBox.combobox-entry .entry, +.primary-toolbar GtkComboBox.combobox-entry .entry:active, +.primary-toolbar GtkComboBox.combobox-entry .entry:focus, +.primary-toolbar GtkComboBox.combobox-entry .entry:insensitive, +GtkComboBox.combobox-entry .entry, +GtkComboBox.combobox-entry .entry:active, +GtkComboBox.combobox-entry .entry:focus, +GtkComboBox.combobox-entry .entry:insensitive { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.primary-toolbar GtkComboBox.combobox-entry .button, +.primary-toolbar GtkComboBox.combobox-entry .button:hover, +.primary-toolbar GtkComboBox.combobox-entry .button:active, +.primary-toolbar GtkComboBox.combobox-entry .button:insensitive, +GtkComboBox.combobox-entry .button, +GtkComboBox.combobox-entry .button:hover, +GtkComboBox.combobox-entry .button:active, +GtkComboBox.combobox-entry .button:insensitive { + border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-left-width: 0px; +} +.linked-entry .entry { + border-color: alpha(white,0.2); +} diff --git a/gtk-3.0/widgets/content-view.css b/gtk-3.0/widgets/content-view.css new file mode 100755 index 0000000..dd91b9b --- /dev/null +++ b/gtk-3.0/widgets/content-view.css @@ -0,0 +1,42 @@ +/**************** + * content view * + ****************/ +.content-view.view { + background-color: @theme_base_color; +} + +.content-view.view:prelight { + background-color: alpha(@theme_selected_bg_color, 0.6); +} + +.content-view.view:selected, +.content-view.view:active { + background-color: @theme_selected_bg_color; +} + +.content-view.view:insensitive { + background-color: shade(@theme_base_color, 0.9); +} + +GdMainIconView.content-view { + -GdMainIconView-icon-size: 40; +} + +GtkIconView.content-view.check { + background-color: transparent; +} + +GtkIconView.content-view.check:active { + background-color: transparent; +} + +.content-view.view.check, +.content-view.view.check:active { + background-color: transparent; +} + +GtkIconView.content-view.check:prelight, +GtkIconView.content-view.check:insensitive, +GtkIconView.content-view.check:selected { + background-color: transparent; +} diff --git a/gtk-3.0/widgets/csd.css b/gtk-3.0/widgets/csd.css new file mode 100755 index 0000000..3757df2 --- /dev/null +++ b/gtk-3.0/widgets/csd.css @@ -0,0 +1,137 @@ +/******* + * CSD * + *******/ + .titlebar{ + border-radius:5px 5px 0 0; + } +.titlebar, +.header-bar { + + background-image: none; + background-color: @header_bg_color; + color: @header_fg_color; + text-shadow: none; + padding: 4px 10px; + +} + +.titlebar .button, +.header-bar .image-button, +.header-bar .path-bar .button, +.titlebar .button:active, +.titlebar .button:checked { + padding: 5px; + background-color: transparent; + border-color: transparent; + color: @header_fg_color; + font: bold; +} + +.titlebar .button:hover, +.header-bar .image-button:hover, +.header-bar .image-button:active, +.header-bar .image-button:checked, +.header-bar .path-bar .button:hover, +.header-bar .path-bar .button:active, +.header-bar .path-bar .button:checked, +.titlebar .button:active:hover, +.titlebar .button:checked, +.titlebar .button:active { + color: @selected_bg_color; + background-color: transparent; +} +.maximized .titlebar { + border-radius: 0; + border: none; + box-shadow: none; +} + +.tiled .titlebar { + border-radius: 0; + border: none; + box-shadow: none; +} + +.titlebar.default-decoration { + border: none; +} + +.titlebar .title { + font: Bold 10; + color: @header_fg_color; +} + +.titlebar .subtitle { + font: 9; + color: @header_fg_color; +} + +.titlebar .separator { + color: transparent; +} + +.titlebar .arrow { + color: alpha(@header_fg_color, 0.7); +} + +.titlebar .arrow:insensitive { + color: mix(@fg_color, @bg_color, 0.3); +} + +.window-frame { + border:none; + border-radius: 5px 5px 0 0; + background-color: @header_bg_color; + box-shadow: 0 5px 15px 2px rgba(0, 0, 0, 0.4); + margin: 10px; +} + +.window-frame.maximized { + border-radius: 0; +} + +.window-frame.tiled { + border-radius: 0; +} + +.window-frame:backdrop { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3); +} + + .window-frame.ssd { + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.23); +} + +/****************** + * window actions * + ******************/ +.titlebar .button.titlebutton, +.titlebar .button.titlebutton:hover, +.titlebar .button.titlebutton:checked { + border: none; + background-color: transparent; + icon-shadow: none; + box-shadow: none; +} + +.header-bar .button.titlebutton, +.titlebar .button.titlebutton { + padding: 3px; + padding-left: 1px; + padding-right: 1px; +} + +.titlebar .titlebutton, +.titlebar .titlebutton:hover, +.titlebar .titlebutton:active, +.titlebar .titlebutton:active:hover, +.titlebar .titlebutton:backdrop, +.maximized .titlebar .titlebutton, +.maximized .titlebar .titlebutton:hover, +.maximized .titlebar .titlebutton:active, +.maximized .titlebar .titlebutton:active:hover, +.maximized .titlebar .titlebutton:backdrop { + color: transparent; + background-position: center; + background-repeat: no-repeat; +} diff --git a/gtk-3.0/widgets/dialogs.css b/gtk-3.0/widgets/dialogs.css new file mode 100755 index 0000000..041e1c2 --- /dev/null +++ b/gtk-3.0/widgets/dialogs.css @@ -0,0 +1,35 @@ +/*********** + * Dialogs * + ***********/ +.message-dialog { + border-radius: 5px; +} + +.message-dialog .titlebar { + background-color: @theme_bg_color; +} + +.message-dialog .window-frame { + border:none; + border-radius: 5px; + background-color: @bg_color; + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.6); + margin: 10px; +} + +.message-dialog.csd .dialog-action-area .button { + color: @theme_fg_color; + background-color: @theme_bg_color; + border:none; +} + +.message-dialog.csd .dialog-action-area .button:hover { + color: @theme_selected_bg_color; +} + +.message-dialog.csd .dialog-action-area .button:active, +.message-dialog.csd .dialog-action-area .button:checked, +.message-dialog.csd .dialog-action-area .button:active:focus, +.message-dialog.csd .dialog-action-area .button:checked:focus { + color: @theme_selected_bg_color; +} diff --git a/gtk-3.0/widgets/entry.css b/gtk-3.0/widgets/entry.css new file mode 100755 index 0000000..58693fb --- /dev/null +++ b/gtk-3.0/widgets/entry.css @@ -0,0 +1,43 @@ +/********* + * entry * + *********/ +.entry, +.primary-toolbar .entry { + transition: 200ms linear; + padding: 6px 8px; + border-style: solid; + border-radius: 3px; + border-width: 1px; + border-color: alpha(black,0.2); + background-color: @base_color; + background-image: none; + color: @text_color; +} + +.entry:active, +.entry:focus { + transition: 200ms linear; + background-color: @base_color; + border-bottom-color: @selected_bg_color; + color: @text_color; +} + +.entry:selected, +.entry:selected:focus { + background-color: shade(@bg_color, 0.9); + color: @selected_bg_color; +} + +.entry:insensitive { + background-color: alpha(@base_color, 0.5); + background-image: none; +} + +.entry.progressbar { + border-width: 0; + border-radius: 3px; + background-color: @selected_bg_color; + background-image: none; + color: @selected_fg_color; + border-color: @selected_bg_color; +} diff --git a/gtk-3.0/widgets/gnome-sofware.css b/gtk-3.0/widgets/gnome-sofware.css new file mode 100644 index 0000000..745723a --- /dev/null +++ b/gtk-3.0/widgets/gnome-sofware.css @@ -0,0 +1,21 @@ +/* Copyright 2015 Sam Hewitt. +* +* This file is part of the Paper GTK theme. +* +* The Paper GTK theme 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. +* +* The Paper GTK theme 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 the Paper GTK theme. If not, see http://www.gnu.org/licenses/. +*/ + +GtkImage.star{ + color: #EF1A1A; +} \ No newline at end of file diff --git a/gtk-3.0/widgets/infobar.css b/gtk-3.0/widgets/infobar.css new file mode 100755 index 0000000..8f2877a --- /dev/null +++ b/gtk-3.0/widgets/infobar.css @@ -0,0 +1,108 @@ +/*********** + * infobar * + ***********/ +GtkInfoBar { + border-width: 0px; + border-style: none; +} + +.info { + border: none; + background-color: shade(@info_bg_color,0.9); + background-image: none; + color: @info_fg_color; +} + +.error .button { + border: none; + color: @info_fg_color; + background-image: none; + background-color: @info_bg_color; +} + +.error .button:hover { + color: @info_fg_color; + background-image: none; + background-color: shade(@info_bg_color,1.1); +} + +.error .button:active { + color: @info_fg_color; + background-image: none; + background-color: shade(@info_bg_color,1.2); +} + +.warning { + background-color: shade(@warning_bg_color, 0.9); + background-image: none; + color: @warning_fg_color; +} + +.warning .button { + border: none; + color: @warning_fg_color; + background-image: none; + background-color: @warning_bg_color; +} + +.warning .button:hover { + color: @question_fg_color; + background-image: none; + background-color: shade(@warning_bg_color,1.1); +} + +.warning .button:active { + color: @question_fg_color; + background-image: none; + background-color: shade(@warning_bg_color,1.2); +} + +.question { + background-color: shade(@question_bg_color, 0.9); + background-image: none; + color: @question_fg_color; +} + +.question .button { + border: none; + color: @question_fg_color; + background-image: none; + background-color: @question_bg_color; +} + +.question .button:hover { + color: @question_fg_color; + background-image: none; + background-color: shade(@question_bg_color,1.1); +} + +.question .button:active { + color: @question_fg_color; + background-image: none; + background-color: shade(@question_bg_color,1.2); +} + +.error { + background-color: shade(@error_bg_color, 0.9); + background-image: none; + color: @error_fg_color; +} + +.error .button { + border: none; + color: @error_fg_color; + background-image: none; + background-color: @error_bg_color; +} + +.error .button:hover { + color: @error_fg_color; + background-image: none; + background-color: shade(@error_bg_color,1.1); +} + +.error .button:active { + color: @error_fg_color; + background-image: none; + background-color: shade(@error_bg_color,1.2); +} \ No newline at end of file diff --git a/gtk-3.0/widgets/list-boxes.css b/gtk-3.0/widgets/list-boxes.css new file mode 100755 index 0000000..aea3875 --- /dev/null +++ b/gtk-3.0/widgets/list-boxes.css @@ -0,0 +1,48 @@ +/************** + * List boxes * + **************/ +.list, +.list-row { + font-weight: normal; + background-color: @base_color; +} + +.list-row.button { + padding: 4px; + background-color: @base_color; + color: @fg_color; + font-weight: normal; + border: none; + border-radius: 0px; +} + +.list-row.button:hover { + transition: none; + background-color: mix(@base_color,@bg_color, 0.2); + color: @fg_color; +} + +.list-row.button:active, +.list-row.button:active:hover { + background-color: mix(@base_color,@bg_color, 0.4); + color: @theme_fg_color; +} + +.list-row.button:selected:hover { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +.list-row.button:checked, +.list-row.button:selected, +.list-row:selected, +.list-row.button:selected:active:hover { + background-color: shade(@selected_bg_color, 0.9); + color: @selected_fg_color; +} + +/*selected-row buttons*/ +.list-row.button:selected .button:hover, +.list-row.button:selected .button:active { + color: @selected_fg_color; +} diff --git a/gtk-3.0/widgets/menu.css b/gtk-3.0/widgets/menu.css new file mode 100755 index 0000000..342297b --- /dev/null +++ b/gtk-3.0/widgets/menu.css @@ -0,0 +1,164 @@ +/******** + * menu * + ********/ +GtkTreeMenu.menu, +GtkMenuToolButton.menu, +GtkComboBox .menu { + background-color: @menu_bg_color; + color: @menu_fg_color; +} + +.primary-toolbar .menu, +.primary-toolbar .button .menu, +.toolbar .menu, +.toolbar .primary-toolbar .menu, +.header-bar .menu, +.header-bar .primary-toolbar .menu, +.menu { + padding: 0; + border-radius: 0; + border-style: none; + background-color: @menu_bg_color; + color: @menu_fg_color; +} + +.menu.button:hover, +.menu.button:active, +.menu.button:active *:insensitive, +.menu.button:insensitive, +.menu.button { + border-width: 0; + background-color: @menu_bg_color; + background-image: none; +} + +.context-menu { + font: initial; +} + +/*********** + * menubar * + ***********/ +.menubar { + background-color: @menubar_bg_color; + color: @menubar_fg_color; +} + +/*************** + * menubaritem * + ***************/ +.menubar.menuitem, +.menubar .menuitem { + padding: 3px 6px; + color: @menubar_fg_color; + border-width: 0px; + border-bottom: 2px solid transparent; +} + +.menubar.menuitem:hover, +.menubar .menuitem:hover { + border-width: 0px; + border-bottom: 2px solid @menu_selected_bg_color; +} + +/************ + * menuitem * + ************/ +GtkTreeMenu .menuitem { + color: @menu_fg_color; + padding: 4px 6px; + border-width: 0; + background-color: @menu_bg_color; +} + +.menuitem, +.menu .menuitem { + padding: 4px 3px; + border-width: 1px; + border-style: solid; + border-color: transparent; + border-radius: 0; + background-color: transparent; + background-image: none; + color: @menu_fg_color; + + -GtkMenuItem-arrow-scaling: 0.5; +} + +.menu .menuitem:active, +.menu .menuitem:hover { + transition: 100ms linear; + border-style: none; + background-color: @menu_selected_bg_color; + border-radius: 0; + color: @menu_selected_fg_color; + background-image: none; +} + +.menu .menuitem:hover, +.menu .menuitem *:hover { + transition: 100ms linear; + background-color: @menu_selected_bg_color;; + color: @menu_selected_fg_color; +} + +.menu .menuitem:insensitive, +.menu .menuitem *:insensitive { + color: mix(@menu_fg_color, @menu_bg_color, 0.5); +} + +.menuitem.check, +.menuitem.radio, +.menuitem.check:hover, +.menuitem.radio:hover, +.menuitem.check:insensitive, +.menuitem.radio:insensitive { + border-style: none; + background-color: transparent; + background-image: none; +} + +.menuitem.check:active, +.menuitem.radio:active { + border-style: none; + background-color: transparent; +} + +.menuitem.arrow { + color: alpha(@menu_fg_color, 0.6); +} + +.menuitem GtkCalendar:inconsistent { + color: mix(@menu_fg_color, @menu_bg_color, 0.5); +} + +.menuitem GtkCalendar.button { + border-style: none; + background-color: transparent; + background-image: none; +} + +.menuitem .entry { + border-color: shade(@menu_bg_color, 0.7); + background-color: @menu_bg_color; + background-image: none; + color: @menu_fg_color; +} + +.menuitem .entry:active, +.menuitem .entry:focus { + border-color: shade(@menu_bg_color, 0.7); +} + +.menuitem .accelerator { + color: alpha(@menu_fg_color, 0.6); +} + +.menuitem .accelerator:hover { + color: alpha(@theme_base_color, 0.8); +} + +.menuitem .accelerator:insensitive { + color: alpha(mix(@menu_fg_color, @menu_bg_color, 0.5), 0.6); +} + diff --git a/gtk-3.0/widgets/notebook.css b/gtk-3.0/widgets/notebook.css new file mode 100755 index 0000000..8c6e073 --- /dev/null +++ b/gtk-3.0/widgets/notebook.css @@ -0,0 +1,96 @@ +/************ + * notebook * + ************/ +.notebook { + padding: 0; + background-color: @theme_base_color; + background-image: none; + background-clip: border-box; + -GtkNotebook-has-tab-gap: false; + border: none; +} + +.notebook.header { + background-color: @theme_bg_color; + background-image: none; + box-shadow: none; + border-width: 0; +} + +.notebook tab { + padding: 8px; + box-shadow: none; + border: 1px solid @theme_bg_color; + background-color: alpha(@theme_base_color,0.3); + background-image: none; + +} + +.notebook tab:active { + background-color: @theme_base_color; + /*border-left: 3px solid @selected_bg_color;*/ +} + +.notebook tab.top:active { + border-bottom: 0px; +} + +.notebook tab.left { + border-right: 1px solid @theme_bg_color; +} + +.notebook tab.left:active { + border-right: 0px; +} + +.notebook tab.bottom { + border-top: 1px solid @theme_bg_color; +} + +.notebook tab.bottom:active { + border-top: 0px; +} + +.notebook tab.right { + border-left: 1px solid @theme_bg_color; +} + +.notebook tab.right:active { + border-left: 0px; +} + +.notebook tab.left:first-child:active, +.notebook tab.right:first-child:active { + border-top: 0px; +} + +.notebook tab.left:last-child:active, +.notebook tab.right:last-child:active { + border-bottom: 0px; +} + +.notebook tab.top:first-child:active, +.notebook tab.bottom:first-child:active { + border-left: 0px; +} + +.notebook tab.top:last-child:active, +.notebook tab.bottom:last-child:active { + border-right: 0px; +} + +/* close button styling */ +.notebook tab .button { + transition: ease-in 150ms; + padding: 2px; + border: none; + background-image: none; + background-color: transparent; + color: @theme_text_color; +} + +.notebook tab .button:hover, +.notebook tab .button:active:hover { + color: @red; + background-color: transparent; +} diff --git a/gtk-3.0/widgets/osd.css b/gtk-3.0/widgets/osd.css new file mode 100755 index 0000000..4ba9157 --- /dev/null +++ b/gtk-3.0/widgets/osd.css @@ -0,0 +1,29 @@ +/******* + * OSD * + *******/ +.background.osd { + color: @osd_fg; + background-color: @osd_bg; +} + +.osd .view, +.osd.view { + background-color: @osd_base; +} + +.osd.button, +.osd .button { + background-color: @osd_bg; + background-image: none; + color: @osd_fg; +} + +.osd.toolbar { + -GtkToolbar-button-relief: none; + + border: 1px solid shade(@osd_bg,0.8); + border-radius: 4px; + background-color: @osd_bg; + background-image: none; + color: @osd_fg; +} diff --git a/gtk-3.0/widgets/popover.css b/gtk-3.0/widgets/popover.css new file mode 100755 index 0000000..0a471b3 --- /dev/null +++ b/gtk-3.0/widgets/popover.css @@ -0,0 +1,74 @@ +/************ + * popovers * + ************/ +.popover{ + margin: 10px; + padding: 2px; + border-radius: 2px; + border: 1px solid shade(@bg_color, 0.85); + background-clip: border-box; + background-color: @base_color; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.12); + color: @fg_color; +} + +GtkPopover.osd { + box-shadow: 0 2px 7px 3px alpha(black, 0.5); +} + +GtkPopover .button { + background-color: transparent; + color: @fg_color; + border: none; +} + +GtkPopover .button:hover, +GtkPopover .button:active:hover, +GtkPopover .button:checked:checked { + background-color: transparent; + color: @selected_bg_color; + border: none; +} + +GtkPopover > .list, +GtkPopover > .view, +GtkPopover > .toolbar { + background-color: transparent; +} + +GtkPopover.osd > .toolbar .button { + border-radius: 0; + border-width: 0; + background-image: none; + background-color: transparent; +} + +GtkPopover .separator { + border: 0; + background-color: transparent; + color: alpha(currentColor, 0.3); + font-size: 80%; + font-weight: bold; +} + +GtkModelButton.button, +GtkModelButton.button:active, +GtkModelButton.button:insensitive, +GtkModelButton.button:active:insensitive { + background-color: transparent; + background-image: none; + box-shadow: none; + color: @fg_color; +} + +GtkModelButton.button:active:hover, +GtkModelButton.button:hover, +GtkModelButton.button:selected { + background-color: transparent; + background-image: none; + color: @selected_bg_color; +} + +GtkPopover *:hover { + -gtk-image-effect: none; +} diff --git a/gtk-3.0/widgets/progress-scale.css b/gtk-3.0/widgets/progress-scale.css new file mode 100755 index 0000000..b3508bc --- /dev/null +++ b/gtk-3.0/widgets/progress-scale.css @@ -0,0 +1,252 @@ +/***************** + * Progress bars * + *****************/ +GtkProgressBar { + padding: 0; + border-width: 0px; + border-radius: 0px; + border-style: solid; + font-size: smaller; + color: @text_color; + } + +GtkProgressBar:backdrop { + color: @text_color; +} + +GtkProgressBar.osd { + -GtkProgressBar-xspacing: 0; + -GtkProgressBar-yspacing: 0; + -GtkProgressBar-min-horizontal-bar-height: 3; +} + +GtkProgressBar.trough { + border-width: 0px; + border-radius: 3px; + background-color: shade(@bg_color,0.9); + box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2),inset 0px 1px 0px 0px rgba(0,0,0,0.2); +} + +GtkProgressBar.trough:backdrop { + background-color: shade(@bg_color,0.9); +} + +GtkProgressBar.trough.osd { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +.progressbar, +.progressbar row, +.progressbar row:hover, +.progressbar row:selected, +.progressbar row:selected:focus { + border-width: 0px; + border-radius: 1.5px; + background-color: @selected_bg_color; + background-image: none; + box-shadow: none; +} + +.progressbar.left { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.progressbar.right { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.progressbar.vertical { + background-color: @selected_bg_color; + background-image: none; +} + +.progressbar.vertical.bottom { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} + +.progressbar.vertical.top { + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} + +.progressbar:backdrop, +.progressbar:backdrop:hover { + border-width: 0px; + background-image: none; + background-color: @selected_bg_color; + box-shadow: none; +} + .progressbar.osd { + background-image: none; + background-color: @selected_bg_color; + border-style: none; + border-radius: 0; +} + +.trough row, +.trough row:hover { + border: none; + border-radius: 3px; + background-image: none; + background-color: shade(@bg_color,0.9); + box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2),inset 0px 1px 0px 0px rgba(0,0,0,0.2); +} + +.trough row:selected, +.trough row:selected:hover, +.trough row:selected:focus { + border: none; + border-radius: 3px; + background-color: @base_color; + background-image: none; + color: @text_color; +} + +/************* + * Level Bar * + *************/ +.level-bar { + -GtkLevelBar-min-block-width: 34; + -GtkLevelBar-min-block-height: 3; +} + +.level-bar.vertical { + -GtkLevelBar-min-block-width: 3; + -GtkLevelBar-min-block-height: 34; +} + +.level-bar.trough, +.level-bar.trough:backdrop { + border-width: 0px; + padding: 2px; + border-radius: 3px; + background-color: shade(@bg_color,0.9); + color: black; + box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2),inset 0px 1px 0px 0px rgba(0,0,0,0.2); +} + +.level-bar.fill-block, +.level-bar.fill-block:backdrop { + border-width: 0px; + background-color: @selected_bg_color; + box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.2),inset 0px 1px 0px 0px rgba(255,255,255,0.2); + border-radius: 2px; +} + +.level-bar.fill-block.indicator-discrete.horizontal { + margin: 0 1px; +} + +.level-bar.fill-block.indicator-discrete.vertical { + margin: 1px 0; +} + +.level-bar.fill-block.level-high, +.level-bar.fill-block.level-high:backdrop { + background-color: @cyan; +} + +.level-bar.fill-block.level-low, +.level-bar.fill-block.level-low:backdrop { + background-color: @warning_bg_color; +} + +.level-bar.fill-block.empty-fill-block { + background-color: transparent; + box-shadow: none; +} + +/************ + * GtkScale * + ************/ +.scale { + padding: 0; + border-width: 0px; + border-radius: 0px; + border-style: solid; + + -GtkRange-slider-width: 12; + -GtkRange-trough-border: 1; + -GtkScale-slider-length: 12; +} + +.scale.vertical { + -GtkScale-slider-length: 12; +} + +.scale.slider, +.scale.scale-has-marks-above.scale-has-marks-below.slider, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider, +.scale.slider:hover, +.scale.scale-has-marks-above.scale-has-marks-below.slider:hover, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:hover, +.scale.slider:insensitive, +.scale.scale-has-marks-above.scale-has-marks-below.slider:insensitive, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:insensitive, +.scale.slider:backdrop, +.scale.scale-has-marks-above.scale-has-marks-below.slider:backdrop, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.slider:backdrop { + background-color: $red; + background-position: center; + background-repeat: no-repeat; + +} + +.scale.mark { + border-color: shade(@bg_color, 0.8); +} + +.scale.trough { + margin: 5px 0; +} + +.scale.trough.vertical { + margin: 0 5px; +} + +.scale.trough.highlight, +.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight, +.scale.trough.highlight.vertical, +.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical { + border-width: 0px; + background-color: @red; + background-image: linear-gradient(to bottom, + @red, + @red + ); + box-shadow:none; +} + +.scale.trough.highlight:insensitive, +.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight:insensitive, +.scale.trough.highlight.vertical:insensitive, +.scale.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical:insensitive, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough.highlight.vertical:insensitive { + background-color: shade(@bg_color, 0.8); + background-image: none; + box-shadow:none; +} + +.scale.trough, +.scale.scale-has-marks-above.scale-has-marks-below.trough, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough, +.scale.trough:insensitive, +.scale.scale-has-marks-above.scale-has-marks-below.trough:insensitive, +.scale.vertical.scale-has-marks-above.scale-has-marks-below.trough:insensitive { + border-width: 0px; + border-radius: 3px; + background-color: shade(@bg_color, 0.5); + background-image: linear-gradient(to bottom, + shade(@bg_color, 0.5), + shade(@bg_color, 0.5) + ); + box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,0.2),inset 0px 1px 0px 0px rgba(0,0,0,0.2); +} diff --git a/gtk-3.0/widgets/scrollbar.css b/gtk-3.0/widgets/scrollbar.css new file mode 100755 index 0000000..8b461bf --- /dev/null +++ b/gtk-3.0/widgets/scrollbar.css @@ -0,0 +1,89 @@ +/************* + * scrollbar * + *************/ +scrollbar, +.scrollbar { + border-width: 0px; + border-style: none; + padding: 0; + min-width: 10px; + min-height: 10px; + + background-clip: padding-box; +} + +scrollbar trough, +.scrollbars-junction, +.scrollbar.trough { + border: solid 3px transparent; + border-radius: 0; + min-width: 10px; + min-height: 10px; + background-color: transparent; + background-image: none; +} + +scrollbar button, +scrollbar button:active, +scrollbar button:hover, +.scrollbar.button, +.scrollbar.button:active, +.scrollbar.button:active:hover { + border-width: 0; + border-radius: 0; + min-width: 10px; + min-height: 10px; + background-color: transparent; + background-image: none; + color: shade(@theme_bg_color, 0.6); +} + +scrollbar slider, +.scrollbar.slider { + min-width: 10px; + min-height: 10px; + border-width: 3px; + border-color: transparent; + border-radius: 7px; + border-style: solid; + background-color: mix(@theme_bg_color, @theme_fg_color, 0.3); +} + +scrollbar slider:hover, +.scrollbar.slider:hover, +.scrollbar.slider.vertical:hover { + background-color: mix(@theme_bg_color, @theme_fg_color, 0.4); +} + +scrollbar slider:active, +.scrollbar.slider:active, +.scrollbar.slider.vertical:active { + background-color: shade(@theme_selected_bg_color, 0.95); +} + +.scrollbar.slider.fine-tune:prelight:active { + background-size: 50%; + background-repeat: no-repeat; + background-position: center; +} + +/* overlay scrollbar */ +OsThumb { + color: shade(@theme_bg_color, 0.7); +} + +OsThumb:selected, +OsScrollbar:selected { + background-color: @theme_selected_bg_color; +} + +OsThumb:active, +OsScrollbar:active { + background-color: @theme_selected_bg_color; +} + +OsThumb:insensitive, +OsScrollbar:insensitive { + background-color: shade(@theme_bg_color, 0.9); +} + diff --git a/gtk-3.0/widgets/search-bar.css b/gtk-3.0/widgets/search-bar.css new file mode 100755 index 0000000..e4eb466 --- /dev/null +++ b/gtk-3.0/widgets/search-bar.css @@ -0,0 +1,36 @@ +/*************** + * search bars * + ***************/ +.search-bar.primary-toolbar, +.search-bar.toolbar, +.search-bar { + padding: 7px; + background-color: @theme_bg_color; + color: @theme_fg_color; + border:none; +} + +.search-bar GtkSearchEntry, +.search-bar GtkSearchEntry:focus, +.search-bar.primary-toolbar GtkSearchEntry, +.search-bar.primary-toolbar GtkSearchEntry:focus { + border-radius: 5px; + border-color:transparent; +} + +.search-bar .button.close-button { + padding: 4px; +} + +.search-bar.toolbar .button { + border: none; + background: none; + color: @theme_fg_color; +} + +.search-bar.toolbar .button:hover, +.search-bar.toolbar .button:active:hover, +.search-bar.toolbar .button:checked:checked { + background: none; + color: @selected_bg_color; +} diff --git a/gtk-3.0/widgets/selection-mode.css b/gtk-3.0/widgets/selection-mode.css new file mode 100755 index 0000000..23a08fe --- /dev/null +++ b/gtk-3.0/widgets/selection-mode.css @@ -0,0 +1,99 @@ +/****************** + * selection mode * + ******************/ +.selection-mode.header-bar, +.selection-mode.toolbar { + border-style: solid; + border-color: shade(@selected_bg_color, 0.8); + background-color: shade(@selected_bg_color, 0.9); + background-image: none; + color: @base_color; +} + +.selection-mode.header-bar { + border-top-color: @selected_bg_color; +} + +.selection-mode.toolbar { + padding: 4px; +} + +/* regular button */ +.selection-mode.header-bar .button, +.selection-mode.toolbar .button, +.selection-mode.toolbar GtkToolButton .button { + background-color: @selected_bg_color; + background-image: none; + color: @selected_fg_color; +} + +.selection-mode.header-bar .button:hover, +.selection-mode.toolbar .button:hover, +.selection-mode.toolbar GtkToolButton .button:hover { + background-color: shade(@selected_bg_color, 1.1); + background-image: none; +} + +.selection-mode.header-bar .button:active, +.selection-mode.toolbar .button:active, +.selection-mode.toolbar GtkToolButton .button:active { + background-color: shade(@selected_bg_color, 1.2); + background-image: none; +} + +.selection-mode.header-bar .button:hover:active, +.selection-mode.toolbar .button:hover:active, +.selection-mode.toolbar GtkToolButton .button:hover:active { + color: @theme_selected_fg_color; +} + +/* suggested button */ +.selection-mode.header-bar .suggested-action.button, +.selection-mode.toolbar .suggested-action.button, +.selection-mode.toolbar GtkToolButton.suggested-action .button { + border: none; + background-color: shade(@selected_bg_color, 1.1); + background-image: none; + color: @theme_selected_fg_color; +} + +.selection-mode.header-bar .suggested-action.button:hover, +.selection-mode.toolbar .suggested-action.button:hover, +.selection-mode.toolbar GtkToolButton.suggested-action .button:hover { + background-color: shade(@selected_bg_color, 1.20); + background-image: none; +} + +.selection-mode.header-bar .suggested-action.button:active, +.selection-mode.toolbar .suggested-action.button:active, +.selection-mode.toolbar GtkToolButton.suggested-action:active { + background-color: shade(@theme_selected_bg_color, 1.3); + background-image: none; +} + +/* menu button */ +.selection-mode.header-bar .selection-menu.button, +.selection-mode.toolbar .selection-menu.button { + border-style: none; + background-color: transparent; + background-image: none; + color: shade(@selected_bg_color, 0.6); +} + +.selection-mode.toolbar .dim-label, +.selection-mode.toolbar .selection-menu.button .dim-label { + color: shade(@selected_bg_color, 0.7); +} + +.selection-mode.header-bar .selection-menu.button:hover, +.selection-mode.toolbar .dim-label:hover, +.selection-mode.toolbar .selection-menu.button:hover, +.selection-mode.toolbar .selection-menu.button .dim-label:hover { + color: shade(@selected_bg_color, 0.7); +} + +.selection-mode.header-bar .selection-menu.button:active, +.selection-mode.toolbar .selection-menu.button:active { + color: shade(@selected_bg_color, 0.8); + box-shadow: none; +} diff --git a/gtk-3.0/widgets/separator.css b/gtk-3.0/widgets/separator.css new file mode 100755 index 0000000..d463164 --- /dev/null +++ b/gtk-3.0/widgets/separator.css @@ -0,0 +1,71 @@ +/************* + * separator * + *************/ +.sidebar.view.separator, +.view.separator, +.separator, +.sidebar .view.separator { + color: @theme_bg_color; +} + +.pane-separator, +.titlebar .pane-separator { + background-color: transparent; +} +.maximized .titlebar .pane-separator { + box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.1); + background-image: linear-gradient(to bottom,@header_bg_color,@header_bg_color); +} + +.button .separator, +.button.separator { + color: transparent; +} + +.primary-toolbar GtkSeparatorToolItem, +.primary-toolbar .separator, +.primary-toolbar .separator:insensitive, +.toolbar GtkSeparatorToolItem, +.toolbar .separator, +.toolbar .separator:insensitive, +.header-bar GtkSeparatorToolItem, +.header-bar .separator, +.header-bar .separator:insensitive { + border-color: shade(@toolbar_bg_color, 0.87); + color: shade(@toolbar_bg_color, 0.87); +} + +.primary-toolbar .button .separator, +.primary-toolbar .button.separator, +.toolbar .button .separator, +.toolbar .button.separator, +.header-bar .button .separator, +.header-bar .button.separator { + border-color: shade(@toolbar_bg_color, 0.95); +} + +.primary-toolbar .button .separator:insensitive, +.primary-toolbar .button.separator:insensitive, +.toolbar .button .separator:insensitive, +.toolbar .button.separator:insensitive, +.header-bar .button .separator:insensitive, +.header-bar .button.separator:insensitive { + border-color: shade(@toolbar_bg_color, 0.85); +} + +.menuitem.separator { + -GtkMenuItem-horizontal-padding: 0; + -GtkWidget-separator-height: 1; + + border-style: none; + color: shade(@menu_bg_color, 0.9); +} + +GtkComboBox .separator { + border-style: none; + + /* always disable separators */ + -GtkWidget-wide-separators: true; + -GtkWidget-horizontal-separator: 0; + -GtkWidget-vertical-separator: 0; +} diff --git a/gtk-3.0/widgets/sidebar.css b/gtk-3.0/widgets/sidebar.css new file mode 100755 index 0000000..6c0bf2e --- /dev/null +++ b/gtk-3.0/widgets/sidebar.css @@ -0,0 +1,90 @@ +/*********** + * sidebar * + ***********/ +.sidebar, +.sidebar.view, +.sidebar .view, +.sidebar GtkScrolledWindow { + background-color: @base_color; + background-image: linear-gradient(to bottom,@base_color,@base_color); + color: @text_color; + transition: all .3s ease-in; +} + +.sidebar GtkScrolledWindow, +.sidebar { + border-width: 0; + transition: all .3s ease-in; +} + +.sidebar .image:selected:focus, +.sidebar .image:selected:hover { + background-color: shade(@selected_bg_color,0.9); + color: @selected_fg_color; +} + +.sidebar .list-row { + /*background-color: @base_color;*/ + color: @text_color; + border: 0px; + transition: all .1s ease-in; + + +} +.sidebar .list-row:selected{ + background-color: transparent; + /*border-left: 3px solid @selected_bg_color;*/ + color: @selected_bg_color; + font-weight: bold; + /*padding-left: 10px;*/ +} +.sidebar .list-row:hover{ + background-color: shade(@base_color,0.9); +} +.sidebar .cell:selected, +.sidebar .cell:selected:focus { + background-color: shade(@selected_bg_color,0.9); + background-image: none; + color: @selected_fg_color; +} + +.sidebar GtkScrolledWindow .list-row { + background-color: @header_bg_color; + color: @header_fg_color; +} + +.sidebar .frame { + border-width: 0; + background-color: @header_bg_color; + +} + +/*elementary os file manager*/ +.sidebar .source-list{ + background: @header_bg_color; + color: @header_fg_color; + padding: 4px 0px; +} +.sidebar .source-list.view:not(:selected):hover{ + background-color: rgba(30, 31, 41, 0.4); +} + +/* ------------- +NEW ON GTK 3.18 +---------------*/ +GtkSidebarRow.list-row { + padding: 0px; + text-align: center; +} +GtkSidebarRow .sidebar-revealer { + padding: 5px 14px 1px 12px; } + GtkSidebarRow .sidebar-revealer:selected { + color: red;} +GtkSidebarRow .sidebar-icon:dir(ltr) { + padding-right: 8px; } +GtkSidebarRow .sidebar-icon:dir(rtl) { + padding-left: 8px; } +GtkSidebarRow .sidebar-label:dir(ltr) { + padding-right: 2px; } +GtkSidebarRow .sidebar-label:dir(rtl) { + padding-left: 2px; } diff --git a/gtk-3.0/widgets/spinbutton.css b/gtk-3.0/widgets/spinbutton.css new file mode 100755 index 0000000..d5fd395 --- /dev/null +++ b/gtk-3.0/widgets/spinbutton.css @@ -0,0 +1,79 @@ +/************** + * spinbutton * + **************/ +.spinbutton.entry { + border: solid 1px mix(@bg_color,black, 0.2); +} + +.spinbutton.button { + padding: 4px; + border-style: none; + border-radius: 0; + border-bottom-right-radius: 4px; + background-color: transparent; + color: @theme_fg_color; +} + +.spinbutton.button:active { + transition: 500ms linear; + border-style: none; + border-radius: 0; + background-color: transparent; + color: shade(@theme_selected_bg_color, 0.9); +} + +.spinbutton.button:hover { + transition: all 500ms linear; + border-style: none; + border-radius: 0; + color: @theme_selected_bg_color; +} + +.spinbutton.button:insensitive { + border-color: alpha(@theme_bg_color, 0.01); + color: mix(@theme_fg_color, @theme_bg_color, 0.5); +} + +.spinbutton.button { + border-radius: 0; + border-style: solid; + border-width: 0; +} + +.spinbutton.button:first-child { + border-radius: 0; +} + +.spinbutton.button:last-child { + border-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + border-right-color: mix(@bg_color,black, 0.2); + border-style: solid; +} + +.spinbutton.vertical .button:first-child { + border-bottom-width: 0; + border-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border: solid 1px mix(@bg_color,black, 0.2); + border-bottom: none; +} + +.spinbutton.vertical .button:last-child { + border-width: 1px; + border-top-width: 0; + border-radius: 4px; + border-top-left-radius: 0; + border-top-right-radius: 0; + border: solid 1px mix(@bg_color,black, 0.2); + border-top: none; +} + +.spinbutton.vertical.entry { + border: solid 1px mix(@bg_color,black, 0.2); + border-width: 1px; + border-style: solid; + border-radius: 0; +} diff --git a/gtk-3.0/widgets/spinner.css b/gtk-3.0/widgets/spinner.css new file mode 100755 index 0000000..c069598 --- /dev/null +++ b/gtk-3.0/widgets/spinner.css @@ -0,0 +1,21 @@ +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.spinner { + background-image: none; + background-color: blue; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +.spinner:active { + opacity: 1; + animation: spin 1s linear infinite; +} + +.spinner:active:insensitive { + opacity: 0.5; +} diff --git a/gtk-3.0/widgets/switch.css b/gtk-3.0/widgets/switch.css new file mode 100755 index 0000000..d53d2c5 --- /dev/null +++ b/gtk-3.0/widgets/switch.css @@ -0,0 +1,31 @@ +/************* + * GtkSwitch * + *************/ + +GtkSwitch { + -GtkSwitch-slider-width: 30; + border: none; + font: 1; +} + +GtkSwitch.trough { + background-color: transparent; + background-repeat: no-repeat; + background-position: 0 center; + border-color: transparent; + border-image: none; + border-style: none; + color: transparent; + box-shadow: none; + text-shadow: none; +} + +GtkSwitch.trough:active { + background-color: transparent; +} + +GtkSwitch.slider { + background-repeat: no-repeat; + background-position: 0 center; + background-color: transparent; +} diff --git a/gtk-3.0/widgets/toolbar.css b/gtk-3.0/widgets/toolbar.css new file mode 100755 index 0000000..34e6a50 --- /dev/null +++ b/gtk-3.0/widgets/toolbar.css @@ -0,0 +1,78 @@ +/*********** + * toolbar * + ***********/ +.toolbar { + padding: 5px; + border-style: none; + background-color: @toolbar_bg_color; + background-image: none; +} + +/* primary-toolbar */ +.primary-toolbar.toolbar { + padding: 4px; + background-color: @header_bg_color; + color: @header_fg_color; +} + +.primary-toolbar.toolbar .button { + background-color: shade(@header_bg_color,1.2); + color: @header_fg_color; +} + +.primary-toolbar.toolbar .button:hover { + background-color: @selected_bg_color; + color: @selected_fg_color; +} + +.primary-toolbar.toolbar .button:active, +.primary-toolbar.toolbar .button:checked { + background-color: shade(@selected_bg_color,0.9); +} + +.primary-toolbar.toolbar .button.flat { + background-color: transparent; +} + +.primary-toolbar.toolbar .button.flat:hover { + color: @selected_bg_color; +} + +.primary-toolbar.toolbar .button.flat:active, +.primary-toolbar.toolbar .button.flat:checked { + color: shade(@selected_bg_color, 0.9); +} + +/* inline-toolbar */ +.inline-toolbar.toolbar { + -GtkToolbar-button-relief: normal; + + padding: 4px; + border-width: 1px; + border-style: solid; + border-color: @theme_bg_color; + border-radius: 0; + background-color: alpha(@theme_base_color,0.8); + background-image: none; +} + +.inline-toolbar.toolbar:last-child { + border-width: 1px; + border-color: @theme_bg_color; + border-radius: 0; +} + +.inline-toolbar.toolbar .separator { + border-color: transparent; +} + +.inline-toolbar.toolbar .button { + background-color: transparent; + padding: 2px; +} + +.inline-toolbar.toolbar .button:hover, +.inline-toolbar.toolbar .button:active, +.inline-toolbar.toolbar .button:checked { + color: @theme_selected_bg_color; +} diff --git a/gtk-3.20/_apps.scss b/gtk-3.20/_apps.scss new file mode 100755 index 0000000..9d8dcfd --- /dev/null +++ b/gtk-3.20/_apps.scss @@ -0,0 +1,17 @@ +/********************** + * DE-Specific Styles * + **********************/ + +@import 'apps/budgie'; +@import 'apps/gnome'; +@import 'apps/pantheon'; +@import 'apps/xfce'; +@import 'apps/unity'; +@import 'apps/mate'; + +/*********************** + * App-Specific Styles * + ***********************/ + +@import 'apps/geary'; +@import 'apps/lightdm'; diff --git a/gtk-3.20/_colors-public.scss b/gtk-3.20/_colors-public.scss new file mode 100755 index 0000000..0fff43d --- /dev/null +++ b/gtk-3.20/_colors-public.scss @@ -0,0 +1,110 @@ +//apps rely on some named colors to be exported +/* GTK NAMED COLORS + ---------------- + use responsibly! */ + +// Sass thinks we're using the colors in the variables as strings and may shoot +// warning, it's innocuous and can be defeated by using "" + $var + +/* widget text/foreground color */ +@define-color theme_fg_color #{"" +$fg_color}; + +/* text color for entries, views and content in general */ +@define-color theme_text_color #{"" +$text_color}; + +/* widget base background color */ +@define-color theme_bg_color #{"" +$bg_color}; + +/* text widgets and the like base background color */ +@define-color theme_base_color #{"" +$base_color}; + +/* base background color of selections */ +@define-color theme_selected_bg_color #{"" +$selected_bg_color}; + +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #{"" +$selected_fg_color}; + +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #{"" +$insensitive_bg_color}; + +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #{"" +$insensitive_fg_color}; + +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #{"" +$base_color}; + +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #{"" +$backdrop_fg_color}; + +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #{"" +$text_color}; + +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #{"" +$backdrop_bg_color}; + +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #{"" +$backdrop_base_color}; + +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #{"" +$selected_bg_color}; + +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #{"" + $selected_fg_color}; + +/* widgets main borders color */ +@define-color borders #{"" +$borders_color}; + +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders #{"" +$backdrop_borders_color}; + +/* these are pretty self explicative */ +@define-color warning_color #{"" +$warning_color}; +@define-color error_color #{"" +$error_color}; +@define-color success_color #{"" +$success_color}; +//@define-color destructive_color #{$destructive_color} + +@define-color fg_color #{"" +$fg_color}; +@define-color text_color #{"" +$text_color}; +@define-color bg_color #{"" +$bg_color}; +@define-color base_color #{"" +$base_color}; +@define-color selected_bg_color #{"" +$selected_bg_color}; +@define-color selected_fg_color #{"" +$selected_fg_color}; +@define-color unfocused_fg_color #{"" +$backdrop_fg_color}; +@define-color unfocused_text_color #{"" +$text_color}; +@define-color unfocused_bg_color #{"" +$backdrop_bg_color}; +@define-color unfocused_base_color #{"" +$backdrop_base_color}; +@define-color unfocused_selected_bg_color #{"" +$selected_bg_color}; +@define-color unfocused_selected_fg_color #{"" + $selected_fg_color}; + +//WM + +$_wm_highlight: if($variant=='light', $top_highlight, // Sass gets mad if this is + transparentize(black,1)); // done directly in the + // color definition + +/* 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(#{$fg_color}, 1.8); +@define-color wm_unfocused_title #{$backdrop_fg_color}; +@define-color wm_highlight #{"" + $_wm_highlight}; +@define-color wm_borders_edge #{"" + $borders_edge}; + +@define-color wm_bg_a shade(#{$bg_color}, 1.2); +@define-color wm_bg_b #{$bg_color}; + +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); + +@define-color wm_button_hover_color_a shade(#{$bg_color}, 1.3); +@define-color wm_button_hover_color_b #{$bg_color}; +@define-color wm_button_active_color_a shade(#{$bg_color}, 0.85); +@define-color wm_button_active_color_b shade(#{$bg_color}, 0.89); +@define-color wm_button_active_color_c shade(#{$bg_color}, 0.9); + +//FIXME this is really an API + +@define-color content_view_bg #{"" + $base_color}; + +@define-color budgie_tasklist_indicator_color #{"" +$selected_bg_color}; +@define-color budgie_tasklist_indicator_color_active #{"" +$selected_bg_color}; +@define-color placeholder_text_color #{"" +$backdrop_text_color}; \ No newline at end of file diff --git a/gtk-3.20/_colors.scss b/gtk-3.20/_colors.scss new file mode 100755 index 0000000..fc59c58 --- /dev/null +++ b/gtk-3.20/_colors.scss @@ -0,0 +1,100 @@ +// When color definition differs for dark and light variant +// it gets @if ed depending on $variant + +// Main definitions +$base_color: #282a36; +$text_color: #f8f8f2; +$bg_color: #1e1f29; +$fg_color: #f8f8f2; + +// Primary colors +$lime: #50fa7a; +$red: #ff5555; +$orange: #ffb86c; +$yellow: #f1fa8c; +$purple: #bd93f9; +$darkpurple: #44475a; +$cyan: #72BFD0; +$blue: #13b1d5; +$slider: #7b7bbd; + +$selected_fg_color: #f8f8f2; +$selected_bg_color: #bd93f9; +$selected_borders_color: darken($selected_bg_color, 10%); +$borders_color: if($variant == 'light', transparentize(rgb(156, 156, 156),0.8), transparentize(#191A22, 0.1)); +$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9)); +$link_color: $blue; +$link_visited_color:transparentize($link_color,0.5); +$top_highlight: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9)); +$bottom_highlight: if($variant == 'light', transparentize(black, 0.8), transparentize(black, 0.9)); +$dark_fill: mix($borders_color, $bg_color, 35%); +$headerbar_color: $bg_color; +$headerbar_fg_color: $text_color; +$menu_color: if($variant == 'light', $base_color, darken($base_color, 2%)); +$popover_bg_color: darken($base_color, 2%); +$popover_hover_color: lighten($bg_color, 12%); + +$scrollbar_bg_color: mix($base_color, $bg_color, 50%); +$scrollbar_slider_color: mix($fg_color, $bg_color, 60%); +$scrollbar_slider_hover_color: mix($fg_color, $bg_color, 80%); +$scrollbar_slider_active_color: if($variant=='light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 10%)); + +$warning_color: if($variant == 'light', $orange, darken($orange,10%)); +$error_color: if($variant == 'light', $red, darken($red,5%)); +$success_color: if($variant == 'light', $cyan, darken($cyan,10%)); +$destructive_color: if($variant == 'light', darken($red,5%), darken($red,10%)); +$suggested_color: if($variant == 'light', $selected_bg_color, darken($selected_bg_color,10%)); + +$osd_fg_color: #fefefe; +$osd_text_color: white; +$osd_bg_color: transparentize(#14171a, 0.2); +$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 50%); +$osd_borders_color: transparentize(black, 0.3); + +$sidebar_bg_color: mix($bg_color, $base_color, 50%); +$base_hover_color: transparentize($fg_color, 0.95); + +$tooltip_borders_color: transparentize(white, 0.9); +$shadow_color: transparentize(black, 0.9); + +$drop_target_color: #a1ce4b; + +$text_shadow_color: if($variant == 'dark', $shadow_color, transparentize(white, 0.9)); +$icon_shadow_color: $text_shadow_color; + +$drop_target_color: $lime; + +// Infobar colors +$info_color: $lime; +$question_color: $cyan; + +// Panel colors +$panel_bg_color: transparentize(rgb(30, 31, 41), 0.3); +$panel_fg_color: white; +$panel_borders_color: transparentize(rgb(30, 31, 41), 0.8); + +// Disabled state colors +$insensitive_fg_color: mix($fg_color, $bg_color, 50%); +$insensitive_bg_color: mix($bg_color, $base_color, 60%); +$insensitive_base_color: darken($base_color, 5%); +$insensitive_borders_color: $borders_color; + +// Backdrop state colors +$backdrop_base_color: if($variant == 'light', darken($base_color, 1%), lighten($base_color, 1%)); +$backdrop_text_color: mix($text_color, $backdrop_base_color, 80%); +$backdrop_bg_color: $bg_color; +$backdrop_headerbar_bg_color: $headerbar_color; +$backdrop_headerbar_fg_color: if($variant == 'light', transparentize($headerbar_fg_color, 0.5), transparentize($headerbar_fg_color, 0.2)); +$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%); +$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%)); +$backdrop_selected_bg_color: transparentize($selected_bg_color, 0.1); +$backdrop_selected_fg_color: if($variant == 'light', $selected_fg_color, transparentize($selected_fg_color, 0.5)); +$backdrop_borders_color: mix($borders_color, $bg_color, 90%); +$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%); +$backdrop_sidebar_bg_color: mix($backdrop_bg_color, $backdrop_base_color, 50%); + +$backdrop_scrollbar_bg_color: darken($backdrop_bg_color, 3%); +$backdrop_scrollbar_slider_color: mix($backdrop_fg_color, $backdrop_bg_color, 40%); + +$backdrop_menu_color: if($variant == 'light', $backdrop_base_color, mix($backdrop_bg_color, $backdrop_base_color, 20%)); diff --git a/gtk-3.20/_common.scss b/gtk-3.20/_common.scss new file mode 100755 index 0000000..e0e9303 --- /dev/null +++ b/gtk-3.20/_common.scss @@ -0,0 +1,45 @@ +/********* +* Common * +*********/ + +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); +$asset_suffix: if($variant=='dark', '-dark', ''); +$backdrop_transition: 200ms ease-out; +$button_transition: all 200ms $ease-out-quad; + +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + // The size for scrollbars. The slider is 2px smaller, but we keep it + // up so that the whole area is sensitive to button presses for the + // slider. The stepper button is larger in both directions, the slider + // only in the width + + -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; + + // We use the outline properties to signal the focus properties + // to the adwaita engine: using real CSS properties is faster, + // and we don't use any outlines for now. + + outline-color: transparentize($fg_color, 0.7); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; + + -gtk-secondary-caret-color: $selected_bg_color; +} diff --git a/gtk-3.20/_drawing.scss b/gtk-3.20/_drawing.scss new file mode 100755 index 0000000..eb96516 --- /dev/null +++ b/gtk-3.20/_drawing.scss @@ -0,0 +1,600 @@ +/***************** +* Drawing mixins * +*****************/ + +// generic drawing of more complex things + +@function _widget_edge($c:$borders_edge) { +// outer highlight "used" on most widgets + @if $c == none { @return none; } + @else { @return 0 1px $c; } +} + +@mixin lines($t, $c:$selected_bg_color) { + @if $t==up { + box-shadow: inset 0 -3px 0 0 darken($c,5%); + } + @if $t==down { + box-shadow: inset 0 3px 0 0 darken($c,5%); + } + @if $t==both { + box-shadow: inset 0 -3px 0 0 darken($c,5%), + inset 0 3px 0 0 darken($c,5%); + } +} + +@mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) { +// +// Helper function to stack up to 4 box-shadows; +// + @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; } + @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; } + @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; } + @else { box-shadow: $shadow1; } +} + +// entries + +@function entry_focus_border($fc:$selected_bg_color) { + @if $variant == 'light' { @return $fc; } + @else { @return if($fc==$selected_bg_color, $selected_borders_color, darken($fc, 35%)); } +} + + +@function entry_gradient($c) { + @if $variant=='light' { @return linear-gradient(to bottom, mix($borders_color, $c, 45%), + mix($borders_color, $c, 3%) 2px, + $c 90%); } + @else { @return linear-gradient(to bottom, mix($borders_color, $c, 95%), + mix($borders_color, $c, 40%) 3px, + $c 90%); } +} + +@mixin entry($t, $fc:$selected_bg_color, $edge: none) { +// +// Entries drawing function +// +// $t: entry type +// $fc: focus color +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, focus, insensitive, backdrop, backdrop-insensitive, osd, osd-focus, osd-backdrop; +// + + $_blank_edge: if($edge == none, none, 0 1px transparentize($edge, 1)); + $_entry_edge: if($edge == none, none, _widget_edge($edge)); + + @if $t==normal { + color: $text_color; + border-color: $borders_color; + background-color: $base_color; + // for the transition to work the number of shadows in different states needs to match, hence the transparent shadow here. + } + @if $t==focus { + border-color: entry_focus_border($fc); + } + @if $t==insensitive { + color: $insensitive_fg_color; + border-color: $borders_color; + background-color: $insensitive_bg_color; + box-shadow: $_entry_edge; + } + @if $t==backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + background-color: $backdrop_base_color; + box-shadow: $_blank_edge; + } + @if $t==backdrop-insensitive { + color: $backdrop_insensitive_color; + border-color: $backdrop_borders_color; + background-color: $insensitive_bg_color; + box-shadow: $_blank_edge; + } + @if $t==osd { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-focus { + color: $osd_text_color; + border-color: $selected_bg_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + } + @if $t==osd-insensitive { + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-color: $osd_insensitive_bg_color; + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + @if $t==osd-backdrop { + color: $osd_text_color; + border-color: $osd_borders_color; + background-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +// buttons + +@function _border_color ($c) { @return darken($c, 25%); } // colored buttons want + // the border form the + // base color + +@function _text_shadow_color ($tc: $fg_color, $bg: $bg_color) { +// +// calculate the color of text shadows +// +// $tc is the text color +// $bg is the background color +// + $_lbg: lightness($bg)/100%; + @if lightness($tc)<50% { @return transparentize(white, 1-$_lbg/($_lbg*1.3)); } + @else { @return transparentize(black, $_lbg*0.8); } +} + +@function _button_hilight_color($c) { +// +// calculate the right top hilight color for buttons +// +// $c: base color; +// + @if lightness($c)>95% { @return white; } + @else if lightness($c)>90% { @return transparentize(white, 0.2); } + @else if lightness($c)>80% { @return transparentize(white, 0.4); } + @else if lightness($c)>50% { @return transparentize(white, 0.6); } + @else if lightness($c)>40% { @return transparentize(white, 0.8); } + @else { @return transparentize(white, 0.95); } +} + +@mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) { +// +// helper function for the text emboss effect +// +// $tc is the optional text color, not the shadow color +// +// TODO: this functions needs a way to deal with special cases +// + + $_shadow: _text_shadow_color($tc, $bg); + + @if lightness($tc)<50% { + text-shadow: 0 1px $_shadow; + -gtk-icon-shadow: 0 1px $_shadow; + } + @else { + text-shadow: 0 -1px $_shadow; + -gtk-icon-shadow: 0 -1px $_shadow; + } +} + +@mixin button($t, $c:$base_color, $tc:$text_color, $edge: none) { +// +// Button drawing function +// +// $t: button type, +// $c: base button color for colored* types +// $tc: optional text color for colored* types +// $edge: set to none to not draw the bottom edge or specify a color to not +// use the default one +// +// possible $t values: +// normal, hover, active, insensitive, insensitive-active, +// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active, +// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated +// + + $_hilight_color: _button_hilight_color($c); + $_button_edge: if($edge == none, none, _widget_edge($edge)); + $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1))); + + @if $t==normal { + // + // normal button + // + font-weight: normal; + color: $tc; + outline-color: transparentize($tc, 0.7); + background-color: $c; + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + } + + @else if $t==hover { + // + // hovered button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + background-color: $c; + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + } + + @if $t==normal-header { + // + // normal button headerbar look + // + color: if($tc==$text_color, $headerbar_fg_color, $tc); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; +} + + @else if $t==hover-header { + // + // hovered button headerbar look + // + color: if($tc==$text_color, $headerbar_fg_color, $tc); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; +} + +@else if $t==active-header { + // + // active button headerbar look + // + color: if($tc==$text_color, $selected_bg_color, $tc); + background-color: transparent; + border-radius: 0; + text-shadow: none; + font-weight: bold; +} + +@else if $t==backdrop-header { +// +// backdrop button headerbar look +// +color: if($tc==$text_color, transparentize($tc, 0.6), $tc); +background-color: transparent; +border-radius: 0; +text-shadow: none; +box-shadow: none; +} + + + @else if $t==active { + // + // pushed button + // + color: $tc; + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $selected_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + @else if $t==insensitive { + // + // insensitive button + // + color: if($tc==$text_color, $backdrop_text_color, $tc); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $insensitive_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: transparentize($selected_fg_color, 0.3); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $selected_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + label { color: transparentize($selected_fg_color, 0.3); } +} + @else if $t==backdrop { + // + // backdrop button + // + color: if($tc==$text_color, $backdrop_text_color, transparentize($tc, 0.6)); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $backdrop_base_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + + @else if $t==backdrop-active { + // + // backdrop pushed button FIXME no colors here! + // + color: transparentize($selected_fg_color, 0.3); + outline-color: transparentize($tc, 0.7); + background-color: $selected_bg_color; + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + label { color: transparentize($selected_fg_color, 0.3); } +} + + @else if $t==backdrop-insensitive { + // + // backdrop insensitive button + // + color: if($tc==$text_color, $backdrop_text_color, $tc); + outline-color: transparentize($tc, 0.7); + background-color: if($c==$base_color, $insensitive_bg_color, $c); + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + + @else if $t==backdrop-insensitive-active { + // + // backdrop insensitive pushed button + // + color: transparentize($selected_fg_color, 0.3); + outline-color: transparentize($tc, 0.7); + background-color: $selected_bg_color; + text-shadow: none; + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); +} + + @else if $t==osd { + // + // normal osd button + // + $_bg: if($c!=$base_color, transparentize($c, 0.5), + $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-color: $_bg; + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + @else if $t==osd-hover { + // + // active osd button + // + $_bg: if($c!=$base_color, transparentize($c, 0.3), + lighten($osd_bg_color, 12%)); + + color: white; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg, $_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: transparentize($osd_fg_color, 0.7); + } + @else if $t==osd-active { + // + // active osd button + // + $_bg: if($c!=$base_color, $c, lighten($osd_bg_color, 6%)); + + color: white; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg, $_bg); + background-clip: padding-box; + box-shadow: inset 0 1px transparentize(white, 0.9); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: transparentize($osd_fg_color, 0.7); + } + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $osd_insensitive_bg_color, $osd_insensitive_bg_color); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + @else if $t==osd-backdrop { + // + // backdrop osd button + // + $_bg: if($c!=$base_color, transparentize($c, 0.5), + $osd_bg_color); + + color: $osd_fg_color; + border-color: $osd_borders_color; + background-image: linear-gradient(to bottom, $_bg, $_bg); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + } + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + + @include _shadows(inset 0 1px transparentize(white, 1), + $_blank_edge); + + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +@mixin trough($flat:false, $c:$bg_color, $tc:$fg_color, $noedge:true) { + color: mix($tc, $bg_color, 80%); + @if $flat { background-image: linear-gradient(to bottom, $c, $c); } + @else { + background-image: linear-gradient(to bottom, + mix(black,$c,15%) 5%, + mix(black,$c,10%) 20%, + mix(black,$c,10%) 90%, + $c); + } + + border-color: if($c!=$bg_color, _border_color($c), $border_color); + + @if not($noedge) { + @if lightness($c) > 60% { + box-shadow: inset 0 -1px $borders_edge, + 0 1px $borders_edge; + } + @else { + box-shadow: inset 0 -1px transparentize($borders_edge, 0.5), + 0 1px transparentize($borders_edge, 0.5); + } + } + @else { box-shadow: none; } +} + +@mixin headerbar_fill($c:$headerbar_color, $hc:$top_highlight, $ov: none) { +// +// headerbar fill +// +// $c: base color +// $hc: top highlight color +// $ov: a background layer for background shorthand (hence no commas!) +// + $gradient: linear-gradient(to top, darken($c, 13%), darken($c, 2%) 2px, $c 3px); + + @if $variant == 'dark' { $gradient: linear-gradient(to top, darken($c, 3%), darken($c, 1%) 2px, $c 3px); } + + @if $ov != none { background: $c $ov, $gradient; } + @else { background: $c $gradient; } + + box-shadow: inset 0 1px $hc; // top highlight +} + +@mixin overshoot($p, $t:normal, $c:$fg_color) { +// +// overshoot +// +// $p: position +// $t: type +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// +// possible $t values: +// normal, backdrop +// + + $_small_gradient_length: 5%; + $_big_gradient_length: 100%; + + $_position: center top; + $_small_gradient_size: 100% $_small_gradient_length; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + $_linear_gradient_direction: to top; + } + + @else if $p==right { + $_position: right center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_small_gradient_size: $_small_gradient_length 100%; + $_big_gradient_size: $_big_gradient_length 100%; + } + + $_small_gradient_color: $c; + $_big_gradient_color: $c; + + @if $c==$fg_color { + $_small_gradient_color: darken($borders_color, 10%); + $_big_gradient_color: $fg_color; + + @if $t==backdrop { $_small_gradient_color: $backdrop_borders_color; } + } + + $_small_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.5, + to($_small_gradient_color), + to(transparentize($_small_gradient_color, 1))); + + $_big_gradient: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($_big_gradient_color, 0.93)), + to(transparentize($_big_gradient_color, 1))); + + @if $t==normal { + background-image: $_small_gradient, $_big_gradient; + background-size: $_small_gradient_size, $_big_gradient_size; + } + + @else if $t==backdrop { + background-image: $_small_gradient; + background-size: $_small_gradient_size; + } + + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +@mixin undershoot($p) { +// +// undershoot +// +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + $_undershoot_color_dark: transparentize(black, 0.8); + $_undershoot_color_light: transparentize(white, 0.8); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $p; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($p == left) or ($p == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p center; + } + + background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%); + + padding-#{$p}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; + border: none; + box-shadow: none; +} diff --git a/gtk-3.20/_widgets.scss b/gtk-3.20/_widgets.scss new file mode 100755 index 0000000..9c999ee --- /dev/null +++ b/gtk-3.20/_widgets.scss @@ -0,0 +1,40 @@ +/*********** + * Widgets * + ***********/ + +@import 'widgets/action-bars'; +@import 'widgets/app-notifications'; +@import 'widgets/base-states'; +@import 'widgets/buttons'; +@import 'widgets/calendar'; +@import 'widgets/checks-radios'; +@import 'widgets/color-chooser'; +@import 'widgets/comboboxes'; +@import 'widgets/dialogs'; +@import 'widgets/entries'; +@import 'widgets/expanders'; +@import 'widgets/floating-bar'; +@import 'widgets/frames'; +@import 'widgets/granite'; +@import 'widgets/header-bars'; +@import 'widgets/infobars'; +@import 'widgets/level-bars'; +@import 'widgets/links'; +@import 'widgets/lists'; +@import 'widgets/menus'; +@import 'widgets/misc'; +@import 'widgets/notebooks'; +@import 'widgets/paned'; +@import 'widgets/pathbars'; +@import 'widgets/popovers'; +@import 'widgets/progress-bars'; +@import 'widgets/scales'; +@import 'widgets/scrollbars'; +@import 'widgets/sidebar'; +@import 'widgets/spinbuttons'; +@import 'widgets/spinner'; +@import 'widgets/switches'; +@import 'widgets/toolbars'; +@import 'widgets/tooltips'; +@import 'widgets/treeviews'; +@import 'widgets/windows'; diff --git a/gtk-3.20/apps/_budgie.scss b/gtk-3.20/apps/_budgie.scss new file mode 100755 index 0000000..156aab9 --- /dev/null +++ b/gtk-3.20/apps/_budgie.scss @@ -0,0 +1,977 @@ +/********* +* Budgie * +*********/ + +$alert_color: $red; +$button_bg: transparent; +$entry_border: transparent; +$mpris_overlay_fg: $fg_color; +$mpris_overlay_bg: transparentize(if($variant=='light',$base_color, darken($bg_color, 10%)), 0.1); +$mpris_overlay_border: $top_highlight; +$panel_bg: transparentize( darken($headerbar_color,10%),0.05); +$panel_border: transparentize(darken($headerbar_color, 7%), 0.08); +$panel_shadow: transparentize(black, 0.7); +$raven_bg: transparentize($bg_color, 0.08); +$raven_expander_border: transparentize($borders_color, 0.05); +$raven_border: transparentize($bg_color, 0.08); +$raven_expander_bg: transparentize($bg_color, 0.8); +$raven_background_bg: transparent; +$raven_background_border: transparent; + +$depth: 0 1px 1px rgba(0, 0, 0, 0.06), +0 1px 2px rgba(0, 0, 0, 0.20), +inset 0px 1px 0px 0px $top_highlight; + +@function gtkalpha($c,$a) { + @return unquote("alpha(#{$c},#{$a})"); +} + +$roundness: 2px; +$border_width: 1px; +$pos_list: ((top, bottom),(bottom,top),(left,right),(right,left)); + +// Container for both the "panel" area and the shadow. Wise to keep +// this transparent.. +.budgie-container { + background-color: transparent; + &:backdrop { background-color: transparent; } + + popover list, + popover row { + border: none; + background: none; + padding: 0; + margin: 0; + } +} + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + @extend %reset_style +} + +%reset_style { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; +} + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: transparentize(if($variant=='light',$popover_bg_color,$bg_color),if($variant=='light',0.04,0.02)); + background-clip: border-box; + box-shadow: 0 2px 3px 1px transparentize(black, 0.65); + border: 1px solid #{"@borders"}; + list, + row { + &:hover { background: none; } + } + + > frame.container { + margin: 0 -1px -1px; // remove gap + padding: 2px 0 0; + } +} + +.budgie-popover > .container { + padding: 2px; +} + +// Budgie Menu +.budgie-menu { + .container { padding: 0; } + + button:hover { -gtk-icon-effect: none; } + + entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid #{"@borders"}; + border-radius: 0; + font-size: 120%; + box-shadow: none; + + image { + &:dir(ltr) { padding-left: 8px; padding-right: 12px; } + &:dir(rtl) { padding-left: 12px; padding-right: 8px; } + } + } + + .categories { + border-width: 0; + margin-left: 3px; + + background-color: transparent; + &:dir(ltr) { border-right: 1px solid #{"@borders"}; } + &:dir(rtl) { border-left: 1px solid #{"@borders"}; } + } + + .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; + + &:hover { + background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); + color: $fg_color; + } + &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } + &:checked { + color: $selected_fg_color; + background-color: transparentize( darken($selected_bg_color,5%),0.2); + } + &:checked:disabled { + opacity: 0.5; + + label { color: transparentize($selected_fg_color, 0.3); } + } + } + + scrollbar { + background-color: transparent; + border-color: transparent; + } + + button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; + } + + undershoot, overshoot { background: none; } +} + +// Menu Button +button.budgie-menu-launcher { + padding: 0 2px; + color: $headerbar_fg_color; + box-shadow: none; + background-color: transparent; + &:hover { color: $headerbar_fg_color; } + &:active, &:checked { color: $headerbar_fg_color; } + + &:backdrop { + color: $headerbar_fg_color; + background-color: transparent; + &:hover { color: $headerbar_fg_color; } + &:active, &:checked { + color: $selected_bg_color; + box-shadow: none; + background-color: transparent; + } + } +} + +// User Menu +.user-menu { + + .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: transparentize($fg_color, 0.9); + } + + button { margin: 5px; } + + // top-row (user-name and avatar) + > box.vertical row.activatable:first-child, + > frame.container > box.vertical row.activatable:first-child { + + .indicator-item { + box-shadow: $depth; + background-color: $cyan; + transition-duration: 0.2s; + + &:dir(ltr) { // mask avatar's background + padding-left: 7px; // non-scaling unit + background-position: left center; + background-repeat: no-repeat; + background-size: 38px auto; // non-scaling unit + } + &:dir(rtl) { + padding-right: 7px; + background-position: right center; + background-repeat: no-repeat; + background-size: 38px auto; + } + + label { + color: $selected_fg_color; + + &:dir(ltr) { padding-left: 5px; } + &:dir(rtl) { padding-right: 5px; } + } + + image { + color: $selected_fg_color; + + &:first-child { // avatar image + min-width: 24px; + min-height: 20px; + } + } + } + } +} + +// Raven Trigger +button.raven-trigger { + padding-left: 2px; + padding-right: 2px; + color: $headerbar_fg_color; + box-shadow: none; + &:hover { + color: $headerbar_fg_color; + background-color: transparent; + } + &:active, &:checked { + box-shadow: none; + background-color: transparent; + color: $selected_bg_color; + } + &:backdrop { + color: $headerbar_fg_color; + &:hover { + color: $headerbar_fg_color; + } + &:active, &:checked { + box-shadow: none; + color: $selected_bg_color; + background-color: transparent; + } + } +} + +// Places Menu +.places-menu { + .container { padding: 0; } + + .message-bar { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + + .name-button { + border: 0; + border-radius: 0; + padding: 4px 6px; + } + + .unmount-button { + padding: 4px 4px; + border: 0; + border-radius: 0; + } + + .places-section-header { + padding: 0px; + border-bottom: 1px solid $raven_expander_border; + box-shadow: 0px 1px 1px #{"alpha(@theme_fg_color, 0.03)"}; + } + + .places-section-header > button { + padding: 8px; + border: none; + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px; + } + + .places-list { + background: transparentize($fg_color, 0.96); + border-bottom: 1px solid $raven_expander_border; + } + + .unlock-area { + border-top: 1px solid transparentize($raven_expander_border, 0.1); + border-bottom: 1px solid transparentize($raven_expander_border, 0.1); + } + + .unlock-area entry { + border-radius: 0; + border: 0; + } + + .unlock-area button { + border-radius: 0; + border: 0; + border-left: 1px solid transparentize($raven_expander_border, 0.1); + } + + .alternative-label { + font-size: 15px; + padding: 3px; + } + + .always-expand { + background: transparent; + border-bottom: none; + } +} + +// Night Light indicator +.night-light-indicator { + .container { padding: 0; } + + .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);"}; + } + + .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);"}; + } +} + +// Panel +.budgie-panel { + color: $headerbar_fg_color; + background-color: $panel_bg; + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; + + .alert { color: $alert_color; } + + &:backdrop { + color: $headerbar_fg_color; + background-color: $panel_bg; + } + + button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; + } + + popover list, + popover row { + padding: 0; + margin: 0; + } + + label { + color: $headerbar_fg_color; + font-weight: 700; + } + + &.transparent { + background-color: transparentize($panel_bg, 0.75); + + .top & { + border-bottom-color: transparent; + } + + .bottom & { + border-top-color: transparent; + } + + .left & { + border-right-color: transparent; + } + + .right & { + border-left-color: transparent; + } + } + + .end-region { + border-radius: 0px; + separator { background-color: transparentize($headerbar_fg_color, 0.85); } + label { + font-weight: 700; + color: $headerbar_fg_color; + } + } +} + +// Tasklist +.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: transparentize($panel_bg,1); // fixes the transition + border-radius: 0; + background-color: transparent; + box-shadow: none; + background-clip: padding-box; + + @extend %underscores; +} + +// Icon Tasklist +.budgie-panel { + + button.flat.launcher { + outline-color: transparent; + transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-color: transparentize($panel_bg,1); // fixes the transition + border-radius: 0; + padding: 0; + background-clip: padding-box; + background-color: transparent; + & { box-shadow: none; } + } + + .unpinned button.flat.launcher, + .pinned button.flat.launcher.running { @extend %underscores; } +} + +%underscores { + &:hover { box-shadow: none; } + &:active, &:checked { box-shadow: none; } + + @each $pos, $b_pos in $pos_list { + .#{$pos} & { + padding-#{$b_pos}: 2px; + border-#{$pos}: 2px solid transparent; + + @at-root { + .#{$pos} .budgie-panel .pinned button.flat.launcher:not(.running) { border-#{$pos}: 2px solid transparent; } + .#{$pos} .budgie-panel .pinned button.flat.launcher:not(.running):hover { border-#{$pos}: 2px solid transparentize(white, 0.9); } + .#{$pos} .budgie-panel .unpinned button.flat.launcher, + .#{$pos} .budgie-panel .pinned button.flat.launcher.running { border-#{$pos}: 2px solid transparentize(white, 0.9); } + } + &:hover { + border-#{$pos}: 2px solid transparentize(white, 0.75); + } + &:active, &:checked { + border-#{$pos}: 2px solid $selected_bg_color; + } + } + } +} + +@each $pos, $b_pos in $pos_list { + + // Panel borders + .#{$pos} .budgie-panel { border-#{$b_pos}: $border_width solid $panel_border; } + + // Raven borders + .#{$pos} .raven-frame { + padding: 0; + background: none; + + border { + border: none; + border-#{$b_pos}: $border_width solid $raven_border; + } + } + + // Shadows + .#{$pos} .shadow-block { + background-color: transparent; + background-image: linear-gradient(to $b_pos, + $panel_shadow, + transparent); + } +} + +// Raven +.raven { + padding: 0; + color: $fg_color; + background-color: $raven_bg; + transition: 170ms ease-out; + + .raven-header { + * { + padding-top: 0; + padding-bottom: 0; + } + + min-height: 32px; + color: $fg_color; + border: solid $raven_expander_border; + border-width: 1px 0; + background-color: $raven_expander_bg; + + &.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; + button.image-button { + &:hover { + color: darken($selected_bg_color,5%); + box-shadow: none; + } + } + } + + > button.text-button { + border-radius: 2px; + color: $selected_fg_color; + background-color: transparentize(darken($red,5%), 0.1); + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + &:hover { + border-radius: 2px; + color: $selected_fg_color; + background-color: transparentize($red, 0.1); + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + } + &:active { + color: $selected_fg_color; + background-color: transparentize(lighten($red,5%), 0.1); + @include _shadows(inset 0px 1px 0px 0px $top_highlight,inset 0px -1px 0px 0px $bottom_highlight); + } + } + + &.bottom { border-bottom-style: none; } + button { + background-color: transparent; + color: $fg_color; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; + + &:hover { + border-radius: 0; + background-color: transparent; + color: $selected_bg_color; + } + + &:active, + &:checked { + color: $selected_bg_color; + border-radius: 0; + background-color: transparent; + } + + &:disabled { + color: $insensitive_fg_color; + } + } + } + + list { + background-color: transparent; + &:selected { background-color: transparentize($selected_bg_color,0.1); } + row, + row.activatable { + background-color: transparent; + &:selected { background-color: transparentize($selected_bg_color,0.1); } + } + } + + .raven-background { + color: $fg_color; + background-color: transparent; + border-color: transparent; + + &.middle { border-bottom-style: none; } // applet background between two headers + } + + .powerstrip { + background-color: transparent; + border-top-color: transparent; + } + + .powerstrip button.image-button { + border-radius:50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: transparentize($darkpurple,0.3); + color: $selected_fg_color; + box-shadow: $depth; + border: none; + font-size: 100%; + + &:hover { + transition: 170ms ease all; + background: transparentize($darkpurple,0.15); + color: $selected_fg_color; + } + &:active { + transition: 170ms ease all; + background: $darkpurple; + color: $selected_fg_color; + } + &:first-child { + background: transparentize($cyan,0.3); + + &:hover { + background: transparentize($cyan,0.15); + } + &:active { + background: $cyan; + } + } + &:last-child { + background: transparentize($red,0.3); + + &:hover { + background: transparentize($red,0.15); + } + &:active { + background: $red; + } + } + } + .option-subtitle { + font-size: 13px; + } +} + +// Calendar +calendar.raven-calendar { + padding: 4px; + color: $fg_color; + background-color: transparentize($bg_color, 0.8); + border-color: transparent; + + &:indeterminate { color: gtkalpha(currentColor,0.3); } + + &:selected { + background: transparent; + color: $selected_bg_color; + font-weight: bold; + } + + &:backdrop { background-color: transparent; } + + &.header { + color: $fg_color; + border: none; + border-radius: 0; + background-color: transparent; + } + & button, & button:focus { + color: gtkalpha(currentColor,0.5); + background-color: transparent; + + &:hover { + color: $fg_color; + background-color: transparent; + } + } +} + +// MPRIS Applet +.raven-mpris { + color: $mpris_overlay_fg; + background-color: $mpris_overlay_bg; + border: solid $mpris_overlay_border; + border-width: 1px 0; + border-bottom-color: $bottom_highlight; + + button.image-button { + padding: 10px; + background-color: $base_color; + box-shadow: $depth; + + &:hover { background-color: $selected_bg_color; } + + &:active { background-color: darken($selected_bg_color,5%); } + + &:first-child { margin-right: 4px; } + + &:last-child { margin-left: 4px; } + + &:last-child, + &:first-child { + padding: 4px; + margin-top: 6px; + margin-bottom: 6px; + } + } +} + +// Notifications +.budgie-notification-window { + background: none; + border-radius: 1px; + button { + background-color: $cyan; + color: darken($selected_fg_color, 75%); + border: none; + margin: 0 3px; + &:hover { + background-color: darken($cyan, 5%); + border: none; + } + &:active, &:checked { background-color: darken($cyan, 5%); } + } +} + +.budgie-notification { + &.background { + border-radius: 1px; + } + .notification-title { + font-size: 110%; + color: $headerbar_fg_color; + } + .notification-body { color: transparentize($headerbar_fg_color, 0.3); } + button { + background-color: transparent; + color: $selected_fg_color; + &:hover { + background-color: transparent; + color: $red; + box-shadow: none; + } + &:active, &:checked { + background-color: transparent; + color: darken($red, 5%); + } + } +} + +.drop-shadow { + color: $headerbar_fg_color; + background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + box-shadow: 0 1px 2px 0 transparentize(black, 0.8); + border-radius: 2px; +} + +// On Screen Display in Budgie +.budgie-osd-window { + @extend .budgie-notification-window; +} + +// Internal part of the OSD +.budgie-osd { + @extend .budgie-notification; +} + +// Alt+tab switcher in Budgie +.budgie-switcher-window { + @extend .budgie-notification-window; + + // Flowbox + flowbox { color: $fg_color; } + flowboxchild { + padding: 3px; + margin: 3px; + color: $fg_color; + + &:hover { background-color: $button_bg; } + &:active { color: $fg_color; } + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + + &:active { color: $selected_fg_color; } + &:hover { background-color: mix(black, $selected_bg_color, 10%); } + &:disabled { + color: transparentize($selected_fg_color, 0.3); + background-color: transparentize($selected_bg_color, 0.2); + label { color: transparentize($selected_fg_color, 0.2); } + } + } + } +} + +// Internal part of the Switcher +.budgie-switcher { + @extend .budgie-notification; +} + +// Session Dialog +.budgie-session-dialog { + color: $headerbar_fg_color; + background-color: $panel_bg; + + label:backdrop { color: $backdrop_headerbar_fg_color; } + &.background { @extend .drop-shadow; } + .dialog-title { font-size: 120%; } + + .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: $headerbar_fg_color; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.20); + + label { font-weight: 700; } + &:first-child { border-left: none; border-bottom-left-radius: 2px; } + &:last-child { border-right: none; border-bottom-right-radius: 2px; } + &:hover { + background-color: transparentize($selected_bg_color, 0.1); + &:backdrop { + label { color: transparentize(white, 0.5); } + } + } + + @each $b_type, $b_color in (suggested-action, $cyan), + (destructive-action, $destructive_color) { + &.#{$b_type} { + background-color: transparentize($b_color, 0.1); + &:hover { background-color: transparentize(lighten($b_color,5%), 0.1); } + &:active, &:checked { background-color: transparentize(lighten($b_color,5%), 0.1); } + } + } + } + + entry { + background-color: #505359; + color: $headerbar_fg_color; + &:focus { background-color: #505359; } + &:backdrop { background-color: #505359; } + } +} + +// PolKit Dialog +.budgie-polkit-dialog { + @extend .budgie-session-dialog; + + .message { color: transparentize($headerbar_fg_color, 0.3); } + .failure { color: $alert_color; } +} + +// Run Dialog +.budgie-run-dialog { + @extend .budgie-session-dialog; + + entry.search, entry.search:focus { + font-size: 120%; + padding: 8px 5px; + border: none; + box-shadow: none; + + image { + color: $headerbar_fg_color; + &:dir(ltr) { padding-left: 8px; padding-right: 12px; } + &:dir(rtl) { padding-left: 12px; padding-right: 8px; } + } + } + + list row:selected .dim-label { opacity: 1; } + + scrolledwindow { border-top: 1px solid darken($entry_border, 5%); } +} + +// Budgie styled Gtk Menus +.budgie-menubar { + menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: $panel_bg; + menuitem:hover { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + arrow { + border:none; + min-width:16px; + min-height:16px; + + &.top { + -gtk-icon-source:-gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid mix($fg_color, $raven_bg, 10%); + } + + &.bottom { + -gtk-icon-source:-gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid mix($fg_color, $raven_bg, 10%); + } + } + + menuitem { + accelerator { + color: transparentize($fg_color, 0.65); + } + + check, radio { + min-height: 16px; + min-width: 16px; + } + } +} + +// settings-window +window.background.budgie-settings-window.csd { + + > box.horizontal > stack > scrolledwindow { + + // hide double-borders + buttonbox.inline-toolbar { border-style: none none solid; } + + } +} + +.workspace-switcher { + + .workspace-layout { + border: 0 solid $panel_bg; + + .top &, + .bottom & { + &:dir(ltr) { border-left-width: 1px; } + + &:dir(rtl) { border-right-width: 1px; } + } + + .left &, + .right & { border-top-width: 1px; } + } + + .workspace-item, + .workspace-add-button { + border: 0 solid lighten($panel_bg, 10%); + + .top &, + .bottom & { + &:dir(ltr) { border-right-width: 1px; } + + &:dir(rtl) { border-left-width: 1px; } + } + + .left &, + .right & { border-bottom-width: 1px; } + } + + .workspace-item { + + &.current-workspace { background-color: darken($panel_bg, 5%); } + } + + .workspace-add-button { + border: none; + background: transparent; + box-shadow: none; + &:hover { box-shadow: none; } + + &:active { background-image: none; } + + &:active image { margin: 1px 0 -1px; } + } + + .workspace-icon-button { + .budgie-panel & { // to overwrite the .budgie-panel button style below + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 2px; + } + } +} \ No newline at end of file diff --git a/gtk-3.20/apps/_geary.scss b/gtk-3.20/apps/_geary.scss new file mode 100755 index 0000000..2bae579 --- /dev/null +++ b/gtk-3.20/apps/_geary.scss @@ -0,0 +1,37 @@ +/********* + * Geary * + *********/ + +.geary-titlebar-left, +.geary-titlebar-right { + + .separator { + opacity: 0; + } +} + +ConversationListView { + -GtkTreeView-grid-line-width: 0; + + .view { + &:active, + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &:backdrop { + background-color: $backdrop_selected_bg_color; + color: $backdrop_selected_fg_color; + } + } + + .cell { + border: solid transparentize(black, 0.8); + border-width: 0 0 1px 0; + &:selected { + color: $selected_fg_color; + border: 0px solid darken($selected_bg_color, 10% ); + } + } + } +} diff --git a/gtk-3.20/apps/_gnome.scss b/gtk-3.20/apps/_gnome.scss new file mode 100755 index 0000000..41f1746 --- /dev/null +++ b/gtk-3.20/apps/_gnome.scss @@ -0,0 +1,198 @@ +/************ + * Nautilus * + ************/ +.nautilus-window { + .frame{ + *:selected, *:selected:backdrop{ + background: transparent; + color: $selected_bg_color; + } + *:selected:backdrop{ + label { + color: $backdrop_selected_bg_color; + } + } + } + paned { + > separator { background-image: none; } + } + .sidebar { + background-color: transparent; + background-image: none; + + &:backdrop { + background-color: transparent; + background-image: none; + } + + .list-row { + button { + border: none; + background-color: transparentize(darken($base_color,3%),0.05); + &:active { + background-color: transparentize($selected_bg_color,0.25); + } + } + + &:selected { + background-color: transparentize($selected_bg_color,0.25); + &:hover { + background-color: transparentize($selected_bg_color,0.1); + } + } + + &:hover { + background-color: transparentize($base_color,0.5); + &:active { + background-color: transparentize($selected_bg_color,0.1); + } + } + } + } + &.background { + background-color: transparentize(darken($base_color,3%),0.05); + &:backdrop { + background-color: transparentize(darken($base_color,3%),0.05); + } + } + + notebook { + > stack:only-child { // the :not(:only-child) is for "hidden" notebooks + background-color: $base_color; + &:backdrop { background-color: $backdrop_base_color; } + } + } + + searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + } + + .searchbar-container { + margin-top: -1px; + } + + .titlebar { + .search{ + border: 1px solid $borders_color; + border-radius: 3px; + } + } + + .path-bar-box { + .dim-label { + color: transparent; + } + widget > .text-button:last-child{ + @include button(active-header, transparent, $purple); + &:backdrop label{ + color: $backdrop_selected_bg_color; + } + } + button { + transition: all 100ms ease-in; + margin-left: -5px; + &:backdrop { + &:hover, + &:active, + &:checked { + @include button(active-header); + label { + color: $backdrop_selected_bg_color; + } + } + } + } + } +} + +.nautilus-circular-button { + border-radius: 20px; + -gtk-outline-radius: 20px; +} + +.disk-space-display { + border: 2px solid; + + .unknown { + background-color: #888a85; + border-color: darken(#888a85, 20%); + } + + .used { + background-color: #9FB0B9; + border-color: darken(#9FB0B9, 20%); + } + + .free { + background-color: #D8D8D8; + border-color: darken(#D8D8D8, 20%); + } +} + +.nautilus-desktop { + + color: $fg_color; + + .nautilus-canvas-item { + border-radius: 5px; + color: $selected_fg_color; + text-shadow: 1px 1px transparentize(black, 0.4); + + &:active { + color: $fg_color; + text-shadow: none; + } + + &:hover { + color: $fg_color; + text-shadow: none; + } + + &:selected { + color: $selected_fg_color; + text-shadow: none; + } + + .dim-label { + &:selected { + color: $selected_fg_color; + } + } + } + + .nautilus-list { + + .dim-label { + &:selected { + color: $selected_fg_color; + } + } + } +} + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: $bg_color; + } + + +/********* + * Gnucash * +*********/ +#gnc-id-main-window { + entry.gnc-class-register-foreground { + background: transparent; + border: none; + box-shadow: none; + } + .arrow.button.toggle { + transition: none; + box-shadow: none; + &:hover { border-color: $selected_bg_color; } + } +} \ No newline at end of file diff --git a/gtk-3.20/apps/_lightdm.scss b/gtk-3.20/apps/_lightdm.scss new file mode 100755 index 0000000..f9ff41a --- /dev/null +++ b/gtk-3.20/apps/_lightdm.scss @@ -0,0 +1,115 @@ +/*********** + * LightDm * + ***********/ + +// the panel widget at the top +#panel_window { + background-color: $panel_bg_color; + color: $panel_fg_color; + font-weight: bold; + box-shadow: inset 0 -1px darken($panel_bg_color, 7%); + + // the menubars/menus of the panel, i.e. indicators + .menubar, + .menubar > .menuitem + menubar, + menubar > menuitem { + background-color: transparent; + color: $panel_fg_color; + font-weight: bold; + } + + .menubar .menuitem:disabled, + menubar menuitem:disabled { + color: transparentize($panel_fg_color, 0.5); + + GtkLabel { color: inherit; } + label { color: inherit; } + } + .menubar .menu > .menuitem, + menubar menu > menuitem { font-weight: normal; } +} + +// the login window +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: $fg_color; +} + +// the top half of the login-window, in GtkDialog terms, the content +#content_frame { + padding-bottom: 14px; + background-color: $bg_color; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid transparentize(black, 0.9); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + @include button(normal); + + &:hover { @include button(hover); } + &:active, &:checked { @include button(active); } + &:disabled { @include button(insensitive); } +} + +// the lower half of the login-window, in GtkDialog terms the buttonbox or action area +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: if($variant=='light', $osd_bg_color, $headerbar_color); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid transparentize(black, 0.9); + border-width: 0 1px 1px 1px; +} + +#buttonbox_frame button{ + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } +} + +#login_window #user_combobox { + color: $fg_color; + font-size: 13px; + + .menu, + menu { font-weight: normal; } +} + +// the user's avatar box +#user_image { + padding: 3px; + border-radius: 2px; +} + +// the shutdown button +#shutdown_button.button { + @include button(suggested_destructive, $destructive_color); + + &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); } +} + +// the restart button +#restart_button.button { + @include button(suggested_destructive, $suggested_color); + + &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); } + &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); } +} + +// the warning, in case a wrong password is entered or something else goes wrong according to PAM +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} diff --git a/gtk-3.20/apps/_mate.scss b/gtk-3.20/apps/_mate.scss new file mode 100644 index 0000000..05c9b41 --- /dev/null +++ b/gtk-3.20/apps/_mate.scss @@ -0,0 +1,20 @@ +// +// Mate OSD Window +// + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid $borders_color; + + .progressbar { + background-color: $selected_bg_color; + border: none; + border-color: $selected_bg_color; + border-radius: 5px; + } + .trough { + background-color: darken($osd_bg_color, 5%); + border: none; + border-radius: 5px; + } + } \ No newline at end of file diff --git a/gtk-3.20/apps/_pantheon.scss b/gtk-3.20/apps/_pantheon.scss new file mode 100755 index 0000000..a773b8d --- /dev/null +++ b/gtk-3.20/apps/_pantheon.scss @@ -0,0 +1,305 @@ +/******** + * Gala * + *******/ + + .gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid $base_color; + background-color: $base_color; + + .title, + .label { + color: $fg_color; + } +} + +.gala-button { + padding: 3px; + color: $base_color; + border: none; + border-radius: 50%; + background-image: linear-gradient(to bottom, + #7e7e7e, + #3e3e3e + ); + box-shadow: inset 0 0 0 1px transparentize(white, 0.02), + inset 0 1px 0 0 transparentize(white, 0.07), + inset 0 -1px 0 0 transparentize(white, 0.01), + 0 0 0 1px transparentize(black, 0.40), + 0 3px 6px transparentize(black, 0.16), + 0 3px 6px transparentize(black, 0.23); + text-shadow: 0 1px 1px transparentize(black, 0.6); +} + +/********** + * Notify * + *********/ + +.notify { + /*-notify-shadow: 0px 2px 18px transparentize(black, 0.60);*/ + + border-radius: 5px; + border: 1px solid transparentize(black, 0.30); + + background-color: transparentize($base_color, 0.95); + + .low {} + .critical {} +} + + +/*************** + * SwitchBoard * + ***************/ + +.category-label { + font-weight: bold; + color: $fg_color; +} + + +/************* + * Slingshot * + ************/ + +.button.app { + border: none; + border-radius: 0; + box-shadow: none; + background-image: none; + + .app { + &:hover{ + border-radius: 8px; + border: none; + background-color: transparentize($selected_bg_color, 0.7); + color: white; + } + &:focus{ + /*background-color: transparentize(black, 0.20);*/ + } + } +} + +.search-item { + border-radius: 0; + border: none; + color: $fg_color; + background: none; + + &:hover, + &:focus { + border-radius: 0; + background-color: transparentize($selected_bg_color, 0.7); + color: $selected_fg_color; + } +} + + +.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: $fg_color; +} + + + +/********* + * Panel * + ********/ + +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; + color: #fff; + + &.maximized { + background-color: #000; + } + + &.translucent { + background-color: transparentize(black, 0.5); + } + + &.color-light.translucent { + background-color: transparentize($panel_fg_color, 0.15); + } +} + +menubar.panel, +.panel menubar { + box-shadow: none; + border: none; +} + +.composited-indicator { + + > revealer, + > revealer image, + > revealer label, + > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.7), 0 1px 2px transparentize(black, 0.5); + } + > revealer image:first-child + label { + margin-left: 5px; + } +} + +.panel.color-light .composited-indicator { + + > revealer, + > revealer image, + > revealer label, + > revealer spinner { + color: transparentize(black, 0.4); + text-shadow: 0 1px transparentize(white, 0.9); + -gtk-icon-shadow: 0 1px transparentize(white, 0.9); + } +} + +/************** + * Calculator * + **************/ + +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; + + .window-frame { + border-radius:3px; + } +} + +/********* + * Cards * + *********/ + +.deck { + background-color: darken($bg_color, 8%); +} + +.card { + background-color: $base_color; + border: none; + box-shadow: 0 0 0 1px transparentize(black, 0.95), + 0 3px 3px transparentize(black, 0.8); + transition: all 150ms ease-in-out; +} + +.card.collapsed { + background-color: darken($base_color, 5%); + box-shadow: 0 0 0 1px transparentize(black, 0.95), + 0 1px 2px transparentize(black, 0.8); +} + +/********* + * Noise * + *********/ + +NoiseLibraryWindow { + border-radius: 0 0 4px 4px; + + .action-bar { + border-radius: 0 0 4px 4px; + } + + .window-frame { + border-radius:3px; + } +} + +/******** + * Snap * + ********/ + +SnapMainWindow, +SnapSnapWindow { + + .take-button { + border-radius: 0; + } +} + + +/******************* + * Photos/Shotwell * + *******************/ + +DirectWindow, +LibraryWindow { + + .the-button-in-the-combobox { + background: none; + } +} + +.checkerboard-layout { + background-color: $bg_color; + background-image: linear-gradient(45deg, + transparentize(black, 0.9) 25%, + transparent 25%, + transparent 75%, + transparentize(black, 0.9) 75%, + transparentize(black, 0.9)), + linear-gradient(45deg, + transparentize(black, 0.9) 25%, + transparent 25%, + transparent 75%, + transparentize(black, 0.9) 75%, + transparentize(black, 0.9)); + background-size: 24px 24px; + background-position: 0 0, 12px 12px +} + +.checkboard-layout .item { + background-color: $fg_color; +} + +/********* +* Avatar * +*********/ + +.avatar { + border: 1px solid transparentize(#000, 0.77); + border-radius: 50%; + box-shadow: + inset 0 0 0 1px transparentize(#fff, 0.95), + inset 0 1px 0 0 transparentize(#fff, 0.55), + inset 0 -1px 0 0 transparentize(#fff, 0.85), + 0 1px 3px transparentize(#000, 0.88), + 0 1px 2px transparentize(#000, 0.77); +} + +/**level bars**/ + +.sidebar.source-list.view { + &.level-bar { + &, &:selected, &:selected:focus { + background: linear-gradient(transparentize(#fff, 0.86), transparentize(#fff, 0.86)) ; + border: 1px solid transparentize(black, 0.86); + box-shadow: 0 1px 0 transparentize(#000, 0.75); + border-radius: 2px; + } + } + &.fill-block { + border: none; + &, &:hover, &:selected, &:selected:focus { + background: linear-gradient($selected_bg_color, $selected_bg_color); + } + } +} diff --git a/gtk-3.20/apps/_unity.scss b/gtk-3.20/apps/_unity.scss new file mode 100755 index 0000000..b461008 --- /dev/null +++ b/gtk-3.20/apps/_unity.scss @@ -0,0 +1,170 @@ +/******** +* Unity * +*********/ + +$unity_color: #31363D; /* Unity window border color */ +$unity_text_color: #fefefe; /* Unity window text color */ +$backdrop_unity_text_color: darken($unity_text_color,10%); /* Backdrop Unity window text color */ +$unity_panel_color: darken($unity_color, 10%); /* 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: $selected_bg_color;/* 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: $unity_color; + color: $unity_text_color; + + .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid $unity_color; + border-bottom-width: 0; + background-color: $unity_color; + color: $unity_text_color; + border-top: 1px solid rgba(255,255,255,0.1); + + &:backdrop { + border-bottom-width: 0; + color: $backdrop_unity_text_color; + border-top: 1px solid rgba(255,255,255,0.1); + } + + .menuitem { + color: $unity_text_color; + + &:backdrop { + color: $backdrop_unity_text_color; + } + } + } +} + + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: darken($unity_color, 0.6); + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, + $unity_color, + darken($unity_color, 0.6) + ); +} + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: darken($unity_color, 0.6); +} + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; +} + + +/************** +* Unity Panel * +***************/ + +UnityPanelWidget, +.unity-panel { +background-color: $unity_panel_color; +color: $unity_text_color; +} + + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: $backdrop_unity_text_color; +} + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: $unity_text_color; +} + +.unity-panel.menubar, +.unity-panel .menubar { + color: $unity_text_color; +} + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: $unity_panel_color; + color: $unity_text_color; +} + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: $backdrop_fg_color; +} + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: $unity_text_color; + box-shadow: none; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: darken($unity_color, 1.05); + color: $unity_text_color; + 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: $borders_color; +} + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: $base_color; +} + + +@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: $selected_bg_color; +} diff --git a/gtk-3.20/apps/_xfce.scss b/gtk-3.20/apps/_xfce.scss new file mode 100644 index 0000000..a4f3a14 --- /dev/null +++ b/gtk-3.20/apps/_xfce.scss @@ -0,0 +1,47 @@ +.xfce4-panel.background { + background-color: $panel_bg_color; + color: $fg_color; + + text-shadow: none; + -gtk-icon-shadow: none; + + button.flat { @extend %panelbutton; } +} + +#tasklist-button { + color: transparentize($panel_fg_color, 0.2); + border-radius: 0; + border: none; + background-color: transparentize($panel_bg_color, 1); + + &:hover { + color: lighten($panel_fg_color, 10%); + background-color: transparentize(black, 0.83); + } + + &:checked { + color: white; + background-color: transparentize(black, 0.75); + box-shadow: inset 0 -2px $selected_bg_color; + } +} + +%panelbutton { + color: $panel_fg_color; + border-radius: 0; + border: none; + background-color: transparentize($panel_bg_color, 1); + font-weight: normal; + + &:hover { + border: none; + background-color: lighten($panel_bg_color, 10%); + } + &:active, &:checked { + color: $panel_fg_color; + border-bottom: 2px solid $selected_bg_color; + background-color: darken($panel_bg_color, 2%); + + label, image { color: inherit; } + } +} \ No newline at end of file diff --git a/gtk-3.20/assets/gtk3-assets-dark.svg b/gtk-3.20/assets/gtk3-assets-dark.svg new file mode 100755 index 0000000..481abaf --- /dev/null +++ b/gtk-3.20/assets/gtk3-assets-dark.svg @@ -0,0 +1,2615 @@ + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + Cornelis Peter + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.20/assets/gtk3-assets.svg b/gtk-3.20/assets/gtk3-assets.svg new file mode 100755 index 0000000..587f79e --- /dev/null +++ b/gtk-3.20/assets/gtk3-assets.svg @@ -0,0 +1,2593 @@ + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + Peter Cornelis + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.20/assets/gtk3-selection.svg b/gtk-3.20/assets/gtk3-selection.svg new file mode 100755 index 0000000..e06148e --- /dev/null +++ b/gtk-3.20/assets/gtk3-selection.svg @@ -0,0 +1,2965 @@ + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + Cornelis Peter + + + + + EvoPop Theme Template + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/gtk-3.20/assets/render-gtk3-assets-hidpi.py b/gtk-3.20/assets/render-gtk3-assets-hidpi.py new file mode 100755 index 0000000..cc96476 --- /dev/null +++ b/gtk-3.20/assets/render-gtk3-assets-hidpi.py @@ -0,0 +1,181 @@ +#!/usr/bin/python3 + +# Thanks to the GNOME theme nerds for the original source of this script + +import os +import sys +import xml.sax +import subprocess + +INKSCAPE = '/usr/bin/inkscape' +OPTIPNG = '/usr/bin/optipng' +MAINDIR = '../../' +SRC = os.path.join('.', '') + +inkscape_process = None + + +def optimize_png(png_file): + if os.path.exists(OPTIPNG): + process = subprocess.Popen([OPTIPNG, '-quiet', '-o7', png_file]) + process.wait() + + +def wait_for_prompt(process, command=None): + if command is not None: + process.stdin.write((command+'\n').encode('utf-8')) + + # This is kinda ugly ... + # Wait for just a '>', or '\n>' if some other char appearead first + output = process.stdout.read(1) + if output == b'>': + return + + output += process.stdout.read(1) + while output != b'\n>': + output += process.stdout.read(1) + output = output[1:] + + +def start_inkscape(): + process = subprocess.Popen( + [INKSCAPE, '--shell'], bufsize=0, + stdin=subprocess.PIPE, stdout=subprocess.PIPE + ) + wait_for_prompt(process) + return process + + +def inkscape_render_rect(icon_file, rect, output_file): + global inkscape_process + if inkscape_process is None: + inkscape_process = start_inkscape() + wait_for_prompt(inkscape_process, + '--export-dpi=180 %s -i %s -e %s' + % (icon_file, rect, output_file) + ) + optimize_png(output_file) + + +class ContentHandler(xml.sax.ContentHandler): + ROOT = 0 + SVG = 1 + LAYER = 2 + OTHER = 3 + TEXT = 4 + + def __init__(self, path, force=False, filter=None): + self.stack = [self.ROOT] + self.inside = [self.ROOT] + self.path = path + self.rects = [] + self.state = self.ROOT + self.chars = "" + self.force = force + self.filter = filter + + def endDocument(self): + pass + + def startElement(self, name, attrs): + if self.inside[-1] == self.ROOT: + if name == "svg": + self.stack.append(self.SVG) + self.inside.append(self.SVG) + return + elif self.inside[-1] == self.SVG: + if (name == "g" and ('inkscape:groupmode' in attrs) and ('inkscape:label' in attrs) + and attrs['inkscape:groupmode'] == 'layer' and attrs['inkscape:label'].startswith('Baseplate')): + self.stack.append(self.LAYER) + self.inside.append(self.LAYER) + self.context = None + self.icon_name = None + self.rects = [] + return + elif self.inside[-1] == self.LAYER: + if name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'context': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'context' + self.chars = "" + return + elif name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'icon-name': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'icon-name' + self.chars = "" + return + elif name == "rect": + self.rects.append(attrs) + + self.stack.append(self.OTHER) + + def endElement(self, name): + stacked = self.stack.pop() + if self.inside[-1] == stacked: + self.inside.pop() + + if stacked == self.TEXT and self.text is not None: + assert self.text in ['context', 'icon-name'] + if self.text == 'context': + self.context = self.chars + elif self.text == 'icon-name': + self.icon_name = self.chars + self.text = None + elif stacked == self.LAYER: + assert self.icon_name + assert self.context + + if self.filter is not None and not self.icon_name in self.filter: + return + + print (self.context, self.icon_name) + for rect in self.rects: + width = rect['width'] + height = rect['height'] + id = rect['id'] + + dir = os.path.join(MAINDIR, self.context) + outfile = os.path.join(dir, self.icon_name+'@2'+'.png') + if not os.path.exists(dir): + os.makedirs(dir) + # Do a time based check! + if self.force or not os.path.exists(outfile): + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + stat_in = os.stat(self.path) + stat_out = os.stat(outfile) + if stat_in.st_mtime > stat_out.st_mtime: + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + sys.stdout.write('-') + sys.stdout.flush() + sys.stdout.write('\n') + sys.stdout.flush() + + def characters(self, chars): + self.chars += chars.strip() + +if len(sys.argv) == 1: + if not os.path.exists(MAINDIR): + os.mkdir(MAINDIR) + print ('Rendering from SVGs in', SRC) + for file in os.listdir(SRC): + if file[-4:] == '.svg': + file = os.path.join(SRC, file) + handler = ContentHandler(file) + xml.sax.parse(open(file), handler) +else: + file = os.path.join(SRC, sys.argv[1] + '.svg') + if len(sys.argv) > 2: + icons = sys.argv[2:] + else: + icons = None + if os.path.exists(os.path.join(file)): + handler = ContentHandler(file, True, filter=icons) + xml.sax.parse(open(file), handler) + else: + print ("Error: No such file", file) + sys.exit(1) diff --git a/gtk-3.20/assets/render-gtk3-assets.py b/gtk-3.20/assets/render-gtk3-assets.py new file mode 100755 index 0000000..9f7cd90 --- /dev/null +++ b/gtk-3.20/assets/render-gtk3-assets.py @@ -0,0 +1,180 @@ +#!/usr/bin/python3 + +# Thanks to the GNOME theme nerds for the original source of this script + +import os +import sys +import xml.sax +import subprocess + +INKSCAPE = '/usr/bin/inkscape' +OPTIPNG = '/usr/bin/optipng' +MAINDIR = '../../' +SRC = os.path.join('.', '') + +inkscape_process = None + + +def optimize_png(png_file): + if os.path.exists(OPTIPNG): + process = subprocess.Popen([OPTIPNG, '-quiet', '-o7', png_file]) + process.wait() + + +def wait_for_prompt(process, command=None): + if command is not None: + process.stdin.write((command+'\n').encode('utf-8')) + + # This is kinda ugly ... + # Wait for just a '>', or '\n>' if some other char appearead first + output = process.stdout.read(1) + if output == b'>': + return + + output += process.stdout.read(1) + while output != b'\n>': + output += process.stdout.read(1) + output = output[1:] + + +def start_inkscape(): + process = subprocess.Popen( + [INKSCAPE, '--shell'], + bufsize=0, stdin=subprocess.PIPE, stdout=subprocess.PIPE + ) + wait_for_prompt(process) + return process + + +def inkscape_render_rect(icon_file, rect, output_file): + global inkscape_process + if inkscape_process is None: + inkscape_process = start_inkscape() + wait_for_prompt(inkscape_process, + '%s -i %s -e %s' % + (icon_file, rect, output_file)) + optimize_png(output_file) + + +class ContentHandler(xml.sax.ContentHandler): + ROOT = 0 + SVG = 1 + LAYER = 2 + OTHER = 3 + TEXT = 4 + + def __init__(self, path, force=False, filter=None): + self.stack = [self.ROOT] + self.inside = [self.ROOT] + self.path = path + self.rects = [] + self.state = self.ROOT + self.chars = "" + self.force = force + self.filter = filter + + def endDocument(self): + pass + + def startElement(self, name, attrs): + if self.inside[-1] == self.ROOT: + if name == "svg": + self.stack.append(self.SVG) + self.inside.append(self.SVG) + return + elif self.inside[-1] == self.SVG: + if (name == "g" and ('inkscape:groupmode' in attrs) and ('inkscape:label' in attrs) + and attrs['inkscape:groupmode'] == 'layer' and attrs['inkscape:label'].startswith('Baseplate')): + self.stack.append(self.LAYER) + self.inside.append(self.LAYER) + self.context = None + self.icon_name = None + self.rects = [] + return + elif self.inside[-1] == self.LAYER: + if name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'context': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'context' + self.chars = "" + return + elif name == "text" and ('inkscape:label' in attrs) and attrs['inkscape:label'] == 'icon-name': + self.stack.append(self.TEXT) + self.inside.append(self.TEXT) + self.text = 'icon-name' + self.chars = "" + return + elif name == "rect": + self.rects.append(attrs) + + self.stack.append(self.OTHER) + + def endElement(self, name): + stacked = self.stack.pop() + if self.inside[-1] == stacked: + self.inside.pop() + + if stacked == self.TEXT and self.text is not None: + assert self.text in ['context', 'icon-name'] + if self.text == 'context': + self.context = self.chars + elif self.text == 'icon-name': + self.icon_name = self.chars + self.text = None + elif stacked == self.LAYER: + assert self.icon_name + assert self.context + + if self.filter is not None and not self.icon_name in self.filter: + return + + print (self.context, self.icon_name) + for rect in self.rects: + width = rect['width'] + height = rect['height'] + id = rect['id'] + + dir = os.path.join(MAINDIR, self.context) + outfile = os.path.join(dir, self.icon_name+'.png') + if not os.path.exists(dir): + os.makedirs(dir) + # Do a time based check! + if self.force or not os.path.exists(outfile): + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + stat_in = os.stat(self.path) + stat_out = os.stat(outfile) + if stat_in.st_mtime > stat_out.st_mtime: + inkscape_render_rect(self.path, id, outfile) + sys.stdout.write('.') + else: + sys.stdout.write('-') + sys.stdout.flush() + sys.stdout.write('\n') + sys.stdout.flush() + + def characters(self, chars): + self.chars += chars.strip() + +if len(sys.argv) == 1: + if not os.path.exists(MAINDIR): + os.mkdir(MAINDIR) + print ('Rendering from SVGs in', SRC) + for file in os.listdir(SRC): + if file[-4:] == '.svg': + file = os.path.join(SRC, file) + handler = ContentHandler(file) + xml.sax.parse(open(file), handler) +else: + file = os.path.join(SRC, sys.argv[1] + '.svg') + if len(sys.argv) > 2: + icons = sys.argv[2:] + else: + icons = None + if os.path.exists(os.path.join(file)): + handler = ContentHandler(file, True, filter=icons) + xml.sax.parse(open(file), handler) + else: + print ("Error: No such file", file) + sys.exit(1) diff --git a/gtk-3.20/assets/wm_controls.fish b/gtk-3.20/assets/wm_controls.fish new file mode 100644 index 0000000..e53c918 --- /dev/null +++ b/gtk-3.20/assets/wm_controls.fish @@ -0,0 +1,5 @@ +set -l wm 'close' 'close_prelight' 'close_unfocused' 'min' 'min_prelight' 'maximize' 'maximize_prelight' +set -l path '../../assets/' +for item in $wm + inkscape -z $path$item.svg -e $path$item@2.png --export-dpi=192; optipng -o7 --quiet $path$item@2.png +end diff --git a/gtk-3.20/gtk-dark.css b/gtk-3.20/gtk-dark.css new file mode 100755 index 0000000..14d6956 --- /dev/null +++ b/gtk-3.20/gtk-dark.css @@ -0,0 +1,6339 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #f8f8f2; +/* text color for entries, views and content in general */ +@define-color theme_text_color #f8f8f2; +/* widget base background color */ +@define-color theme_bg_color #1e1f29; +/* text widgets and the like base background color */ +@define-color theme_base_color #282a36; +/* base background color of selections */ +@define-color theme_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #f8f8f2; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #22232e; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #8b8c8e; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #282a36; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #8b8c8e; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #f8f8f2; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1f29; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2a2c39; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #f8f8f2; +/* widgets main borders color */ +@define-color borders rgba(25, 26, 34, 0.9); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(26, 27, 35, 0.91); +/* these are pretty self explicative */ +@define-color warning_color #ff9f39; +@define-color error_color #ff3c3c; +@define-color success_color #4caec3; +@define-color fg_color #f8f8f2; +@define-color text_color #f8f8f2; +@define-color bg_color #1e1f29; +@define-color base_color #282a36; +@define-color selected_bg_color rgba(189, 147, 249, 0.5); +@define-color selected_fg_color #f8f8f2; +@define-color unfocused_fg_color #8b8c8e; +@define-color unfocused_text_color #f8f8f2; +@define-color unfocused_bg_color #1e1f29; +@define-color unfocused_base_color #2a2c39; +@define-color unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +@define-color unfocused_selected_fg_color #f8f8f2; +/* 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(#f8f8f2, 1.8); +@define-color wm_unfocused_title #8b8c8e; +@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(#1e1f29, 1.2); +@define-color wm_bg_b #1e1f29; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#1e1f29, 1.3); +@define-color wm_button_hover_color_b #1e1f29; +@define-color wm_button_active_color_a shade(#1e1f29, 0.85); +@define-color wm_button_active_color_b shade(#1e1f29, 0.89); +@define-color wm_button_active_color_c shade(#1e1f29, 0.9); +@define-color content_view_bg #282a36; +@define-color budgie_tasklist_indicator_color rgba(189, 147, 249, 0.5); +@define-color budgie_tasklist_indicator_color_active rgba(189, 147, 249, 0.5); +@define-color placeholder_text_color #cfcfcd; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #ff3c3c; + -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(248, 248, 242, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: rgba(189, 147, 249, 0.5); } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #08090c; + border: solid rgba(25, 26, 34, 0.9); + border-width: 1px 0 0 0; + color: #f8f8f2; + box-shadow: none; } + .action-bar:backdrop { + background-color: #08090c; + 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(20, 23, 26, 0.8); + 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: #f8f8f2; + background-color: #1e1f29; } + .background:backdrop { + color: #8b8c8e; + background-color: #1e1f29; + 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. +*/ +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #f8f8f2; + background-color: #1e1f29; } + .gtkstyle-fallback:hover { + color: #f8f8f2; + background-color: #343546; } + .gtkstyle-fallback:active { + color: #f8f8f2; + background-color: #08090c; } + .gtkstyle-fallback:disabled { + color: #8b8c8e; + background-color: #22232e; } + .gtkstyle-fallback:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #f8f8f2; + background-color: #282a36; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: #cfcfcd; + background-color: #2a2c39; } + .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: #232530; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +treeview.view rubberband { + border: 1px solid rgba(159, 99, 246, 0.5); + background-color: rgba(159, 99, 246, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #f8f8f2; } + label.separator:backdrop { + color: #8b8c8e; } + label selection { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + label:disabled { + color: #8b8c8e; } + label:disabled:backdrop { + color: #3e4055; } + label:backdrop { + color: #8b8c8e; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #4a4a51; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { + color: #fefefe; + border: none; + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(rgba(233, 219, 253, 0.5)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(189, 147, 249, 0.5)), to(transparent)); } } + +notebook > header > tabs > arrow, +button { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + 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: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(174, 123, 248, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-effect: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #50fa7a; + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } + +row:selected +button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #f8f8f2; + border-color: transparent; } + row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #8b8c8e; } + + +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + + button.osd.image-button { + min-width: 32px; } + + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + + button.osd:disabled:backdrop, + button.osd:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + +.app-notification button, +.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, +.osd +button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd + button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd + button:active:backdrop, + .osd + button:active, + .osd + button:checked:backdrop, + .osd + button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd + button:disabled:backdrop, + .osd + button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd + button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd + button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd + button.flat:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd + button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd + button.flat:active, + .osd + button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + + +button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton, + button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bd93f9; } + + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.suggested-action:active, + button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop label, + button.suggested-action:backdrop label, + button.suggested-action.flat:backdrop label { + color: rgba(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(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, + button.suggested-action:backdrop:active label, + button.suggested-action:backdrop:checked label, + button.suggested-action.flat:backdrop:active label, + button.suggested-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:disabled label, + button.suggested-action:backdrop:disabled label, + button.suggested-action.flat:backdrop:disabled label { + color: rgba(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(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action.flat:backdrop, + button.suggested-action.flat:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(189, 147, 249, 0.8); } + + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.suggested-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.suggested-action:disabled:active label, + button.suggested-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd + button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(189, 147, 249, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.7), rgba(189, 147, 249, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.suggested-action:active:backdrop, .osd + button.suggested-action:active, .osd + button.suggested-action:checked:backdrop, .osd + button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #bd93f9, #bd93f9); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.suggested-action:disabled:backdrop, .osd + button.suggested-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + + +button.destructive-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #ff2222; } + + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:active, + button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:backdrop label, + button.destructive-action.flat:backdrop label { + color: rgba(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(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:backdrop:active label, + button.destructive-action:backdrop:checked label, + button.destructive-action.flat:backdrop:active label, + button.destructive-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:backdrop:disabled label, + button.destructive-action.flat:backdrop:disabled label { + color: rgba(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(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(255, 34, 34, 0.8); } + + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:disabled:active label, + button.destructive-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd + button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 34, 34, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.7), rgba(255, 34, 34, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.destructive-action:active:backdrop, .osd + button.destructive-action:active, .osd + button.destructive-action:checked:backdrop, .osd + button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #ff2222, #ff2222); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.destructive-action:disabled:backdrop, .osd + button.destructive-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.5), rgba(255, 34, 34, 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 { + -gtk-icon-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(rgba(233, 219, 253, 0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.888627)), 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: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #0f0f14; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +toolbar button:active { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #040406; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: rgba(189, 147, 249, 0.5); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(174, 123, 248, 0); } + .inline-toolbar toolbutton > button:backdrop { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(174, 123, 248, 0); } + +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 rgba(25, 26, 34, 0.9); + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, +.linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #383a4c; } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, .view button, iconview button, popover button { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } + +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); } + 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(248, 248, 242, 0.45); } + calendar.button:hover { + color: #f8f8f2; } + calendar.button:backdrop { + color: rgba(139, 140, 142, 0.45); } + calendar.button:disabled { + color: rgba(139, 140, 142, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #f8f8f2; } + calendar:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.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.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.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.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@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.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@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.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.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.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.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.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.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.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.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.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.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.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.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.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.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.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: #f8f8f2; } + colorswatch.dark overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.dark overlay:backdrop { + color: rgba(248, 248, 242, 0.5); } + +colorswatch.light overlay { + color: #f8f8f2; } + colorswatch.light overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.light overlay:backdrop { + color: #cfcfcd; } + +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } + colorswatch:drop(active).dark overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } + +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid rgba(25, 26, 34, 0.9); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(25, 26, 34, 0.9); + 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: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +row:selected colorswatch { + box-shadow: 0 0 0 2px #f8f8f2; } + +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(30, 31, 41, 0.95); } + +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(30, 31, 41, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +messagedialog.csd.background { + background-color: rgba(30, 31, 41, 0.95); + color: #f8f8f2; + 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: #f8f8f2; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(189, 147, 249, 0.4); } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser .dialog-action-box { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + filechooser .dialog-action-box:backdrop { + border-top-color: rgba(26, 27, 35, 0.91); } + +filechooser #pathbarbox { + border-bottom: 1px solid #1e1f29; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), +entry { + min-height: 32px; + 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: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; } + 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: rgba(159, 99, 246, 0.5); } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #8b8c8e; + border-color: rgba(25, 26, 34, 0.9); + background-color: #22232e; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #3e4055; + border-color: rgba(26, 27, 35, 0.91); + background-color: #22232e; + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff3c3c; + border-color: #880000; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #880000; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3c3c; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff9f39; + border-color: #864500; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #864500; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #ff9f39; } + spinbutton:not(.vertical) image, + entry image { + color: #cecfcc; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #f8f8f2; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: rgba(189, 147, 249, 0.5); } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #78797d; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } + .osd spinbutton:not(.vertical), .osd + entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus:not(.vertical), .osd + entry:focus { + color: white; + border-color: rgba(189, 147, 249, 0.5); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd + entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd + entry:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(43, 46, 49, 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: rgba(189, 147, 249, 0.5); + 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: rgba(159, 99, 246, 0.5); } + +.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > +entry:focus { + border-color: rgba(159, 99, 246, 0.5); } + +.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: #50fa7a; } + +.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: rgba(36, 38, 49, 0.97); + background-image: linear-gradient(to bottom, #282a36, #282a36); } + .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: rgba(38, 40, 51, 0.973); + background-image: linear-gradient(to bottom, #2a2c39, #2a2c39); } + +.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: rgba(36, 38, 49, 0.97); } + +.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: rgba(159, 99, 246, 0.5); } + +.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: #50fa7a; } + +.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: rgba(159, 99, 246, 0.5); } + +.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: #50fa7a; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #282a36; + transition-property: color, background; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #282a36; } + treeview entry.flat:focus, treeview entry:focus { + border-color: rgba(189, 147, 249, 0.5); } + +/************* + * 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: #1e1f29; + border-width: 1px; + border-style: solid solid none; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #1e1f29; + border-color: rgba(26, 27, 35, 0.91); } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(25, 26, 34, 0.9); } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + actionbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 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(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 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(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 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(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 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(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 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(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 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(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 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(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 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, rgba(25, 26, 34, 0.9) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #232530; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, rgba(26, 27, 35, 0.91) 1px, transparent 1px); + background-color: #181820; + 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 #282a36; + background: #282a36; + color: #f8f8f2; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: rgba(189, 147, 249, 0.5); } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #282a36; + background-image: none; + border: 1px solid #282a36; + color: #f8f8f2; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #282a36; } + GraniteWidgetsWelcome GtkLabel { + color: #f8f8f2; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(248, 248, 242, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #1e1f29; + border: solid rgba(25, 26, 34, 0.9); + color: #f8f8f2; + 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: #1e1f29; + 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: #13141a; } + .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(248, 248, 242, 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: #f1fa8c; + 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: #282a36; } + .storage-bar .fill-block.app { + background-color: #13b1d5; } + .storage-bar .fill-block.audio { + background-color: #ffb86c; } + .storage-bar .fill-block.photo { + background-color: #ff5555; } + .storage-bar .fill-block.video { + background-color: #bd93f9; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #1e1f29; + color: #f8f8f2; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 0; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:first-child, + .titlebar:not(headerbar) headerbar .linked > button:first-child, + headerbar .titlebar:not(headerbar) .linked > button:first-child, + headerbar .linked > button:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + .titlebar:not(headerbar) .linked > button:last-child, + .titlebar:not(headerbar) headerbar .linked > button:last-child, + headerbar .titlebar:not(headerbar) .linked > button:last-child, + headerbar .linked > button:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-right-style: solid; } + .titlebar:not(headerbar) .linked > button:only-child, + .titlebar:not(headerbar) headerbar .linked > button:only-child, + headerbar .titlebar:not(headerbar) .linked > button:only-child, + headerbar .linked > button:only-child { + border-radius: 0px; + border-style: solid; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 24px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + min-height: 34px; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + font-weight: bold; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) 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: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) 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: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(189, 147, 249, 0.4); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #f8f8f2; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: rgba(159, 99, 246, 0.5); + background: rgba(189, 147, 249, 0.5) linear-gradient(to top, rgba(180, 133, 248, 0.5), rgba(186, 142, 249, 0.5) 2px, rgba(189, 147, 249, 0.5) 3px); + box-shadow: inset 0 1px rgba(209, 179, 251, 0.3); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: rgba(189, 147, 249, 0.5); + background-image: none; + box-shadow: inset 0 1px rgba(215, 189, 251, 0.26); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: none; + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(189, 147, 249, 0); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0), rgba(189, 147, 249, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu:backdrop GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(248, 248, 242, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), + .maximized .titlebar:not(headerbar), .tiled + headerbar.titlebar, + .maximized + headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), .tiled + headerbar:backdrop, .tiled + headerbar, + .maximized + headerbar:backdrop, + .maximized + headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, + headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator { + margin-top: 5px; + margin-bottom: 5px; } + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; } + +headerbar separator { + background: transparent; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, +window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, +window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } + +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window.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: transparent; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #f8f8f2; + background-color: #1e1f29; + border-bottom: 1px solid #08090c; + 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: #f8f8f2; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #f8f8f2; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(248, 248, 242, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(40, 42, 54, 0.98); + color: #f8f8f2; + 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: #f8f8f2; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #282a36; + color: #f8f8f2; + 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(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 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(40, 42, 54, 0.6); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(40, 42, 54, 0.5); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + +.info { + background-color: #50fa7a; } + .info:backdrop { + background-color: #82fba0; + color: rgba(248, 248, 242, 0.5); } + +.warning { + background-color: #ff9f39; } + .warning:backdrop { + background-color: #ffb86c; + color: rgba(248, 248, 242, 0.5); } + +.question { + background-color: #72BFD0; } + .question:backdrop { + background-color: #98d0dd; + color: rgba(248, 248, 242, 0.5); } + +.error { + background-color: #ff3c3c; } + .error:backdrop { + background-color: #ff6f6f; + color: rgba(248, 248, 242, 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(0, 0, 0, 0.14); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + levelbar trough:backdrop { + background-color: rgba(0, 0, 0, 0.06); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block { + border-radius: 2px; } + levelbar block:backdrop { + box-shadow: none; } + levelbar block.low { + background-color: #ff9f39; } + levelbar block.low:backdrop { + border-color: #ff9f39; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #72BFD0; } + levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + border-color: #72BFD0; } + levelbar block.full { + background-color: #4caec3; } + levelbar block.full:backdrop { + border-color: #4caec3; } + levelbar block.empty { + background-color: rgba(0, 0, 0, 0.14); + box-shadow: none; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #13b1d5; } + *:link:visited, + button:visited { + color: rgba(19, 177, 213, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: rgba(237, 230, 243, 0.8); } + *:link:hover, button:hover:link, + button:hover:visited { + color: #2fc9ec; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: rgba(246, 244, 242, 0.95); } + *:link:active, button:active:link, + button:active:visited { + color: #13b1d5; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: rgba(243, 240, 243, 0.9); } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: rgba(189, 147, 249, 0.5); } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, + *:selected *:link, + *:selected button:link, + *:selected button:visited { + color: rgba(243, 240, 243, 0.9); } + +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: #f8f8f2; + background-color: #282a36; + border-color: rgba(25, 26, 34, 0.9); } + list:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + +row { + padding: 8px 14px; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row label { + padding-left: 8px; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(248, 248, 242, 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(189, 147, 249, 0.3); } + row.activatable:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #1e1f29; + color: #f8f8f2; + -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 rgba(189, 147, 249, 0.5); } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: #8b8c8e; + box-shadow: none; } + +menu, +.menu, +.context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #242530; + border: 1px solid rgba(25, 26, 34, 0.9); } + .csd menu, .csd + .menu, .csd + .context-menu { + border: none; } + menu:backdrop, + .menu:backdrop, + .context-menu:backdrop { + background-color: #282a36; } + menu menuitem, + .menu menuitem, + .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, + .menu menuitem:hover, + .context-menu menuitem:hover { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + menu menuitem:disabled, + .menu menuitem:disabled, + .context-menu menuitem:disabled { + color: #8b8c8e; } + menu menuitem:disabled:backdrop, + .menu menuitem:disabled:backdrop, + .context-menu menuitem:disabled:backdrop { + color: #3e4055; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, + .menu menuitem:backdrop, + .menu menuitem:backdrop:hover, + .context-menu menuitem:backdrop, + .context-menu menuitem:backdrop:hover { + color: #8b8c8e; + 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: #242530; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top, + .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #3d3f49; + -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 #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover, + .context-menu > arrow:hover { + background-color: #3d3f49; } + menu > arrow:backdrop, + .menu > arrow:backdrop, + .context-menu > arrow:backdrop { + background-color: #282a36; } + 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; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f0f14; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #0f0f14; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } + +.scale-popup button:hover { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + 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: #4a4a51; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-width: 0px; + background-color: #1e1f29; } + notebook > header:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: #1e1f29; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + background-color: #282a36; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #282a36; } + 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: #282a36; } + 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: #282a36; } + 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: #282a36; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #8b8c8e; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #c2c2c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(25, 26, 34, 0.2); + background-color: rgba(30, 31, 41, 0.2); } + notebook > header tab:backdrop { + color: #5f6066; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #f8f8f2; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(25, 26, 34, 0.4); + background-color: rgba(30, 31, 41, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(30, 31, 41, 0.7); } + notebook > header tab:backdrop:checked { + color: #8b8c8e; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; } + 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: #ff5555; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0.5px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0.5px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } + +notebook > stack:not(:only-child) { + background-color: #282a36; } + notebook > stack:not(:only-child):backdrop { + background-color: #2a2c39; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(rgba(189, 147, 249, 0.5)); } + paned > separator:backdrop { + background-image: image(rgba(26, 27, 35, 0.91)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #1e1f29; + background-image: image(rgba(25, 26, 34, 0.9)), image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #1e1f29; + background-image: image(rgba(26, 27, 35, 0.91)), image(rgba(26, 27, 35, 0.91)); } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/*************** + * Popovers * + ***************/ +popover.background { + padding: 2px; + border-radius: 5px; + background-color: #242530; + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); } + .csd popover.background, popover.background { + border: 1px solid rgba(25, 26, 34, 0.9); } + popover.background:backdrop { + background-color: #1e1f29; + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(248, 248, 242, 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(140, 143, 171, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(0, 0, 0, 0.14); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(0, 0, 0, 0.14); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.14); } + +progressbar progress, scale highlight { + border: none; + background-color: rgba(189, 147, 249, 0.5); + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: rgba(204, 171, 250, 0.5); + background-color: rgba(204, 171, 250, 0.5); } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #3e4153; + 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: #bd93f9; } + scale slider:active:disabled { + background-color: #22232e; + 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: rgba(25, 26, 34, 0.9); } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #282a36; + border: none; + border-radius: 12px; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: rgba(159, 99, 246, 0.5); } + scale slider:disabled { + background-color: #22232e; + 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: #22232e; + 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: rgba(159, 99, 246, 0.5); } + .osd scale slider { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #14171a; } + .osd scale slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop:disabled { + background-color: #14171a; } + 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: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(rgba(25, 26, 34, 0.9)); + 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: #232530; + 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 rgba(25, 26, 34, 0.9); } + scrollbar.bottom { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.left { + border-right: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar:backdrop { + background-color: #181820; + border-color: rgba(26, 27, 35, 0.91); + 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: #a1a1a2; } + scrollbar slider:hover { + background-color: #cccdca; } + scrollbar slider:hover:active { + background-color: rgba(219, 195, 252, 0.5); } + scrollbar slider:backdrop { + background-color: #4a4b51; } + 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: #f8f8f2; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #f8f8f2; + 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: #a1a1a2; } + 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: #cccdca; } + 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: rgba(219, 195, 252, 0.5); } + 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(161, 161, 162, 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: #4a4b51; } + 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(74, 75, 81, 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 rgba(25, 26, 34, 0.9); + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #232530; } + .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 rgba(25, 26, 34, 0.9); + border-right-style: none; } + .sidebar:backdrop { + background-color: #242631; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + .sidebar list { + background-color: #20212b; } + .sidebar row:selected { + background: transparent; + color: #bd93f9; } + .sidebar row:selected:backdrop { + color: rgba(189, 147, 249, 0.4); + background: transparent; } + .sidebar row:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .sidebar row:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar row:selected label { + color: #bd93f9; } + .sidebar.source-list { + background-color: #1e1f29; + color: #F2EFEA; + padding: 4px 0px; } + .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(189, 147, 249, 0.3); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + .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(40, 42, 54, 0.6); } + 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: rgba(25, 26, 34, 0.9); } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } + +placessidebar row.sidebar-new-bookmark-row { + color: rgba(189, 147, 249, 0.5); } + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #50fa7a, inset 0 -1px #50fa7a; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #f8f8f2; } + +/***************** + * 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: #e3e3df; + background-image: none; + border-style: none none none solid; + border-color: rgba(25, 26, 34, 0.2); + 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: #f8f8f2; + background-color: rgba(248, 248, 242, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(139, 140, 142, 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: #818285; + background-color: transparent; + border-color: rgba(26, 27, 35, 0.21); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(62, 64, 85, 0.3); + background-image: none; + border-style: none none none solid; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(254, 254, 254, 0.1); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #898b8c; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + +spinbutton.vertical:disabled { + color: #8b8c8e; } + +spinbutton.vertical:backdrop:disabled { + color: #3e4055; } + +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: rgba(25, 26, 34, 0.9); + box-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } + +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } + +.osd spinbutton.vertical button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + 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: rgba(189, 147, 249, 0.5); } + +/********************* + * 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: 2px; + background-color: #3e4153; + 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: #22232e; } + switch:backdrop { + background-color: #2f313f; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #22232e; } + switch:active, switch:checked { + background-color: #50fa7a; } + switch:active:backdrop, switch:checked:backdrop { + background-color: #50fa7a; } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(40, 42, 54, 0.9); + border: none; } + switch slider { + padding: 2px; + min-width: 16px; + min-height: 16px; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #282a36; + 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: #282a36; } + switch trough:active, switch trough:checked { + background-color: rgba(189, 147, 249, 0.5); } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #1e1f29; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(20, 23, 26, 0.8); } + 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: rgba(25, 26, 34, 0.9); + background-color: rgba(29, 30, 39, 0.97); } + .inline-toolbar:backdrop, searchbar:backdrop, + .location-bar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: rgba(29, 30, 39, 0.9685); + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #282a36; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #909194; + border-top-color: #1e1f29; } + * { + -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: rgba(233, 223, 244, 0.75); + border-top-color: rgba(248, 248, 242, 0.1); } + treeview.view:disabled { + color: #8b8c8e; } + treeview.view:disabled:selected { + color: rgba(228, 214, 244, 0.7); } + treeview.view:disabled:selected:backdrop { + color: rgba(207, 177, 247, 0.5); } + treeview.view:disabled:backdrop { + color: #3e4055; } + treeview.view.separator { + min-height: 2px; + color: #1e1f29; } + treeview.view.separator:backdrop { + color: rgba(30, 31, 41, 0.1); } + treeview.view:backdrop { + border-left-color: #55565c; + border-top: #1e1f29; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: rgba(159, 99, 246, 0.5); } + 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: #bababa; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #f8f8f2; } + treeview.view.expander:selected { + color: rgba(241, 235, 243, 0.85); } + treeview.view.expander:selected:hover { + color: #f8f8f2; } + treeview.view.expander:selected:backdrop { + color: rgba(230, 218, 244, 0.5); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: #6e6f74; } + treeview.view.progressbar { + border: 1px solid rgba(159, 99, 246, 0.5); + border-radius: 4px; + background-color: rgba(189, 147, 249, 0.5); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(159, 99, 246, 0.5)); + 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); + background-image: linear-gradient(to bottom, #282a36, #121319); } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + border-color: #2a2c39; + background-color: #2a2c39; } + treeview.view.progressbar:backdrop { + border-color: #2a2c39; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 4px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(159, 99, 246, 0.5); + border-radius: 4px; } + treeview.view header button { + color: #909194; + background-color: #282a36; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #c4c5c3; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #f8f8f2; + 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: rgba(189, 147, 249, 0.5); + color: #282a36; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #282a36; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: rgba(189, 147, 249, 0.5); } + +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: #1e1f29; } + treeview.view header button:disabled { + border-color: #1e1f29; + background-image: none; } + treeview.view header button:backdrop { + border-color: #1e1f29; + border-style: none solid solid none; + color: #55565c; + background-image: none; + background-color: #2a2c39; } + treeview.view header button:backdrop:disabled { + border-color: #1e1f29; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + border-width: 0px; + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.15); + transition: 200ms ease-out; } + .maximized decoration, + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .csd.popup decoration { + border-radius: 0; + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(25, 26, 34, 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(25, 26, 34, 0.7); } + .solid-csd decoration { + border-radius: 0; + margin: 0px; + background-color: #1e1f29; + border: solid 1px rgba(26, 27, 35, 0.91); + box-shadow: none; } + +button.titlebutton { + background-repeat: no-repeat; + background-position: center; + min-height: 32px; + padding: 0 3px; + box-shadow: none; } + button.titlebutton.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + button.titlebutton.close:hover, button.titlebutton.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } + button.titlebutton.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + button.titlebutton.maximize:hover, button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } + button.titlebutton.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + button.titlebutton.minimize:hover, button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } + button.titlebutton.close:backdrop, button.titlebutton.minimize:backdrop, button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.378824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.378824); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, .view:selected, iconview:selected, .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: rgba(189, 147, 249, 0.5); } + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, .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: #f8f8f2; + 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:focus, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: rgba(233, 223, 244, 0.75); } + 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:focus, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(248, 248, 242, 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(207, 177, 247, 0.5); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(30, 31, 41, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } + +.budgie-menu button:hover { + -gtk-icon-effect: none; } + +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } + +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } + +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(248, 248, 242, 0.05); + color: #f8f8f2; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #f8f8f2; + background-color: rgba(174, 123, 248, 0.3); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(248, 248, 242, 0.7); } + +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } + +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } + +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #f8f8f2; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop { + color: #f8f8f2; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(248, 248, 242, 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: #72BFD0; + 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: #f8f8f2; } + .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: #f8f8f2; } + .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: #f8f8f2; + box-shadow: none; } + button.raven-trigger:hover { + color: #f8f8f2; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + button.raven-trigger:backdrop { + color: #f8f8f2; } + button.raven-trigger:backdrop:hover { + color: #f8f8f2; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: rgba(189, 147, 249, 0.5); + 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(25, 26, 34, 0.85); + 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(248, 248, 242, 0.04); + border-bottom: 1px solid rgba(25, 26, 34, 0.85); } + +.places-menu .unlock-area { + border-top: 1px solid rgba(25, 26, 34, 0.75); + border-bottom: 1px solid rgba(25, 26, 34, 0.75); } + +.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(25, 26, 34, 0.75); } + +.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: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #ff5555; } + .budgie-panel:backdrop { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #f8f8f2; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(8, 9, 12, 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 .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(248, 248, 242, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #f8f8f2; } + +.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(8, 9, 12, 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(8, 9, 12, 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 rgba(189, 147, 249, 0.5); } + +.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 rgba(189, 147, 249, 0.5); } + +.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 rgba(189, 147, 249, 0.5); } + +.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 rgba(189, 147, 249, 0.5); } + +.top .budgie-panel { + border-bottom: 1px solid rgba(15, 15, 20, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(30, 31, 41, 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(15, 15, 20, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(30, 31, 41, 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(15, 15, 20, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(30, 31, 41, 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(15, 15, 20, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(30, 31, 41, 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: #f8f8f2; + background-color: rgba(30, 31, 41, 0.92); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #f8f8f2; + border: solid rgba(25, 26, 34, 0.85); + border-width: 1px 0; + background-color: rgba(30, 31, 41, 0.2); } + .raven .raven-header * { + padding-top: 0; + padding-bottom: 0; } + .raven .raven-header.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; } + .raven .raven-header.top button.image-button:hover { + color: rgba(174, 123, 248, 0.5); + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #f8f8f2; + background-color: rgba(255, 60, 60, 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: #f8f8f2; + background-color: rgba(255, 85, 85, 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: #f8f8f2; + background-color: rgba(255, 111, 111, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header.bottom { + border-bottom-style: none; } + .raven .raven-header button { + background-color: transparent; + color: #f8f8f2; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; } + .raven .raven-header button:hover { + border-radius: 0; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: rgba(189, 147, 249, 0.5); + border-radius: 0; + background-color: transparent; } + .raven .raven-header button:disabled { + color: #8b8c8e; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven .raven-background { + color: #f8f8f2; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(68, 71, 90, 0.7); + color: #f8f8f2; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(68, 71, 90, 0.85); + color: #f8f8f2; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #44475a; + color: #f8f8f2; } + .raven .powerstrip button.image-button:first-child { + background: rgba(114, 191, 208, 0.7); } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(114, 191, 208, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #72BFD0; } + .raven .powerstrip button.image-button:last-child { + background: rgba(255, 85, 85, 0.7); } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 85, 85, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #ff5555; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 4px; + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.2); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: rgba(189, 147, 249, 0.5); + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #f8f8f2; + 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: #f8f8f2; + background-color: transparent; } + +.raven-mpris { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 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: #282a36; + 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: rgba(189, 147, 249, 0.5); } + .raven-mpris button.image-button:active { + background-color: rgba(174, 123, 248, 0.5); } + .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: #72BFD0; + color: #464626; + border: none; + margin: 0 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #5fb6ca; + 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: #5fb6ca; } + +.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: #f8f8f2; } + +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(248, 248, 242, 0.7); } + +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #f8f8f2; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #ff5555; + 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: #ff3c3c; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #f8f8f2; } + +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: rgba(142, 110, 187, 0.55); } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(248, 248, 242, 0.7); + background-color: rgba(189, 147, 249, 0.3); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(248, 248, 242, 0.8); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(248, 248, 242, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #f8f8f2; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(189, 147, 249, 0.4); } + .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(114, 191, 208, 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(133, 200, 214, 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(133, 200, 214, 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, 34, 34, 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, 60, 60, 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, 60, 60, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #f8f8f2; } + .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(248, 248, 242, 0.7); } + +.budgie-polkit-dialog .failure { + color: #ff5555; } + +.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: #f8f8f2; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } + +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-menubar menu menuitem:hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.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(55, 56, 64, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(55, 56, 64, 0.928); } + +.budgie-menubar menuitem accelerator { + color: rgba(248, 248, 242, 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(8, 9, 12, 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(30, 31, 41, 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(0, 0, 0, 0.95); } + +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; + box-shadow: none; } + .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: rgba(189, 147, 249, 0.5); } + +.nautilus-window .frame *:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + +.nautilus-window paned > separator { + background-image: none; } + +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(189, 147, 249, 0.4); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(40, 42, 54, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(189, 147, 249, 0.4); } + +.nautilus-window.background { + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window.background:backdrop { + background-color: rgba(33, 35, 45, 0.95); } + +.nautilus-window notebook > stack:only-child { + background-color: #282a36; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #2a2c39; } + +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window .titlebar .search { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; } + +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } + +.nautilus-window .path-bar-box widget > .text-button:last-child { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(189, 147, 249, 0.4); } + +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: -5px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + background-color: transparent; + border-radius: 0; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(189, 147, 249, 0.4); } + +.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: #f8f8f2; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #f8f8f2; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #f8f8f2; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #f8f8f2; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #1e1f29; } + +/********* + * 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: rgba(189, 147, 249, 0.5); } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #282a36; + background-color: #282a36; } + .gala-notification .title, + .gala-notification .label { + color: #f8f8f2; } + +.gala-button { + padding: 3px; + color: #282a36; + 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(40, 42, 54, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #f8f8f2; } + +/************* + * 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(189, 147, 249, 0); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #f8f8f2; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(189, 147, 249, 0); + color: #f8f8f2; } + +.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: #f8f8f2; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; + color: #fff; } + .panel.maximized { + background-color: #000; } + .panel.translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel.color-light.translucent { + background-color: rgba(255, 255, 255, 0.85); } + +menubar.panel, +.panel menubar { + box-shadow: none; + border: none; } + +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } + +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #0d0d11; } + +.card { + background-color: #282a36; + 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: #1d1f27; + 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: #1e1f29; + 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: #f8f8f2; } + +/********* +* 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, iconview.sidebar.source-list.level-bar, .sidebar.source-list.view.level-bar:selected, iconview.sidebar.source-list.level-bar:selected, .sidebar.source-list.view.level-bar:selected:focus, iconview.sidebar.source-list.level-bar:selected:focus { + background: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)); + 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.fill-block, iconview.sidebar.source-list.fill-block { + border: none; } + .sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block, .sidebar.source-list.view.fill-block:hover, iconview.sidebar.source-list.fill-block:hover, .sidebar.source-list.view.fill-block:selected, iconview.sidebar.source-list.fill-block:selected, .sidebar.source-list.view.fill-block:selected:focus, iconview.sidebar.source-list.fill-block:selected:focus { + background: linear-gradient(rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); } + +.xfce4-panel.background { + background-color: rgba(30, 31, 41, 0.7); + color: #f8f8f2; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(255, 255, 255, 0.8); + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); } + #tasklist-button:hover { + color: white; + 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 rgba(189, 147, 249, 0.5); } + +.xfce4-panel.background button.flat { + color: white; + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); + font-weight: normal; } + .xfce4-panel.background button.flat:hover { + border: none; + background-color: rgba(52, 53, 70, 0.7); } + .xfce4-panel.background button.flat:active, .xfce4-panel.background button.flat:checked { + color: white; + border-bottom: 2px solid rgba(189, 147, 249, 0.5); + background-color: rgba(26, 27, 35, 0.7); } + .xfce4-panel.background button.flat:active label, .xfce4-panel.background button.flat:active image, .xfce4-panel.background button.flat:checked label, .xfce4-panel.background button.flat:checked image { + color: inherit; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: rgba(189, 147, 249, 0.5); + /* 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: #31363D; + color: #fefefe; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #31363D; + border-bottom-width: 0; + background-color: #31363D; + color: #fefefe; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #e5e5e5; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #fefefe; } + UnityDecoration .top .menuitem:backdrop { + color: #e5e5e5; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #30343b; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #31363D, #30343b); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #30343b; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #1a1d21; + color: #fefefe; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #e5e5e5; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #fefefe; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #fefefe; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #1a1d21; + color: #fefefe; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #8b8c8e; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #2f333a; + color: #fefefe; + 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: rgba(25, 26, 34, 0.9); } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #282a36; } + +@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: rgba(189, 147, 249, 0.5); } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(25, 26, 34, 0.9); } + MsdOsdWindow.background.osd .progressbar { + background-color: rgba(189, 147, 249, 0.5); + border: none; + border-color: rgba(189, 147, 249, 0.5); + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(9, 10, 12, 0.8); + 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: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); + color: rgba(248, 248, 242, 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: #f8f8f2; + border: 0px solid rgba(159, 99, 246, 0.5); } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: rgba(30, 31, 41, 0.7); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(15, 15, 20, 0.7); } + #panel_window .menubar, + #panel_window .menubar > .menuitem menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 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: #f8f8f2; } + +#content_frame { + padding-bottom: 14px; + background-color: #1e1f29; + 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: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #1e1f29; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #f8f8f2; + 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; } diff --git a/gtk-3.20/gtk-dark.scss b/gtk-3.20/gtk-dark.scss new file mode 100755 index 0000000..cf5d435 --- /dev/null +++ b/gtk-3.20/gtk-dark.scss @@ -0,0 +1,10 @@ + + +$variant: 'dark'; + +@import 'colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; +@import 'widgets'; +@import 'apps'; diff --git a/gtk-3.20/gtk.css b/gtk-3.20/gtk.css new file mode 100755 index 0000000..776e24d --- /dev/null +++ b/gtk-3.20/gtk.css @@ -0,0 +1,6339 @@ +/* GTK NAMED COLORS + ---------------- + use responsibly! */ +/* widget text/foreground color */ +@define-color theme_fg_color #f8f8f2; +/* text color for entries, views and content in general */ +@define-color theme_text_color #f8f8f2; +/* widget base background color */ +@define-color theme_bg_color #1e1f29; +/* text widgets and the like base background color */ +@define-color theme_base_color #282a36; +/* base background color of selections */ +@define-color theme_selected_bg_color #bd93f9; +/* text/foreground color of selections */ +@define-color theme_selected_fg_color #f8f8f2; +/* base background color of disabled widgets */ +@define-color insensitive_bg_color #22232e; +/* text foreground color of disabled widgets */ +@define-color insensitive_fg_color #8b8c8e; +/* disabled text widgets and the like base background color */ +@define-color insensitive_base_color #282a36; +/* widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #8b8c8e; +/* text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color #f8f8f2; +/* widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #1e1f29; +/* text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #2a2c39; +/* base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +/* text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #f8f8f2; +/* widgets main borders color */ +@define-color borders rgba(25, 26, 34, 0.9); +/* widgets main borders color on backdrop windows */ +@define-color unfocused_borders rgba(26, 27, 35, 0.91); +/* these are pretty self explicative */ +@define-color warning_color #ff9f39; +@define-color error_color #ff3c3c; +@define-color success_color #4caec3; +@define-color fg_color #f8f8f2; +@define-color text_color #f8f8f2; +@define-color bg_color #1e1f29; +@define-color base_color #282a36; +@define-color selected_bg_color rgba(189, 147, 249, 0.5); +@define-color selected_fg_color #f8f8f2; +@define-color unfocused_fg_color #8b8c8e; +@define-color unfocused_text_color #f8f8f2; +@define-color unfocused_bg_color #1e1f29; +@define-color unfocused_base_color #2a2c39; +@define-color unfocused_selected_bg_color rgba(189, 147, 249, 0.5); +@define-color unfocused_selected_fg_color #f8f8f2; +/* 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(#f8f8f2, 1.8); +@define-color wm_unfocused_title #8b8c8e; +@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(#1e1f29, 1.2); +@define-color wm_bg_b #1e1f29; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#1e1f29, 1.3); +@define-color wm_button_hover_color_b #1e1f29; +@define-color wm_button_active_color_a shade(#1e1f29, 0.85); +@define-color wm_button_active_color_b shade(#1e1f29, 0.89); +@define-color wm_button_active_color_c shade(#1e1f29, 0.9); +@define-color content_view_bg #282a36; +@define-color budgie_tasklist_indicator_color rgba(189, 147, 249, 0.5); +@define-color budgie_tasklist_indicator_color_active rgba(189, 147, 249, 0.5); +@define-color placeholder_text_color #cfcfcd; +/***************** +* Drawing mixins * +*****************/ +/********* +* Common * +*********/ +* { + padding: 0; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #ff3c3c; + -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(248, 248, 242, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; + -gtk-secondary-caret-color: rgba(189, 147, 249, 0.5); } + +/*********** + * Widgets * + ***********/ +/*************** +* Action bars * +***************/ +.action-bar { + background-color: #08090c; + border: solid rgba(25, 26, 34, 0.9); + border-width: 1px 0 0 0; + color: #f8f8f2; + box-shadow: none; } + .action-bar:backdrop { + background-color: #08090c; + 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(20, 23, 26, 0.8); + 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: #f8f8f2; + background-color: #1e1f29; } + .background:backdrop { + color: #8b8c8e; + background-color: #1e1f29; + 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. +*/ +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: #f8f8f2; + background-color: #1e1f29; } + .gtkstyle-fallback:hover { + color: #f8f8f2; + background-color: #343546; } + .gtkstyle-fallback:active { + color: #f8f8f2; + background-color: #08090c; } + .gtkstyle-fallback:disabled { + color: #8b8c8e; + background-color: #22232e; } + .gtkstyle-fallback:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + +.view, iconview, +.view text, +iconview text, +textview text { + color: #f8f8f2; + background-color: #282a36; } + .view:backdrop, iconview:backdrop, + .view text:backdrop, + iconview text:backdrop, + textview text:backdrop { + color: #cfcfcd; + background-color: #2a2c39; } + .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: #232530; } + +.rubberband, +rubberband, +flowbox rubberband, +.content-view rubberband, +treeview.view rubberband { + border: 1px solid rgba(159, 99, 246, 0.5); + background-color: rgba(159, 99, 246, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 3px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label { + caret-color: currentColor; } + label.separator { + color: #f8f8f2; } + label.separator:backdrop { + color: #8b8c8e; } + label selection { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + label:disabled { + color: #8b8c8e; } + label:disabled:backdrop { + color: #3e4055; } + label:backdrop { + color: #8b8c8e; } + +.dim-label, label.separator, .titlebar:not(headerbar) .subtitle, +headerbar .subtitle { + opacity: 0.55; + text-shadow: none; } + +assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #4a4a51; } + +.app-notification, +.app-notification.frame, .osd .scale-popup, .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier, .csd popover.background.osd, popover.background.osd, .osd { + color: #fefefe; + border: none; + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + outline-color: rgba(254, 254, 254, 0.3); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification:backdrop, .osd .scale-popup:backdrop, popover.background.touch-selection:backdrop, popover.background.magnifier:backdrop, popover.background.osd:backdrop, .osd:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; } + +*:selected { + background: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +/*********** + * Buttons * + ***********/ +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(rgba(233, 219, 253, 0.5)), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(189, 147, 249, 0.5)), to(transparent)); } } + +notebook > header > tabs > arrow, +button { + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: none; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow, + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + transition: none; } + notebook > header > tabs > arrow:hover, + button.flat:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 500ms; } + 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: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: highlight; } + notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, + button:active, + button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(174, 123, 248, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition-duration: 50ms; } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:backdrop, + button:backdrop.flat, + button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + transition: 200ms ease-out; + -gtk-icon-effect: none; } + notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, + button:backdrop.flat:active, + button:backdrop.flat:checked, + button:backdrop:active, + button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, notebook > header > tabs > arrow:backdrop:active label, notebook > header > tabs > arrow:backdrop:checked label, + button:backdrop.flat:active label, + button:backdrop.flat:checked label, + button:backdrop:active label, + button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow:backdrop:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button:backdrop.flat:disabled, + button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, + button:backdrop.flat:disabled:active, + button:backdrop.flat:disabled:checked, + button:backdrop:disabled:active, + button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:backdrop, notebook > header > tabs > arrow:disabled, notebook > header > tabs > arrow:backdrop:disabled, + button.flat:backdrop, + button.flat:disabled, + button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header > tabs > arrow:disabled, + button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, + button:disabled:active, + button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + notebook > header > tabs > arrow:disabled:active label, notebook > header > tabs > arrow:disabled:checked label, + button:disabled:active label, + button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + notebook > header > tabs > arrow.image-button, + button.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; } + notebook > header > tabs > arrow.text-button, + button.text-button { + padding-left: 16px; + padding-right: 16px; } + notebook > header > tabs > arrow.text-button.image-button, + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + notebook > header > tabs > arrow.text-button.image-button label, + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), + button:drop(active) { + color: #50fa7a; + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } + +row:selected +button.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: #f8f8f2; + border-color: transparent; } + row:selected + button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { + color: #8b8c8e; } + + +button.osd { + min-width: 24px; + min-height: 32px; + color: #fefefe; + border-radius: 5px; + outline-color: rgba(254, 254, 254, 0.3); + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + + button.osd.image-button { + min-width: 32px; } + + button.osd:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + + button.osd:active, + button.osd:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + border: none; + box-shadow: none; } + + button.osd:disabled:backdrop, + button.osd:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + + button.osd:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + border: none; } + +.app-notification button, +.app-notification.frame button, .csd popover.background.touch-selection button, .csd popover.background.magnifier button, popover.background.touch-selection button, popover.background.magnifier button, +.osd +button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, + .osd + button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:active:backdrop, popover.background.touch-selection button:active:backdrop, popover.background.magnifier button:active:backdrop, .app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked:backdrop, popover.background.touch-selection button:checked:backdrop, popover.background.magnifier button:checked:backdrop, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, + .osd + button:active:backdrop, + .osd + button:active, + .osd + button:checked:backdrop, + .osd + button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button:disabled:backdrop, popover.background.touch-selection button:disabled:backdrop, popover.background.magnifier button:disabled:backdrop, .app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, + .osd + button:disabled:backdrop, + .osd + button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button:backdrop, popover.background.touch-selection button:backdrop, popover.background.magnifier button:backdrop, + .osd + button:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, + .osd + button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, + .osd + button.flat:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, + .osd + button.flat:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-image: none; + border-color: transparent; + box-shadow: none; } + .app-notification button.flat:backdrop, popover.background.touch-selection button.flat:backdrop, popover.background.magnifier button.flat:backdrop, + .osd + button.flat:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, + .osd + button.flat:active, + .osd + button.flat:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + + +button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton, + button.suggested-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #bd93f9; } + + button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.suggested-action:active, + button.suggested-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, + button.suggested-action:backdrop, + button.suggested-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop label, + button.suggested-action:backdrop label, + button.suggested-action.flat:backdrop label { + color: rgba(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(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:active label, .selection-mode button.titlebutton:backdrop:checked label, + button.suggested-action:backdrop:active label, + button.suggested-action:backdrop:checked label, + button.suggested-action.flat:backdrop:active label, + button.suggested-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action:backdrop:disabled, + button.suggested-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop:disabled label, + button.suggested-action:backdrop:disabled label, + button.suggested-action.flat:backdrop:disabled label { + color: rgba(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(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled, + button.suggested-action.flat:backdrop, + button.suggested-action.flat:disabled, + button.suggested-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(189, 147, 249, 0.8); } + + button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.suggested-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + + button.suggested-action:disabled:active, + button.suggested-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #bd93f9; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.suggested-action:disabled:active label, + button.suggested-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd + button.suggested-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(189, 147, 249, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.suggested-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.7), rgba(189, 147, 249, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.suggested-action:active:backdrop, .osd + button.suggested-action:active, .osd + button.suggested-action:checked:backdrop, .osd + button.suggested-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #bd93f9, #bd93f9); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.suggested-action:disabled:backdrop, .osd + button.suggested-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.suggested-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + + +button.destructive-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #ff2222; } + + button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:active, + button.destructive-action:checked { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:backdrop, + button.destructive-action.flat:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:backdrop label, + button.destructive-action.flat:backdrop label { + color: rgba(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(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:backdrop:active label, + button.destructive-action:backdrop:checked label, + button.destructive-action.flat:backdrop:active label, + button.destructive-action.flat:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + + button.destructive-action:backdrop:disabled, + button.destructive-action.flat:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:backdrop:disabled label, + button.destructive-action.flat:backdrop:disabled label { + color: rgba(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(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action.flat:backdrop, + button.destructive-action.flat:disabled, + button.destructive-action.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: rgba(255, 34, 34, 0.8); } + + button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:disabled label { + color: rgba(248, 248, 242, 0.8); } + + button.destructive-action:disabled:active, + button.destructive-action:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + + button.destructive-action:disabled:active label, + button.destructive-action:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .osd + button.destructive-action { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 34, 34, 0.5); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.destructive-action:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.7), rgba(255, 34, 34, 0.7)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.destructive-action:active:backdrop, .osd + button.destructive-action:active, .osd + button.destructive-action:checked:backdrop, .osd + button.destructive-action:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, #ff2222, #ff2222); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd + button.destructive-action:disabled:backdrop, .osd + button.destructive-action:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd + button.destructive-action:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(255, 34, 34, 0.5), rgba(255, 34, 34, 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 { + -gtk-icon-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(rgba(233, 219, 253, 0.5)), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.888627)), 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: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #0f0f14; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +toolbar button:active { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #040406; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +.inline-toolbar toolbutton > button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .inline-toolbar toolbutton > button:hover { + color: rgba(189, 147, 249, 0.5); } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(174, 123, 248, 0); } + .inline-toolbar toolbutton > button:backdrop { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:active, .inline-toolbar toolbutton > button:backdrop:checked { + color: rgba(174, 123, 248, 0.5); } + .inline-toolbar toolbutton > button:backdrop:disabled { + color: #cfcfcd; } + .inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked { + color: rgba(174, 123, 248, 0); } + +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 rgba(25, 26, 34, 0.9); + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); } + +.inline-toolbar button:first-child, .linked > button:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .linked:not(.vertical) > spinbutton:first-child:not(.vertical), .linked:not(.vertical) > entry:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked > button:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .linked:not(.vertical) > spinbutton:last-child:not(.vertical), .linked:not(.vertical) > entry:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked > button:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .linked:not(.vertical) > spinbutton:only-child:not(.vertical), .linked:not(.vertical) > entry:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, +.linked.vertical > button:backdrop, .linked.vertical > spinbutton:not(.vertical), .linked.vertical > entry, .linked.vertical > combobox > box > button.combo { + border-style: solid solid none solid; + border-radius: 0; } + +.linked.vertical > button:first-child, .linked.vertical > combobox:first-child > box > button.combo, .linked.vertical > spinbutton:first-child:not(.vertical), .linked.vertical > entry:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > combobox:last-child > box > button.combo, .linked.vertical > spinbutton:last-child:not(.vertical), .linked.vertical > entry:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > combobox:only-child > box > button.combo, .linked.vertical > spinbutton:only-child:not(.vertical), .linked.vertical > entry:only-child { + border-radius: 3px; + border-style: solid; } + +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat, modelbutton.flat:backdrop, popover.background checkbutton:backdrop, +popover.background radiobutton:backdrop, modelbutton.flat:backdrop:hover, popover.background checkbutton:backdrop:hover, +popover.background radiobutton:backdrop:hover, +.menuitem.button.flat:backdrop, +.menuitem.button.flat:backdrop:hover, calendar.button, calendar.button:hover, calendar.button:backdrop, calendar.button:disabled, button:link, +button:visited, button:link:hover, button:link:active, button:link:checked, +button:visited:hover, +button:visited:active, +button:visited:checked, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat, popover.background checkbutton, +popover.background radiobutton, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; } + modelbutton.flat:hover, popover.background checkbutton:hover, + popover.background radiobutton:hover, + .menuitem.button.flat:hover { + background-color: #383a4c; } + modelbutton.flat check:last-child, popover.background checkbutton check:last-child, popover.background radiobutton check:last-child, + modelbutton.flat radio:last-child, + popover.background checkbutton radio:last-child, + popover.background radiobutton radio:last-child, + .menuitem.button.flat check:last-child, + .menuitem.button.flat radio:last-child { + margin-left: 8px; } + modelbutton.flat check:first-child, popover.background checkbutton check:first-child, popover.background radiobutton check:first-child, + modelbutton.flat radio:first-child, + popover.background checkbutton radio:first-child, + popover.background radiobutton radio:first-child, + .menuitem.button.flat check:first-child, + .menuitem.button.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, popover.background checkbutton arrow, popover.background radiobutton arrow { + background: none; } + modelbutton.flat arrow:hover, popover.background checkbutton arrow:hover, popover.background radiobutton arrow:hover { + background: none; } + modelbutton.flat arrow.left, popover.background checkbutton arrow.left, popover.background radiobutton arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + modelbutton.flat arrow.right, popover.background checkbutton arrow.right, popover.background radiobutton arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +button.color { + padding: 4px; } + button.color colorswatch:only-child, button.color colorswatch:only-child overlay { + border-radius: 0; } + +notebook button, list button, .view button, iconview button, popover button { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } + notebook button:backdrop, list button:backdrop, .view button:backdrop, iconview button:backdrop, popover button:backdrop { + box-shadow: inset 0px 0px 0px 1px rgba(25, 26, 34, 0.9); } + +notebook .linked > button, list .linked > button, .view .linked > button, iconview .linked > button, popover .linked > button { + box-shadow: none; } + +/************ + * Calendar * + ***********/ +calendar { + color: #f8f8f2; + border: 1px solid rgba(25, 26, 34, 0.9); } + 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(248, 248, 242, 0.45); } + calendar.button:hover { + color: #f8f8f2; } + calendar.button:backdrop { + color: rgba(139, 140, 142, 0.45); } + calendar.button:disabled { + color: rgba(139, 140, 142, 0.45); } + calendar:indeterminate, calendar:indeterminate:backdrop { + color: alpha(currentColor,0.55); } + calendar.highlight, calendar.highlight:backdrop { + font-size: smaller; + color: #f8f8f2; } + calendar:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); } + +/************************* + * Check and Radio Items * + *************************/ +check { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-hover.png"), url("../assets/checkbox-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +radio:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-hover.png"), url("../assets/radio-unchecked-hover@2.png")); + -gtk-icon-shadow: none; } + +check:active { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked-active.png"), url("../assets/checkbox-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +radio:active { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked-active.png"), url("../assets/radio-unchecked-active@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-unchecked.png"), url("../assets/radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:hover { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked-hover.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.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.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.png"), url("../assets/radio-checked-active@2.png")); + -gtk-icon-shadow: none; } + +check:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:disabled:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-checked.png"), url("../assets/radio-checked@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.png"), url("../assets/checkbox-mixed@2.png")); + -gtk-icon-shadow: none; } + +radio:indeterminate:backdrop { + -gtk-icon-source: -gtk-scaled(url("../assets/radio-mixed.png"), url("../assets/radio-mixed@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.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:hover:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:active:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:backdrop:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-unchecked.png"), url("../assets/checkbox-unchecked@2.png")); + -gtk-icon-shadow: none; } + +radio:disabled:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-unchecked.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.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.png"), url("../assets/selected-radio-unchecked@2.png")); + -gtk-icon-shadow: none; } + +check:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/checkbox-checked.png"), url("../assets/checkbox-checked@2.png")); + -gtk-icon-shadow: none; } + +radio:checked:selected { + -gtk-icon-source: -gtk-scaled(url("../assets/selected-radio-checked.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.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.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.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.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.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.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.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.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.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.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: #f8f8f2; } + colorswatch.dark overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.dark overlay:backdrop { + color: rgba(248, 248, 242, 0.5); } + +colorswatch.light overlay { + color: #f8f8f2; } + colorswatch.light overlay:hover { + border-color: rgba(25, 26, 34, 0.9); } + colorswatch.light overlay:backdrop { + color: #cfcfcd; } + +colorswatch:drop(active) { + box-shadow: none; } + colorswatch:drop(active).light overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } + colorswatch:drop(active).dark overlay { + border-color: #50fa7a; + box-shadow: inset 0 0 0 2px rgba(25, 26, 34, 0.9), inset 0 0 0 1px #50fa7a; } + +colorswatch overlay { + box-shadow: inset 0 3px 2px -2px rgba(0, 0, 0, 0.5); + border: 1px solid rgba(25, 26, 34, 0.9); } + colorswatch overlay:hover { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); } + colorswatch overlay:backdrop, colorswatch overlay:backdrop:hover { + border-color: rgba(25, 26, 34, 0.9); + 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: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + colorswatch#add-color-button overlay:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #2a2c39; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +row:selected colorswatch { + box-shadow: 0 0 0 2px #f8f8f2; } + +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(30, 31, 41, 0.95); } + +messagedialog .titlebar { + min-height: 20px; + background-image: none; + background-color: rgba(30, 31, 41, 0.95); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +messagedialog.csd.background { + background-color: rgba(30, 31, 41, 0.95); + color: #f8f8f2; + 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: #f8f8f2; + box-shadow: none; } + messagedialog.csd .dialog-action-area button:hover { + background-color: rgba(189, 147, 249, 0.4); } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 4px; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 4px; } + +filechooser .dialog-action-box { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + filechooser .dialog-action-box:backdrop { + border-top-color: rgba(26, 27, 35, 0.91); } + +filechooser #pathbarbox { + border-bottom: 1px solid #1e1f29; } + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + +/**************** + * Text Entries * + ****************/ +spinbutton:not(.vertical), +entry { + min-height: 32px; + 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: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; } + 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: rgba(159, 99, 246, 0.5); } + spinbutton:disabled:not(.vertical), + entry:disabled { + color: #8b8c8e; + border-color: rgba(25, 26, 34, 0.9); + background-color: #22232e; + box-shadow: none; } + spinbutton:backdrop:not(.vertical), + entry:backdrop { + color: #cfcfcd; + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; + box-shadow: none; + transition: 200ms ease-out; } + spinbutton:backdrop:disabled:not(.vertical), + entry:backdrop:disabled { + color: #3e4055; + border-color: rgba(26, 27, 35, 0.91); + background-color: #22232e; + box-shadow: none; } + spinbutton.error:not(.vertical), + entry.error { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff3c3c; + border-color: #880000; } + spinbutton.error:focus:not(.vertical), + entry.error:focus { + border-color: #880000; } + spinbutton.error:selected:focus:not(.vertical), spinbutton.error:selected:not(.vertical), + entry.error:selected:focus, + entry.error:selected { + background-color: #ff3c3c; } + spinbutton.warning:not(.vertical), + entry.warning { + color: #f8f8f2; + border-color: rgba(25, 26, 34, 0.9); + background-color: #282a36; + color: #ff9f39; + border-color: #864500; } + spinbutton.warning:focus:not(.vertical), + entry.warning:focus { + border-color: #864500; } + spinbutton.warning:selected:focus:not(.vertical), spinbutton.warning:selected:not(.vertical), + entry.warning:selected:focus, + entry.warning:selected { + background-color: #ff9f39; } + spinbutton:not(.vertical) image, + entry image { + color: #cecfcc; } + spinbutton:not(.vertical) image:hover, + entry image:hover { + color: #f8f8f2; } + spinbutton:not(.vertical) image:active, + entry image:active { + color: rgba(189, 147, 249, 0.5); } + spinbutton:not(.vertical) image:backdrop, + entry image:backdrop { + color: #78797d; } + spinbutton:drop(active):focus:not(.vertical), spinbutton:drop(active):not(.vertical), + entry:drop(active):focus, + entry:drop(active) { + border-color: #50fa7a; + box-shadow: inset 0 0 0 1px #50fa7a; } + .osd spinbutton:not(.vertical), .osd + entry { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + box-shadow: none; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:focus:not(.vertical), .osd + entry:focus { + color: white; + border-color: rgba(189, 147, 249, 0.5); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:backdrop:not(.vertical), .osd + entry:backdrop { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(0, 0, 0, 0.5); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton:disabled:not(.vertical), .osd + entry:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(43, 46, 49, 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: rgba(189, 147, 249, 0.5); + 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: rgba(159, 99, 246, 0.5); } + +.linked:not(.vertical) > spinbutton:focus:not(.vertical), .linked:not(.vertical) > +entry:focus { + border-color: rgba(159, 99, 246, 0.5); } + +.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: #50fa7a; } + +.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: rgba(36, 38, 49, 0.97); + background-image: linear-gradient(to bottom, #282a36, #282a36); } + .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: rgba(38, 40, 51, 0.973); + background-image: linear-gradient(to bottom, #2a2c39, #2a2c39); } + +.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: rgba(36, 38, 49, 0.97); } + +.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: rgba(159, 99, 246, 0.5); } + +.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: #50fa7a; } + +.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: rgba(159, 99, 246, 0.5); } + +.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: #50fa7a; } + +treeview entry:focus:dir(rtl), treeview entry:focus:dir(ltr) { + background-color: #282a36; + transition-property: color, background; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #282a36; } + treeview entry.flat:focus, treeview entry:focus { + border-color: rgba(189, 147, 249, 0.5); } + +/************* + * 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: #1e1f29; + border-width: 1px; + border-style: solid solid none; + border-color: rgba(25, 26, 34, 0.9); + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); } + .floating-bar.bottom.left { + border-left-style: none; + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-right-style: none; + border-top-right-radius: 0; } + .floating-bar > button { + padding: 4px; } + .floating-bar:backdrop { + background-color: #1e1f29; + border-color: rgba(26, 27, 35, 0.91); } + +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(25, 26, 34, 0.9); } + frame > border.flat, + .frame.flat { + border-style: none; } + frame > border:backdrop, + .frame:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid rgba(25, 26, 34, 0.9); } + actionbar > revealer > box:backdrop { + border-color: rgba(26, 27, 35, 0.91); } + +scrolledwindow viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.5, to(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 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(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 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(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 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(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 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(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 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(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 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(rgba(3, 4, 5, 0.9)), to(rgba(3, 4, 5, 0))), -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(248, 248, 242, 0.07)), to(rgba(248, 248, 242, 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(rgba(26, 27, 35, 0.91)), to(rgba(26, 27, 35, 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, rgba(25, 26, 34, 0.9) 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #232530; } + scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + scrolledwindow junction:backdrop { + border-image-source: linear-gradient(to bottom, rgba(26, 27, 35, 0.91) 1px, transparent 1px); + background-color: #181820; + 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 #282a36; + background: #282a36; + color: #f8f8f2; } + GraniteWidgetsPopOver .button { + background-image: none; + background: none; + border: none; } + GraniteWidgetsPopOver .button:active, GraniteWidgetsPopOver .button:active:hover { + color: rgba(189, 147, 249, 0.5); } + GraniteWidgetsPopOver > .frame { + border: none; } + GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar { + border: none; + background: none; } + +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.popover_bg { + background-color: #282a36; + background-image: none; + border: 1px solid #282a36; + color: #f8f8f2; } + +/*********** + * Welcome * + **********/ +GraniteWidgetsWelcome { + background-color: #282a36; } + GraniteWidgetsWelcome GtkLabel { + color: #f8f8f2; } + GraniteWidgetsWelcome .h1, GraniteWidgetsWelcome .h3 { + color: rgba(248, 248, 242, 0.8); } + +/************** +* Source List * +***************/ +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + background-color: #1e1f29; + border: solid rgba(25, 26, 34, 0.9); + color: #f8f8f2; + 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: #1e1f29; + 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: #13141a; } + .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(248, 248, 242, 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: #f1fa8c; + 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: #282a36; } + .storage-bar .fill-block.app { + background-color: #13b1d5; } + .storage-bar .fill-block.audio { + background-color: #ffb86c; } + .storage-bar .fill-block.photo { + background-color: #ff5555; } + .storage-bar .fill-block.video { + background-color: #bd93f9; } + .storage-bar .fill-block .legend { + padding: 12px; + border-radius: 4px; } + +/*************** + * Header bars * + ***************/ +.titlebar:not(headerbar), +headerbar { + padding: 0 6px; + min-height: 34px; + background-color: #1e1f29; + color: #f8f8f2; + border-radius: 0; } + .titlebar:backdrop:not(headerbar), + headerbar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-image: none; + transition: 200ms ease-out; } + .titlebar:not(headerbar) .title, + headerbar .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .subtitle, + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button, + .titlebar:not(headerbar) headerbar .linked > button, + headerbar .titlebar:not(headerbar) .linked > button:hover, + .titlebar:not(headerbar) headerbar .linked > button:hover, + headerbar .titlebar:not(headerbar) .linked > button:active, + .titlebar:not(headerbar) headerbar .linked > button:active, + headerbar .titlebar:not(headerbar) .linked > button:checked, + .titlebar:not(headerbar) headerbar .linked > button:checked, + headerbar .titlebar:not(headerbar) .linked > button:backdrop, + .titlebar:not(headerbar) headerbar .linked > button:backdrop, + headerbar .linked > button, + headerbar .linked > button:hover, + headerbar .linked > button:active, + headerbar .linked > button:checked, + headerbar .linked > button:backdrop { + border: none; + border-radius: 0; + border-right-style: none; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:first-child, + .titlebar:not(headerbar) headerbar .linked > button:first-child, + headerbar .titlebar:not(headerbar) .linked > button:first-child, + headerbar .linked > button:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; } + .titlebar:not(headerbar) .linked > button:last-child, + .titlebar:not(headerbar) headerbar .linked > button:last-child, + headerbar .titlebar:not(headerbar) .linked > button:last-child, + headerbar .linked > button:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-right-style: solid; } + .titlebar:not(headerbar) .linked > button:only-child, + .titlebar:not(headerbar) headerbar .linked > button:only-child, + headerbar .titlebar:not(headerbar) .linked > button:only-child, + headerbar .linked > button:only-child { + border-radius: 0px; + border-style: solid; } + .titlebar:not(headerbar) entry, + headerbar entry { + min-height: 24px; } + .titlebar:not(headerbar) button, + headerbar button { + color: #f8f8f2; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; + min-height: 34px; } + .titlebar:not(headerbar) button:hover, + headerbar button:hover { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, + headerbar button:active, + headerbar button:checked { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + font-weight: bold; } + .titlebar:not(headerbar) button:backdrop, .titlebar:not(headerbar) button:disabled, .titlebar:not(headerbar) button:backdrop:disabled, + headerbar button:backdrop, + headerbar button:disabled, + headerbar button:backdrop:disabled { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + border-radius: 0; + text-shadow: none; + box-shadow: none; } + .titlebar:not(headerbar) button:backdrop:hover, .titlebar:not(headerbar) button:backdrop:active, .titlebar:not(headerbar) button:backdrop:checked, + headerbar button:backdrop:hover, + headerbar button:backdrop:active, + headerbar button:backdrop:checked { + background-color: transparent; + color: rgba(189, 147, 249, 0.5); + box-shadow: none; } + .titlebar:not(headerbar) button.suggested-action, + headerbar button.suggested-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:hover, + headerbar button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:active, + headerbar button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled, + headerbar button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.suggested-action:disabled label, + headerbar button.suggested-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) 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: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action, + headerbar button.destructive-action { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:hover, + headerbar button.destructive-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:active, + headerbar button.destructive-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled, + headerbar button.destructive-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.destructive-action:disabled label, + headerbar button.destructive-action:disabled label { + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) 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: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-radius: 3px; } + .titlebar:not(headerbar) button.destructive-action:backdrop:disabled, + headerbar button.destructive-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ff2222; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .titlebar:not(headerbar) button.titlebutton, + headerbar button.titlebutton { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop:hover, .titlebar:not(headerbar) button.titlebutton *, + headerbar button.titlebutton:hover, + headerbar button.titlebutton:active, + headerbar button.titlebutton:checked, + headerbar button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop:hover, + headerbar button.titlebutton * { + color: transparent; + box-shadow: none; } + .titlebar:not(headerbar) .linked > button:active:backdrop, + .titlebar:not(headerbar) .linked > button:checked:backdrop, + headerbar .linked > button:active:backdrop, + headerbar .linked > button:checked:backdrop { + color: rgba(189, 147, 249, 0.4); } + .titlebar:not(headerbar) .linked > button:active:backdrop label, + .titlebar:not(headerbar) .linked > button:checked:backdrop label, + headerbar .linked > button:active:backdrop label, + headerbar .linked > button:checked:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .selection-mode.titlebar:not(headerbar), + headerbar.selection-mode { + color: #f8f8f2; + text-shadow: 0 -1px rgba(0, 0, 0, 0.5); + border-color: rgba(159, 99, 246, 0.5); + background: rgba(189, 147, 249, 0.5) linear-gradient(to top, rgba(180, 133, 248, 0.5), rgba(186, 142, 249, 0.5) 2px, rgba(189, 147, 249, 0.5) 3px); + box-shadow: inset 0 1px rgba(209, 179, 251, 0.3); } + .selection-mode.titlebar:backdrop:not(headerbar), + headerbar.selection-mode:backdrop { + background-color: rgba(189, 147, 249, 0.5); + background-image: none; + box-shadow: inset 0 1px rgba(215, 189, 251, 0.26); } + .selection-mode.titlebar:not(headerbar) button, + headerbar.selection-mode button { + font-weight: normal; + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.flat, + headerbar.selection-mode button.flat { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:hover, + headerbar.selection-mode button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:active, .selection-mode.titlebar:not(headerbar) button:checked, + headerbar.selection-mode button:active, + headerbar.selection-mode button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat, .selection-mode.titlebar:not(headerbar) button:backdrop, + headerbar.selection-mode button:backdrop.flat, + headerbar.selection-mode button:backdrop { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + -gtk-icon-effect: none; + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:active, .selection-mode.titlebar:not(headerbar) button:backdrop:checked, + headerbar.selection-mode button:backdrop.flat:active, + headerbar.selection-mode button:backdrop.flat:checked, + headerbar.selection-mode button:backdrop:active, + headerbar.selection-mode button:backdrop:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:active label, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:checked label, .selection-mode.titlebar:not(headerbar) button:backdrop:active label, .selection-mode.titlebar:not(headerbar) button:backdrop:checked label, + headerbar.selection-mode button:backdrop.flat:active label, + headerbar.selection-mode button:backdrop.flat:checked label, + headerbar.selection-mode button:backdrop:active label, + headerbar.selection-mode button:backdrop:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled, + headerbar.selection-mode button:backdrop.flat:disabled, + headerbar.selection-mode button:backdrop:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop.flat:disabled:checked, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:active, .selection-mode.titlebar:not(headerbar) button:backdrop:disabled:checked, + headerbar.selection-mode button:backdrop.flat:disabled:active, + headerbar.selection-mode button:backdrop.flat:disabled:checked, + headerbar.selection-mode button:backdrop:disabled:active, + headerbar.selection-mode button:backdrop:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); + border-color: rgba(159, 99, 246, 0.5); } + .selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled, + headerbar.selection-mode button.flat:backdrop, + headerbar.selection-mode button.flat:disabled, + headerbar.selection-mode button.flat:backdrop:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + .selection-mode.titlebar:not(headerbar) button:disabled, + headerbar.selection-mode button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked, + headerbar.selection-mode button:disabled:active, + headerbar.selection-mode button:disabled:checked { + color: rgba(248, 248, 242, 0.7); + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, + headerbar.selection-mode button:disabled:active label, + headerbar.selection-mode button:disabled:checked label { + color: rgba(248, 248, 242, 0.7); } + .selection-mode.titlebar:not(headerbar) button.suggested-action, + headerbar.selection-mode button.suggested-action { + font-weight: normal; + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:hover, + headerbar.selection-mode button.suggested-action:hover { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:active, + headerbar.selection-mode button.suggested-action:active { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:disabled, + headerbar.selection-mode button.suggested-action:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop, + headerbar.selection-mode button.suggested-action:backdrop { + color: rgba(255, 255, 255, 0.4); + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) button.suggested-action:backdrop:disabled, + headerbar.selection-mode button.suggested-action:backdrop:disabled { + color: white; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #72BFD0; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop, .selection-mode.titlebar:not(headerbar) .selection-menu, + headerbar.selection-mode .selection-menu:backdrop, + headerbar.selection-mode .selection-menu { + border-color: rgba(189, 147, 249, 0); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0), rgba(189, 147, 249, 0)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop GtkArrow, .selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow, + headerbar.selection-mode .selection-menu:backdrop GtkArrow, + headerbar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + .selection-mode.titlebar:not(headerbar) .selection-menu:backdrop .arrow, .selection-mode.titlebar:not(headerbar) .selection-menu .arrow, + headerbar.selection-mode .selection-menu:backdrop .arrow, + headerbar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: rgba(248, 248, 242, 0.5); + -gtk-icon-shadow: none; } + .tiled .titlebar:not(headerbar), + .maximized .titlebar:not(headerbar), .tiled + headerbar.titlebar, + .maximized + headerbar.titlebar { + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + .tiled .titlebar:backdrop:not(headerbar), .tiled .titlebar:not(headerbar), + .maximized .titlebar:backdrop:not(headerbar), + .maximized .titlebar:not(headerbar), .tiled + headerbar:backdrop, .tiled + headerbar, + .maximized + headerbar:backdrop, + .maximized + headerbar { + border-radius: 0; } + .default-decoration.titlebar:not(headerbar), + headerbar.default-decoration { + padding: 4px; + min-height: 28px; } + .default-decoration.titlebar:not(headerbar) button.titlebutton, + headerbar.default-decoration button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; } + +headerbar entry, +headerbar spinbutton, +headerbar separator { + margin-top: 5px; + margin-bottom: 5px; } + +headerbar switch { + margin-top: 10px; + margin-bottom: 10px; } + +headerbar separator { + background: transparent; } + +.background:not(.tiled):not(.maximized) .titlebar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1); } + .background:not(.tiled):not(.maximized) .titlebar:backdrop, .background:not(.tiled):not(.maximized) .titlebar { + border-top-left-radius: 4px; + border-top-right-radius: 4px; } + +window:not(.tiled):not(.maximized) separator:first-child + headerbar:backdrop, window:not(.tiled):not(.maximized) separator:first-child + headerbar, +window:not(.tiled):not(.maximized) headerbar:first-child:backdrop, +window:not(.tiled):not(.maximized) headerbar:first-child { + border-top-left-radius: 4px; } + +window:not(.tiled):not(.maximized) headerbar:last-child:backdrop, window:not(.tiled):not(.maximized) headerbar:last-child { + border-top-right-radius: 4px; } + +window.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: transparent; } + +/************** + * GtkInfoBar * + **************/ +.info, .warning, .question, .error, +infobar { + text-shadow: none; + color: #f8f8f2; + background-color: #1e1f29; + border-bottom: 1px solid #08090c; + 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: #f8f8f2; + border: none; } + .info .label, .warning .label, .question .label, .error .label { + color: #f8f8f2; } + .info .label:backdrop, .warning .label:backdrop, .question .label:backdrop, .error .label:backdrop { + color: rgba(248, 248, 242, 0.5); } + .info button, .warning button, .question button, .error button { + border-radius: 2px; + border: none; + background: rgba(40, 42, 54, 0.98); + color: #f8f8f2; + 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: #f8f8f2; } + .info button:active, .warning button:active, .question button:active, .error button:active { + background: #282a36; + color: #f8f8f2; + 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(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 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(40, 42, 54, 0.6); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:disabled:backdrop, .warning button:disabled:backdrop, .question button:disabled:backdrop, .error button:disabled:backdrop { + background: rgba(40, 42, 54, 0.5); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + .info button:backdrop, .warning button:backdrop, .question button:backdrop, .error button:backdrop { + background: rgba(40, 42, 54, 0.8); + color: rgba(248, 248, 242, 0.5); + box-shadow: none; } + +.info { + background-color: #50fa7a; } + .info:backdrop { + background-color: #82fba0; + color: rgba(248, 248, 242, 0.5); } + +.warning { + background-color: #ff9f39; } + .warning:backdrop { + background-color: #ffb86c; + color: rgba(248, 248, 242, 0.5); } + +.question { + background-color: #72BFD0; } + .question:backdrop { + background-color: #98d0dd; + color: rgba(248, 248, 242, 0.5); } + +.error { + background-color: #ff3c3c; } + .error:backdrop { + background-color: #ff6f6f; + color: rgba(248, 248, 242, 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(0, 0, 0, 0.14); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + levelbar trough:backdrop { + background-color: rgba(0, 0, 0, 0.06); + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block { + border-radius: 2px; } + levelbar block:backdrop { + box-shadow: none; } + levelbar block.low { + background-color: #ff9f39; } + levelbar block.low:backdrop { + border-color: #ff9f39; } + levelbar block.high, levelbar block:not(.empty) { + background-color: #72BFD0; } + levelbar block.high:backdrop, levelbar block:not(.empty):backdrop { + border-color: #72BFD0; } + levelbar block.full { + background-color: #4caec3; } + levelbar block.full:backdrop { + border-color: #4caec3; } + levelbar block.empty { + background-color: rgba(0, 0, 0, 0.14); + box-shadow: none; } + +/********* + * Links * + *********/ +*:link, button:link, +button:visited { + color: #13b1d5; } + *:link:visited, + button:visited { + color: rgba(19, 177, 213, 0.5); } + *:selected *:link:visited, *:selected button:visited:link, + *:selected button:visited { + color: rgba(237, 230, 243, 0.8); } + *:link:hover, button:hover:link, + button:hover:visited { + color: #2fc9ec; } + *:selected *:link:hover, *:selected button:hover:link, + *:selected button:hover:visited { + color: rgba(246, 244, 242, 0.95); } + *:link:active, button:active:link, + button:active:visited { + color: #13b1d5; } + *:selected *:link:active, *:selected button:active:link, + *:selected button:active:visited { + color: rgba(243, 240, 243, 0.9); } + *:link:backdrop:backdrop:hover, button:backdrop:backdrop:hover:link, + button:backdrop:backdrop:hover:visited, *:link:backdrop:backdrop:hover:selected, .selection-mode.titlebar:not(headerbar) .subtitle:backdrop:backdrop:hover:link, + headerbar.selection-mode .subtitle:backdrop:backdrop:hover:link, button:backdrop:backdrop:hover:selected:link, + button:backdrop:backdrop:hover:selected:visited, *:link:backdrop, button:backdrop:link, + button:backdrop:visited { + color: rgba(189, 147, 249, 0.5); } + *:link:selected, .selection-mode.titlebar:not(headerbar) .subtitle:link, + headerbar.selection-mode .subtitle:link, button:selected:link, + button:selected:visited, + *:selected *:link, + *:selected button:link, + *:selected button:visited { + color: rgba(243, 240, 243, 0.9); } + +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: #f8f8f2; + background-color: #282a36; + border-color: rgba(25, 26, 34, 0.9); } + list:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + +row { + padding: 8px 14px; + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row label { + padding-left: 8px; } + row:hover { + transition: none; } + row:backdrop { + transition: 200ms ease-out; } + row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(248, 248, 242, 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(189, 147, 249, 0.3); } + row.activatable:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: #1e1f29; + color: #f8f8f2; + -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 rgba(189, 147, 249, 0.5); } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: #8b8c8e; + box-shadow: none; } + +menu, +.menu, +.context-menu { + margin: 4px; + padding: 2px 0px; + background-color: #242530; + border: 1px solid rgba(25, 26, 34, 0.9); } + .csd menu, .csd + .menu, .csd + .context-menu { + border: none; } + menu:backdrop, + .menu:backdrop, + .context-menu:backdrop { + background-color: #282a36; } + menu menuitem, + .menu menuitem, + .context-menu menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; } + menu menuitem:hover, + .menu menuitem:hover, + .context-menu menuitem:hover { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + menu menuitem:disabled, + .menu menuitem:disabled, + .context-menu menuitem:disabled { + color: #8b8c8e; } + menu menuitem:disabled:backdrop, + .menu menuitem:disabled:backdrop, + .context-menu menuitem:disabled:backdrop { + color: #3e4055; } + menu menuitem:backdrop, menu menuitem:backdrop:hover, + .menu menuitem:backdrop, + .menu menuitem:backdrop:hover, + .context-menu menuitem:backdrop, + .context-menu menuitem:backdrop:hover { + color: #8b8c8e; + 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: #242530; + border-radius: 0; } + menu > arrow.top, + .menu > arrow.top, + .context-menu > arrow.top { + margin-top: -6px; + border-bottom: 1px solid #3d3f49; + -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 #3d3f49; + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + menu > arrow:hover, + .menu > arrow:hover, + .context-menu > arrow:hover { + background-color: #3d3f49; } + menu > arrow:backdrop, + .menu > arrow:backdrop, + .context-menu > arrow:backdrop { + background-color: #282a36; } + 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; } + +/******** + * Misc * + ********/ +.content-view { + background-color: #0f0f14; } + .content-view:hover { + -gtk-icon-effect: highlight; } + .content-view:backdrop { + background-color: #0f0f14; } + +.osd .scale-popup button.flat { + border-style: none; + border-radius: 5px; } + +.scale-popup button:hover { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 5px; } + +/************ +* Assistant * +*************/ +assistant { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; } + assistant .sidebar { + background-color: #282a36; + border-top: 1px solid rgba(25, 26, 34, 0.9); + border-bottom-left-radius: 4px; } + assistant .sidebar:backdrop { + background-color: #2a2c39; + border-color: rgba(26, 27, 35, 0.91); } + 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: #4a4a51; } + +/************* + * Notebooks * + *************/ +notebook > header { + padding: 1px; + border-color: rgba(25, 26, 34, 0.9); + border-width: 0px; + background-color: #1e1f29; } + notebook > header:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: #1e1f29; } + notebook > header tabs { + margin: -1px; } + notebook > header.top { + border-bottom-style: solid; } + notebook > header.top > tabs { + margin-bottom: -2px; } + notebook > header.top > tabs > tab:backdrop { + box-shadow: none; } + notebook > header.top > tabs > tab:checked { + background-color: #282a36; } + notebook > header.top > tabs > tab:checked:hover { + background-color: #282a36; } + 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: #282a36; } + 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: #282a36; } + 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: #282a36; } + notebook > header.top > tabs > arrow { + border-top-style: none; } + notebook > header.bottom > tabs > arrow { + border-bottom-style: none; } + notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; } + notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook > header.left > tabs > arrow { + border-left-style: none; } + notebook > header.right > tabs > arrow { + border-right-style: none; } + notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook > header > tabs > arrow { + min-height: 16px; + min-width: 16px; + border-radius: 0; } + notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + box-shadow: none; } + notebook > header > tabs > arrow:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; } + notebook > header tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + outline-offset: -5px; + color: #8b8c8e; + font-weight: bold; + border-width: 1px; + border-color: transparent; } + notebook > header tab:hover { + color: #c2c2c0; } + notebook > header tab:hover.reorderable-page { + border-color: rgba(25, 26, 34, 0.2); + background-color: rgba(30, 31, 41, 0.2); } + notebook > header tab:backdrop { + color: #5f6066; } + notebook > header tab:backdrop.reorderable-page { + border-color: transparent; + background-color: transparent; } + notebook > header tab:checked { + color: #f8f8f2; } + notebook > header tab:checked.reorderable-page { + border-color: rgba(25, 26, 34, 0.4); + background-color: rgba(30, 31, 41, 0.5); } + notebook > header tab:checked.reorderable-page:hover { + background-color: rgba(30, 31, 41, 0.7); } + notebook > header tab:backdrop:checked { + color: #8b8c8e; } + notebook > header tab:backdrop:checked.reorderable-page { + border-color: rgba(26, 27, 35, 0.91); + background-color: #2a2c39; } + 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: #ff5555; } + notebook > header tab button.flat, notebook > header tab button.flat:backdrop { + color: alpha(currentColor,0.3); } + notebook > header tab button.flat:last-child { + margin-left: 4px; + margin-right: -4px; } + notebook > header tab button.flat:first-child { + margin-left: -4px; + margin-right: 4px; } + notebook > header.top tabs, notebook > header.bottom tabs { + padding-left: 0.5px; + padding-right: 0.5px; } + notebook > header.top tabs:not(:only-child), notebook > header.bottom tabs:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs:not(:only-child):first-child, notebook > header.bottom tabs:not(:only-child):first-child { + margin-left: 0.5px; } + notebook > header.top tabs:not(:only-child):last-child, notebook > header.bottom tabs:not(:only-child):last-child { + margin-right: 0.5px; } + notebook > header.top tabs tab, notebook > header.bottom tabs tab { + margin-left: 0.5px; + margin-right: 0.5px; } + notebook > header.top tabs tab.reorderable-page, notebook > header.bottom tabs tab.reorderable-page { + border-style: none solid; } + notebook > header.left tabs, notebook > header.right tabs { + padding-top: 4px; + padding-bottom: 4px; } + notebook > header.left tabs:not(:only-child), notebook > header.right tabs:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; } + notebook > header.left tabs:not(:only-child):first-child, notebook > header.right tabs:not(:only-child):first-child { + margin-top: -1px; } + notebook > header.left tabs:not(:only-child):last-child, notebook > header.right tabs:not(:only-child):last-child { + margin-bottom: -1px; } + notebook > header.left tabs tab, notebook > header.right tabs tab { + margin-top: 4px; + margin-bottom: 4px; } + notebook > header.left tabs tab.reorderable-page, notebook > header.right tabs tab.reorderable-page { + border-style: solid none; } + notebook > header.top tab { + padding-bottom: 4px; } + notebook > header.bottom tab { + padding-top: 4px; } + +notebook > stack:not(:only-child) { + background-color: #282a36; } + notebook > stack:not(:only-child):backdrop { + background-color: #2a2c39; } + +/********* + * Paned * + *********/ +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px; } + paned > separator:selected { + background-image: image(rgba(189, 147, 249, 0.5)); } + paned > separator:backdrop { + background-image: image(rgba(26, 27, 35, 0.91)); } + paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #1e1f29; + background-image: image(rgba(25, 26, 34, 0.9)), image(rgba(25, 26, 34, 0.9)); + background-size: 1px 1px, 1px 1px; } + paned > separator.wide:backdrop { + background-color: #1e1f29; + background-image: image(rgba(26, 27, 35, 0.91)), image(rgba(26, 27, 35, 0.91)); } + +paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +/************ + * Pathbars * + ************/ +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 4px; + padding-right: 4px; } + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; } + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 8px; } + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 8px; } + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; } + +.path-bar button.slider-button { + padding-left: 0; + padding-right: 0; } + +/*************** + * Popovers * + ***************/ +popover.background { + padding: 2px; + border-radius: 5px; + background-color: #242530; + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4); } + .csd popover.background, popover.background { + border: 1px solid rgba(25, 26, 34, 0.9); } + popover.background:backdrop { + background-color: #1e1f29; + box-shadow: none; } + popover.background > list, + popover.background > .view, + popover.background > iconview, + popover.background > toolbar { + border-style: none; + background-color: transparent; } + .csd popover.background.touch-selection, .csd popover.background.magnifier, popover.background.touch-selection, popover.background.magnifier { + border: 1px solid rgba(255, 255, 255, 0.1); } + popover.background separator { + margin: 3px; } + popover.background list separator { + margin: 0px; } + +/***************** + * Progress bars * + *****************/ +progressbar { + font-size: smaller; + color: rgba(248, 248, 242, 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(140, 143, 171, 0.14); + border: none; + border-radius: 3px; + margin: 0; } + progressbar trough:disabled, scale trough:disabled, scale fill:disabled { + background-color: rgba(0, 0, 0, 0.14); } + progressbar trough:backdrop, progressbar:backdrop trough, scale trough:backdrop, scale fill:backdrop { + background-color: rgba(0, 0, 0, 0.14); + transition: 200ms ease-out; } + progressbar trough:backdrop:disabled, progressbar:backdrop trough:disabled, scale trough:backdrop:disabled, scale fill:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.14); } + +progressbar progress, scale highlight { + border: none; + background-color: rgba(189, 147, 249, 0.5); + border-radius: 3px; + margin: 0; } + progressbar progress:disabled, scale highlight:disabled { + border: none; + background-color: rgba(0, 0, 0, 0.14); } + progressbar progress:backdrop, progressbar:backdrop progress, scale highlight:backdrop, progressbar progress:active:backdrop, progressbar:backdrop progress:active, scale highlight:active:backdrop { + border-color: rgba(204, 171, 250, 0.5); + background-color: rgba(204, 171, 250, 0.5); } + progressbar progress:backdrop:disabled, progressbar:backdrop progress:disabled, scale highlight:backdrop:disabled, progressbar progress:active:backdrop:disabled, progressbar:backdrop progress:active:disabled, scale highlight:active:backdrop:disabled { + background-color: rgba(0, 0, 0, 0.1); } + +scale { + min-height: 16px; + min-width: 16px; + padding: 8px; } + scale.horizontal trough, + scale.horizontal progress { + min-height: 6px; } + scale.vertical trough, + scale.vertical progress { + min-width: 6px; } + scale slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + background-color: #3e4153; + 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: #bd93f9; } + scale slider:active:disabled { + background-color: #22232e; + 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: rgba(25, 26, 34, 0.9); } + scale fill:disabled:backdrop, scale fill:disabled { + border-color: transparent; + background-color: transparent; } + .osd scale fill { + background-color: rgba(97, 97, 97, 0.775); } + .osd scale fill:disabled:backdrop, .osd scale fill:disabled { + border-color: transparent; + background-color: transparent; } + scale slider { + border-color: #282a36; + border: none; + border-radius: 12px; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale slider:active { + border-color: rgba(159, 99, 246, 0.5); } + scale slider:disabled { + background-color: #22232e; + 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: #22232e; + 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: rgba(159, 99, 246, 0.5); } + .osd scale slider { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + border-color: rgba(0, 0, 0, 0.7); + background-color: #14171a; } + .osd scale slider:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); + background-color: #14171a; } + .osd scale slider:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + background-color: #14171a; } + .osd scale slider:backdrop:disabled { + background-color: #14171a; } + 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: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.horizontal.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-before:not(.marks-after) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:hover { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:active { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.vertical.marks-after:not(.marks-before) slider:backdrop:disabled { + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + background-color: #3e4153; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0px 0px 1px 1px rgba(0, 0, 0, 0.1); } + scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; } + scale.color { + min-height: 0; + min-width: 0; } + scale.color trough { + background-image: image(rgba(25, 26, 34, 0.9)); + 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: #232530; + 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 rgba(25, 26, 34, 0.9); } + scrollbar.bottom { + border-top: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.left { + border-right: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar.right { + border-left: 1px solid rgba(25, 26, 34, 0.9); } + scrollbar:backdrop { + background-color: #181820; + border-color: rgba(26, 27, 35, 0.91); + 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: #a1a1a2; } + scrollbar slider:hover { + background-color: #cccdca; } + scrollbar slider:hover:active { + background-color: rgba(219, 195, 252, 0.5); } + scrollbar slider:backdrop { + background-color: #4a4b51; } + 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: #f8f8f2; + border: 1px solid black; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { + min-width: 5px; + min-height: 5px; + background-color: #f8f8f2; + 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: #a1a1a2; } + 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: #cccdca; } + 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: rgba(219, 195, 252, 0.5); } + 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(161, 161, 162, 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: #4a4b51; } + 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(74, 75, 81, 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 rgba(25, 26, 34, 0.9); + margin-top: -1px; } + +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: #232530; } + .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 rgba(25, 26, 34, 0.9); + border-right-style: none; } + .sidebar:backdrop { + background-color: #242631; + border-color: rgba(26, 27, 35, 0.91); + transition: 200ms ease-out; } + .sidebar list { + background-color: #20212b; } + .sidebar row:selected { + background: transparent; + color: #bd93f9; } + .sidebar row:selected:backdrop { + color: rgba(189, 147, 249, 0.4); + background: transparent; } + .sidebar row:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + .sidebar row:selected:hover { + background-color: rgba(189, 147, 249, 0.3); } + .sidebar row:selected label { + color: #bd93f9; } + .sidebar.source-list { + background-color: #1e1f29; + color: #F2EFEA; + padding: 4px 0px; } + .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(189, 147, 249, 0.3); } + .sidebar.source-list.view:selected:backdrop, iconview.sidebar.source-list:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + .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(40, 42, 54, 0.6); } + 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: rgba(25, 26, 34, 0.9); } + +stacksidebar row { + padding: 10px 4px; } + stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; } + stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; } + +placessidebar > viewport.frame { + border-style: none; } + +placessidebar row.sidebar-new-bookmark-row { + color: rgba(189, 147, 249, 0.5); } + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #50fa7a, inset 0 -1px #50fa7a; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected { + background-color: #50fa7a; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #f8f8f2; } + +/***************** + * 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: #e3e3df; + background-image: none; + border-style: none none none solid; + border-color: rgba(25, 26, 34, 0.2); + 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: #f8f8f2; + background-color: rgba(248, 248, 242, 0.05); } + spinbutton:not(.vertical) button:disabled { + color: rgba(139, 140, 142, 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: #818285; + background-color: transparent; + border-color: rgba(26, 27, 35, 0.21); + transition: 200ms ease-out; } + spinbutton:not(.vertical) button:backdrop:disabled { + color: rgba(62, 64, 85, 0.3); + background-image: none; + border-style: none none none solid; + box-shadow: inset 1px 0px 0px 0px rgba(0, 0, 0, 0.07); } + spinbutton:not(.vertical) button:backdrop:disabled:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +.osd spinbutton:not(.vertical) button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-style: none none none solid; + border-color: rgba(0, 0, 0, 0.4); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; } + .osd spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + .osd spinbutton:not(.vertical) button:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + background-color: rgba(254, 254, 254, 0.1); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:backdrop { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #fefefe; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: inset 0 1px rgba(255, 255, 255, 0); + text-shadow: none; + -gtk-icon-shadow: none; + color: #898b8c; + border-color: rgba(0, 0, 0, 0.5); + -gtk-icon-shadow: none; + box-shadow: none; } + .osd spinbutton:not(.vertical) button:last-child { + border-radius: 0 3px 3px 0; } + .osd spinbutton:not(.vertical) button:dir(rtl):first-child { + border-radius: 3px 0 0 3px; } + +spinbutton.vertical:disabled { + color: #8b8c8e; } + +spinbutton.vertical:backdrop:disabled { + color: #3e4055; } + +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: rgba(25, 26, 34, 0.9); + box-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; } + +spinbutton.vertical button.down { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; } + +.osd spinbutton.vertical button:first-child { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + .osd spinbutton.vertical button:first-child:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .osd spinbutton.vertical button:first-child:backdrop { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(20, 23, 26, 0.8), rgba(20, 23, 26, 0.8)); + 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: rgba(189, 147, 249, 0.5); } + +/********************* + * 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: 2px; + background-color: #3e4153; + 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: #22232e; } + switch:backdrop { + background-color: #2f313f; + transition: 200ms ease-out; } + switch:backdrop:disabled { + background-color: #22232e; } + switch:active, switch:checked { + background-color: #50fa7a; } + switch:active:backdrop, switch:checked:backdrop { + background-color: #50fa7a; } + switch:active:backdrop slider:backdrop, switch:checked:backdrop slider:backdrop { + box-shadow: none; + background-color: rgba(40, 42, 54, 0.9); + border: none; } + switch slider { + padding: 2px; + min-width: 16px; + min-height: 16px; + border-radius: 100%; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-color: #282a36; + 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: #282a36; } + switch trough:active, switch trough:checked { + background-color: rgba(189, 147, 249, 0.5); } + switch trough:active:backdrop, switch trough:checked:backdrop { + background-color: rgba(189, 147, 249, 0.4); } + +/************ + * Toolbars * + ************/ +toolbar, .inline-toolbar, searchbar, +.location-bar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #1e1f29; } + +toolbar { + padding: 4px 3px 3px 4px; } + .osd toolbar { + background-color: transparent; } + toolbar.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: rgba(20, 23, 26, 0.8); } + 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: rgba(25, 26, 34, 0.9); + background-color: rgba(29, 30, 39, 0.97); } + .inline-toolbar:backdrop, searchbar:backdrop, + .location-bar:backdrop { + border-color: rgba(26, 27, 35, 0.91); + background-color: rgba(29, 30, 39, 0.9685); + box-shadow: none; + transition: 200ms ease-out; } + +searchbar { + background: #282a36; } + +/************ + * Tooltips * + ************/ +tooltip { + padding: 4px; + /* not working */ + border-radius: 5px; + box-shadow: none; + text-shadow: 0 1px black; } + tooltip.background { + background-color: rgba(0, 0, 0, 0.8); + background-clip: padding-box; + border: 1px solid rgba(255, 255, 255, 0.1); } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: white; } + +/************** + * Tree Views * + **************/ +treeview.view { + border-left-color: #909194; + border-top-color: #1e1f29; } + * { + -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: rgba(233, 223, 244, 0.75); + border-top-color: rgba(248, 248, 242, 0.1); } + treeview.view:disabled { + color: #8b8c8e; } + treeview.view:disabled:selected { + color: rgba(228, 214, 244, 0.7); } + treeview.view:disabled:selected:backdrop { + color: rgba(207, 177, 247, 0.5); } + treeview.view:disabled:backdrop { + color: #3e4055; } + treeview.view.separator { + min-height: 2px; + color: #1e1f29; } + treeview.view.separator:backdrop { + color: rgba(30, 31, 41, 0.1); } + treeview.view:backdrop { + border-left-color: #55565c; + border-top: #1e1f29; } + treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: rgba(159, 99, 246, 0.5); } + 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: #bababa; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #f8f8f2; } + treeview.view.expander:selected { + color: rgba(241, 235, 243, 0.85); } + treeview.view.expander:selected:hover { + color: #f8f8f2; } + treeview.view.expander:selected:backdrop { + color: rgba(230, 218, 244, 0.5); } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.expander:backdrop { + color: #6e6f74; } + treeview.view.progressbar { + border: 1px solid rgba(159, 99, 246, 0.5); + border-radius: 4px; + background-color: rgba(189, 147, 249, 0.5); + background-image: linear-gradient(to bottom, rgba(189, 147, 249, 0.5), rgba(159, 99, 246, 0.5)); + 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); + background-image: linear-gradient(to bottom, #282a36, #121319); } + treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { + border-color: #2a2c39; + background-color: #2a2c39; } + treeview.view.progressbar:backdrop { + border-color: #2a2c39; + background-image: none; + box-shadow: none; } + treeview.view.trough { + background-color: rgba(248, 248, 242, 0.1); + border-radius: 4px; } + treeview.view.trough:selected:focus, treeview.view.trough:selected { + background-color: rgba(159, 99, 246, 0.5); + border-radius: 4px; } + treeview.view header button { + color: #909194; + background-color: #282a36; + font-weight: bold; + text-shadow: none; + box-shadow: none; } + treeview.view header button:hover { + color: #c4c5c3; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #f8f8f2; + 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: rgba(189, 147, 249, 0.5); + color: #282a36; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px #282a36; + text-shadow: none; } + treeview.view acceleditor > label { + background-color: rgba(189, 147, 249, 0.5); } + +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: #1e1f29; } + treeview.view header button:disabled { + border-color: #1e1f29; + background-image: none; } + treeview.view header button:backdrop { + border-color: #1e1f29; + border-style: none solid solid none; + color: #55565c; + background-image: none; + background-color: #2a2c39; } + treeview.view header button:backdrop:disabled { + border-color: #1e1f29; + background-image: none; } + +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + border-width: 0px; + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.15); + transition: 200ms ease-out; } + .maximized decoration, + .fullscreen decoration, + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; } + .csd.popup decoration { + border-radius: 0; + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(25, 26, 34, 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(25, 26, 34, 0.7); } + .solid-csd decoration { + border-radius: 0; + margin: 0px; + background-color: #1e1f29; + border: solid 1px rgba(26, 27, 35, 0.91); + box-shadow: none; } + +button.titlebutton { + background-repeat: no-repeat; + background-position: center; + min-height: 32px; + padding: 0 3px; + box-shadow: none; } + button.titlebutton.close { + background-image: -gtk-scaled(url("../assets/close.png"), url("../assets/close@2.png")); } + button.titlebutton.close:hover, button.titlebutton.close:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"), url("../assets/close_prelight@2.png")); } + button.titlebutton.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"), url("../assets/maximize@2.png")); } + button.titlebutton.maximize:hover, button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"), url("../assets/maximize_prelight@2.png")); } + button.titlebutton.minimize { + background-image: -gtk-scaled(url("../assets/min.png"), url("../assets/min@2.png")); } + button.titlebutton.minimize:hover, button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"), url("../assets/min_prelight@2.png")); } + button.titlebutton.close:backdrop, button.titlebutton.minimize:backdrop, button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("../assets/close_unfocused.png"), url("../assets/close_unfocused@2.png")); } + button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + text-shadow: 0 -1px rgba(0, 0, 0, 0.378824); + -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.378824); } + headerbar.selection-mode button.titlebutton:backdrop, + .titlebar.selection-mode button.titlebutton:backdrop { + -gtk-icon-shadow: none; } + +.view:selected:focus, .view:selected, iconview:selected, .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: rgba(189, 147, 249, 0.5); } + row:selected label, label:selected, .selection-mode button.titlebutton, .view:selected:focus, .view:selected, iconview:selected, .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: #f8f8f2; + 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:focus, spinbutton:not(.vertical) selection:disabled, + entry selection:disabled, row:disabled:selected { + color: rgba(233, 223, 244, 0.75); } + 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:focus, spinbutton:not(.vertical) selection:backdrop, + entry selection:backdrop, row:backdrop:selected { + color: rgba(248, 248, 242, 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(207, 177, 247, 0.5); } + +.monospace { + font-family: Monospace; } + +/********************** + * DE-Specific Styles * + **********************/ +/********* +* Budgie * +*********/ +.budgie-container { + background-color: transparent; } + .budgie-container:backdrop { + background-color: transparent; } + .budgie-container popover list, + .budgie-container popover row { + border: none; + background: none; + padding: 0; + margin: 0; } + +.budgie-popover .container, +.budgie-popover border, +.budgie-popover list, +.budgie-popover row { + padding: 0; + margin: 0; + background: none; + border: none; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + opacity: 1; + min-width: 0; + min-height: 0; } + +.budgie-popover, +.budgie-popover.background { + border-radius: 2px; + padding: 0; + background-color: rgba(30, 31, 41, 0.98); + background-clip: border-box; + box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35); + border: 1px solid @borders; } + .budgie-popover list:hover, + .budgie-popover row:hover, + .budgie-popover.background list:hover, + .budgie-popover.background row:hover { + background: none; } + .budgie-popover > frame.container, + .budgie-popover.background > frame.container { + margin: 0 -1px -1px; + padding: 2px 0 0; } + +.budgie-popover > .container { + padding: 2px; } + +.budgie-menu .container { + padding: 0; } + +.budgie-menu button:hover { + -gtk-icon-effect: none; } + +.budgie-menu entry.search { + border: none; + background: none; + padding: 5px 2px; + border-bottom: 1px solid @borders; + border-radius: 0; + font-size: 120%; + box-shadow: none; } + .budgie-menu entry.search image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-menu entry.search image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } + +.budgie-menu .categories { + border-width: 0; + margin-left: 3px; + background-color: transparent; } + .budgie-menu .categories:dir(ltr) { + border-right: 1px solid @borders; } + .budgie-menu .categories:dir(rtl) { + border-left: 1px solid @borders; } + +.budgie-menu .category-button { + padding: 8px; + border-radius: 2px 0 0 2px; } + .budgie-menu .category-button:hover { + background-color: rgba(248, 248, 242, 0.05); + color: #f8f8f2; } + .budgie-menu .category-button:active { + box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + .budgie-menu .category-button:checked { + color: #f8f8f2; + background-color: rgba(174, 123, 248, 0.3); } + .budgie-menu .category-button:checked:disabled { + opacity: 0.5; } + .budgie-menu .category-button:checked:disabled label { + color: rgba(248, 248, 242, 0.7); } + +.budgie-menu scrollbar { + background-color: transparent; + border-color: transparent; } + +.budgie-menu button:not(.category-button) { + padding-top: 5px; + padding-bottom: 5px; + border-radius: 0; + box-shadow: none; } + +.budgie-menu undershoot, .budgie-menu overshoot { + background: none; } + +button.budgie-menu-launcher { + padding: 0 2px; + color: #f8f8f2; + box-shadow: none; + background-color: transparent; } + button.budgie-menu-launcher:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:active, button.budgie-menu-launcher:checked { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop { + color: #f8f8f2; + background-color: transparent; } + button.budgie-menu-launcher:backdrop:hover { + color: #f8f8f2; } + button.budgie-menu-launcher:backdrop:active, button.budgie-menu-launcher:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + box-shadow: none; + background-color: transparent; } + +.user-menu .content-box separator { + margin-left: 6px; + margin-right: 6px; + background-color: rgba(248, 248, 242, 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: #72BFD0; + 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: #f8f8f2; } + .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: #f8f8f2; } + .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: #f8f8f2; + box-shadow: none; } + button.raven-trigger:hover { + color: #f8f8f2; + background-color: transparent; } + button.raven-trigger:active, button.raven-trigger:checked { + box-shadow: none; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + button.raven-trigger:backdrop { + color: #f8f8f2; } + button.raven-trigger:backdrop:hover { + color: #f8f8f2; } + button.raven-trigger:backdrop:active, button.raven-trigger:backdrop:checked { + box-shadow: none; + color: rgba(189, 147, 249, 0.5); + 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(25, 26, 34, 0.85); + 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(248, 248, 242, 0.04); + border-bottom: 1px solid rgba(25, 26, 34, 0.85); } + +.places-menu .unlock-area { + border-top: 1px solid rgba(25, 26, 34, 0.75); + border-bottom: 1px solid rgba(25, 26, 34, 0.75); } + +.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(25, 26, 34, 0.75); } + +.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: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); + background-image: none; + box-shadow: none; + border: none; + transition: all 150ms ease-in; } + .budgie-panel .alert { + color: #ff5555; } + .budgie-panel:backdrop { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-panel button { + border-top-width: 0; + border-bottom-width: 0; + border-radius: 0; } + .budgie-panel popover list, + .budgie-panel popover row { + padding: 0; + margin: 0; } + .budgie-panel label { + color: #f8f8f2; + font-weight: 700; } + .budgie-panel.transparent { + background-color: rgba(8, 9, 12, 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 .end-region { + border-radius: 0px; } + .budgie-panel .end-region separator { + background-color: rgba(248, 248, 242, 0.15); } + .budgie-panel .end-region label { + font-weight: 700; + color: #f8f8f2; } + +.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(8, 9, 12, 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(8, 9, 12, 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 rgba(189, 147, 249, 0.5); } + +.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 rgba(189, 147, 249, 0.5); } + +.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 rgba(189, 147, 249, 0.5); } + +.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 rgba(189, 147, 249, 0.5); } + +.top .budgie-panel { + border-bottom: 1px solid rgba(15, 15, 20, 0.92); } + +.top .raven-frame { + padding: 0; + background: none; } + .top .raven-frame border { + border: none; + border-bottom: 1px solid rgba(30, 31, 41, 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(15, 15, 20, 0.92); } + +.bottom .raven-frame { + padding: 0; + background: none; } + .bottom .raven-frame border { + border: none; + border-top: 1px solid rgba(30, 31, 41, 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(15, 15, 20, 0.92); } + +.left .raven-frame { + padding: 0; + background: none; } + .left .raven-frame border { + border: none; + border-right: 1px solid rgba(30, 31, 41, 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(15, 15, 20, 0.92); } + +.right .raven-frame { + padding: 0; + background: none; } + .right .raven-frame border { + border: none; + border-left: 1px solid rgba(30, 31, 41, 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: #f8f8f2; + background-color: rgba(30, 31, 41, 0.92); + transition: 170ms ease-out; } + .raven .raven-header { + min-height: 32px; + color: #f8f8f2; + border: solid rgba(25, 26, 34, 0.85); + border-width: 1px 0; + background-color: rgba(30, 31, 41, 0.2); } + .raven .raven-header * { + padding-top: 0; + padding-bottom: 0; } + .raven .raven-header.top { + border-top-style: none; + border-color: transparent; + margin-top: 3px; + min-height: 32px; } + .raven .raven-header.top button.image-button:hover { + color: rgba(174, 123, 248, 0.5); + box-shadow: none; } + .raven .raven-header > button.text-button { + border-radius: 2px; + color: #f8f8f2; + background-color: rgba(255, 60, 60, 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: #f8f8f2; + background-color: rgba(255, 85, 85, 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: #f8f8f2; + background-color: rgba(255, 111, 111, 0.9); + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + .raven .raven-header.bottom { + border-bottom-style: none; } + .raven .raven-header button { + background-color: transparent; + color: #f8f8f2; + border-radius: 0; + border: none; + box-shadow: none; + margin-top: -4px; + margin-bottom: -4px; + min-height: 32px; } + .raven .raven-header button:hover { + border-radius: 0; + background-color: transparent; + color: rgba(189, 147, 249, 0.5); } + .raven .raven-header button:active, .raven .raven-header button:checked { + color: rgba(189, 147, 249, 0.5); + border-radius: 0; + background-color: transparent; } + .raven .raven-header button:disabled { + color: #8b8c8e; } + .raven list { + background-color: transparent; } + .raven list:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven list row, + .raven list row.activatable { + background-color: transparent; } + .raven list row:selected, + .raven list row.activatable:selected { + background-color: rgba(189, 147, 249, 0.4); } + .raven .raven-background { + color: #f8f8f2; + background-color: transparent; + border-color: transparent; } + .raven .raven-background.middle { + border-bottom-style: none; } + .raven .powerstrip { + background-color: transparent; + border-top-color: transparent; } + .raven .powerstrip button.image-button { + border-radius: 50%; + padding: 5px; + min-width: 32px; + margin-bottom: 3px; + background: rgba(68, 71, 90, 0.7); + color: #f8f8f2; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1); + border: none; + font-size: 100%; } + .raven .powerstrip button.image-button:hover { + transition: 170ms ease all; + background: rgba(68, 71, 90, 0.85); + color: #f8f8f2; } + .raven .powerstrip button.image-button:active { + transition: 170ms ease all; + background: #44475a; + color: #f8f8f2; } + .raven .powerstrip button.image-button:first-child { + background: rgba(114, 191, 208, 0.7); } + .raven .powerstrip button.image-button:first-child:hover { + background: rgba(114, 191, 208, 0.85); } + .raven .powerstrip button.image-button:first-child:active { + background: #72BFD0; } + .raven .powerstrip button.image-button:last-child { + background: rgba(255, 85, 85, 0.7); } + .raven .powerstrip button.image-button:last-child:hover { + background: rgba(255, 85, 85, 0.85); } + .raven .powerstrip button.image-button:last-child:active { + background: #ff5555; } + .raven .option-subtitle { + font-size: 13px; } + +calendar.raven-calendar { + padding: 4px; + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.2); + border-color: transparent; } + calendar.raven-calendar:indeterminate { + color: alpha(currentColor,0.3); } + calendar.raven-calendar:selected { + background: transparent; + color: rgba(189, 147, 249, 0.5); + font-weight: bold; } + calendar.raven-calendar:backdrop { + background-color: transparent; } + calendar.raven-calendar.header { + color: #f8f8f2; + 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: #f8f8f2; + background-color: transparent; } + +.raven-mpris { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 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: #282a36; + 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: rgba(189, 147, 249, 0.5); } + .raven-mpris button.image-button:active { + background-color: rgba(174, 123, 248, 0.5); } + .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: #72BFD0; + color: #464626; + border: none; + margin: 0 3px; } + .budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover { + background-color: #5fb6ca; + 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: #5fb6ca; } + +.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: #f8f8f2; } + +.budgie-notification .notification-body, .budgie-osd .notification-body, .budgie-switcher .notification-body { + color: rgba(248, 248, 242, 0.7); } + +.budgie-notification button, .budgie-osd button, .budgie-switcher button { + background-color: transparent; + color: #f8f8f2; } + .budgie-notification button:hover, .budgie-osd button:hover, .budgie-switcher button:hover { + background-color: transparent; + color: #ff5555; + 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: #ff3c3c; } + +.drop-shadow, .budgie-session-dialog.background, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(30, 31, 41, 0.95); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + border-radius: 2px; } + +.budgie-switcher-window flowbox { + color: #f8f8f2; } + +.budgie-switcher-window flowboxchild { + padding: 3px; + margin: 3px; + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:hover { + background-color: transparent; } + .budgie-switcher-window flowboxchild:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected { + color: #f8f8f2; + background-color: rgba(189, 147, 249, 0.5); } + .budgie-switcher-window flowboxchild:selected:active { + color: #f8f8f2; } + .budgie-switcher-window flowboxchild:selected:hover { + background-color: rgba(142, 110, 187, 0.55); } + .budgie-switcher-window flowboxchild:selected:disabled { + color: rgba(248, 248, 242, 0.7); + background-color: rgba(189, 147, 249, 0.3); } + .budgie-switcher-window flowboxchild:selected:disabled label { + color: rgba(248, 248, 242, 0.8); } + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + color: #f8f8f2; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop { + color: rgba(248, 248, 242, 0.8); } + .budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title { + font-size: 120%; } + .budgie-session-dialog .linked.horizontal > button, .budgie-polkit-dialog .linked.horizontal > button, .budgie-run-dialog .linked.horizontal > button { + margin-bottom: 0; + min-height: 32px; + border-bottom: none; + border-radius: 0; + color: #f8f8f2; + background-color: transparent; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), inset 0 1px 2px rgba(0, 0, 0, 0.2); } + .budgie-session-dialog .linked.horizontal > button label, .budgie-polkit-dialog .linked.horizontal > button label, .budgie-run-dialog .linked.horizontal > button label { + font-weight: 700; } + .budgie-session-dialog .linked.horizontal > button:first-child, .budgie-polkit-dialog .linked.horizontal > button:first-child, .budgie-run-dialog .linked.horizontal > button:first-child { + border-left: none; + border-bottom-left-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:last-child, .budgie-polkit-dialog .linked.horizontal > button:last-child, .budgie-run-dialog .linked.horizontal > button:last-child { + border-right: none; + border-bottom-right-radius: 2px; } + .budgie-session-dialog .linked.horizontal > button:hover, .budgie-polkit-dialog .linked.horizontal > button:hover, .budgie-run-dialog .linked.horizontal > button:hover { + background-color: rgba(189, 147, 249, 0.4); } + .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(114, 191, 208, 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(133, 200, 214, 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(133, 200, 214, 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, 34, 34, 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, 60, 60, 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, 60, 60, 0.9); } + .budgie-session-dialog entry, .budgie-polkit-dialog entry, .budgie-run-dialog entry { + background-color: #505359; + color: #f8f8f2; } + .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(248, 248, 242, 0.7); } + +.budgie-polkit-dialog .failure { + color: #ff5555; } + +.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: #f8f8f2; } + .budgie-run-dialog entry.search image:dir(ltr), .budgie-run-dialog entry.search:focus image:dir(ltr) { + padding-left: 8px; + padding-right: 12px; } + .budgie-run-dialog entry.search image:dir(rtl), .budgie-run-dialog entry.search:focus image:dir(rtl) { + padding-left: 12px; + padding-right: 8px; } + +.budgie-run-dialog list row:selected .dim-label, .budgie-run-dialog list row:selected label.separator, .budgie-run-dialog list row:selected .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list row:selected .subtitle, +.budgie-run-dialog list row:selected headerbar .subtitle, headerbar .budgie-run-dialog list row:selected .subtitle { + opacity: 1; } + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0); } + +.budgie-menubar menu { + margin: 4px; + padding: 5px; + border-radius: 0; + background-color: rgba(8, 9, 12, 0.95); } + .budgie-menubar menu menuitem:hover { + background-color: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + +.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(55, 56, 64, 0.928); } + .budgie-menubar arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid rgba(55, 56, 64, 0.928); } + +.budgie-menubar menuitem accelerator { + color: rgba(248, 248, 242, 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(8, 9, 12, 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(30, 31, 41, 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(0, 0, 0, 0.95); } + +.workspace-switcher .workspace-add-button { + border: none; + background: transparent; + box-shadow: none; } + .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: rgba(189, 147, 249, 0.5); } + +.nautilus-window .frame *:selected:backdrop label { + color: rgba(189, 147, 249, 0.4); } + +.nautilus-window paned > separator { + background-image: none; } + +.nautilus-window .sidebar { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar:backdrop { + background-color: transparent; + background-image: none; } + .nautilus-window .sidebar .list-row button { + border: none; + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window .sidebar .list-row button:active { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected { + background-color: rgba(189, 147, 249, 0.25); } + .nautilus-window .sidebar .list-row:selected:hover { + background-color: rgba(189, 147, 249, 0.4); } + .nautilus-window .sidebar .list-row:hover { + background-color: rgba(40, 42, 54, 0.5); } + .nautilus-window .sidebar .list-row:hover:active { + background-color: rgba(189, 147, 249, 0.4); } + +.nautilus-window.background { + background-color: rgba(33, 35, 45, 0.95); } + .nautilus-window.background:backdrop { + background-color: rgba(33, 35, 45, 0.95); } + +.nautilus-window notebook > stack:only-child { + background-color: #282a36; } + .nautilus-window notebook > stack:only-child:backdrop { + background-color: #2a2c39; } + +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); } + +.nautilus-window .searchbar-container { + margin-top: -1px; } + +.nautilus-window .titlebar .search { + border: 1px solid rgba(25, 26, 34, 0.9); + border-radius: 3px; } + +.nautilus-window .path-bar-box .dim-label, .nautilus-window .path-bar-box label.separator, .nautilus-window .path-bar-box .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar-box .subtitle, +.nautilus-window .path-bar-box headerbar .subtitle, headerbar .nautilus-window .path-bar-box .subtitle { + color: transparent; } + +.nautilus-window .path-bar-box widget > .text-button:last-child { + color: #bd93f9; + background-color: transparent; + border-radius: 0; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box widget > .text-button:last-child:backdrop label { + color: rgba(189, 147, 249, 0.4); } + +.nautilus-window .path-bar-box button { + transition: all 100ms ease-in; + margin-left: -5px; } + .nautilus-window .path-bar-box button:backdrop:hover, .nautilus-window .path-bar-box button:backdrop:active, .nautilus-window .path-bar-box button:backdrop:checked { + color: rgba(189, 147, 249, 0.5); + background-color: transparent; + border-radius: 0; + text-shadow: none; + font-weight: bold; } + .nautilus-window .path-bar-box button:backdrop:hover label, .nautilus-window .path-bar-box button:backdrop:active label, .nautilus-window .path-bar-box button:backdrop:checked label { + color: rgba(189, 147, 249, 0.4); } + +.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: #f8f8f2; } + .nautilus-desktop .nautilus-canvas-item { + border-radius: 5px; + color: #f8f8f2; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop .nautilus-canvas-item:active { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:hover { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item:selected { + color: #f8f8f2; + text-shadow: none; } + .nautilus-desktop .nautilus-canvas-item .dim-label:selected, .nautilus-desktop .nautilus-canvas-item label.separator:selected, .nautilus-desktop .nautilus-canvas-item .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-canvas-item .subtitle:selected, + .nautilus-desktop .nautilus-canvas-item headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-canvas-item .subtitle:selected { + color: #f8f8f2; } + .nautilus-desktop .nautilus-list .dim-label:selected, .nautilus-desktop .nautilus-list label.separator:selected, .nautilus-desktop .nautilus-list .titlebar:not(headerbar) .subtitle:selected, .titlebar:not(headerbar) .nautilus-desktop .nautilus-list .subtitle:selected, + .nautilus-desktop .nautilus-list headerbar .subtitle:selected, headerbar .nautilus-desktop .nautilus-list .subtitle:selected { + color: #f8f8f2; } + +/********* + * Gedit * + *********/ +.gedit-search-slider { + padding: 4px; + border-radius: 0 0 3px 3px; + border: 0; + background-color: #1e1f29; } + +/********* + * 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: rgba(189, 147, 249, 0.5); } + +/******** + * Gala * + *******/ +.gala-notification { + border-width: 0; + border-radius: 2px; + color: white; + border: 1px solid #282a36; + background-color: #282a36; } + .gala-notification .title, + .gala-notification .label { + color: #f8f8f2; } + +.gala-button { + padding: 3px; + color: #282a36; + 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(40, 42, 54, 0.05); } + +/*************** + * SwitchBoard * + ***************/ +.category-label { + font-weight: bold; + color: #f8f8f2; } + +/************* + * 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(189, 147, 249, 0); + color: white; } + .button.app .app:focus { + /*background-color: transparentize(black, 0.20);*/ } + +.search-item { + border-radius: 0; + border: none; + color: #f8f8f2; + background: none; } + .search-item:hover, .search-item:focus { + border-radius: 0; + background-color: rgba(189, 147, 249, 0); + color: #f8f8f2; } + +.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: #f8f8f2; } + +/********* + * Panel * + ********/ +.panel { + background-color: transparent; + transition: all 100ms ease-in-out; + color: #fff; } + .panel.maximized { + background-color: #000; } + .panel.translucent { + background-color: rgba(0, 0, 0, 0.5); } + .panel.color-light.translucent { + background-color: rgba(255, 255, 255, 0.85); } + +menubar.panel, +.panel menubar { + box-shadow: none; + border: none; } + +.composited-indicator > revealer, +.composited-indicator > revealer image, +.composited-indicator > revealer label, +.composited-indicator > revealer spinner { + color: #fff; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); + transition: all 200ms ease-in-out; + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); } + +.composited-indicator > revealer image:first-child + label { + margin-left: 5px; } + +.panel.color-light .composited-indicator > revealer, +.panel.color-light .composited-indicator > revealer image, +.panel.color-light .composited-indicator > revealer label, +.panel.color-light .composited-indicator > revealer spinner { + color: rgba(0, 0, 0, 0.6); + text-shadow: 0 1px rgba(255, 255, 255, 0.1); + -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.1); } + +/************** + * Calculator * + **************/ +PantheonCalculatorMainWindow { + border-radius: 0 0 4px 4px; } + PantheonCalculatorMainWindow .window-frame { + border-radius: 3px; } + +/********* + * Cards * + *********/ +.deck { + background-color: #0d0d11; } + +.card { + background-color: #282a36; + 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: #1d1f27; + 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: #1e1f29; + 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: #f8f8f2; } + +/********* +* 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, iconview.sidebar.source-list.level-bar, .sidebar.source-list.view.level-bar:selected, iconview.sidebar.source-list.level-bar:selected, .sidebar.source-list.view.level-bar:selected:focus, iconview.sidebar.source-list.level-bar:selected:focus { + background: linear-gradient(rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.14)); + 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.fill-block, iconview.sidebar.source-list.fill-block { + border: none; } + .sidebar.source-list.view.fill-block, iconview.sidebar.source-list.fill-block, .sidebar.source-list.view.fill-block:hover, iconview.sidebar.source-list.fill-block:hover, .sidebar.source-list.view.fill-block:selected, iconview.sidebar.source-list.fill-block:selected, .sidebar.source-list.view.fill-block:selected:focus, iconview.sidebar.source-list.fill-block:selected:focus { + background: linear-gradient(rgba(189, 147, 249, 0.5), rgba(189, 147, 249, 0.5)); } + +.xfce4-panel.background { + background-color: rgba(30, 31, 41, 0.7); + color: #f8f8f2; + text-shadow: none; + -gtk-icon-shadow: none; } + +#tasklist-button { + color: rgba(255, 255, 255, 0.8); + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); } + #tasklist-button:hover { + color: white; + 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 rgba(189, 147, 249, 0.5); } + +.xfce4-panel.background button.flat { + color: white; + border-radius: 0; + border: none; + background-color: rgba(30, 31, 41, 0); + font-weight: normal; } + .xfce4-panel.background button.flat:hover { + border: none; + background-color: rgba(52, 53, 70, 0.7); } + .xfce4-panel.background button.flat:active, .xfce4-panel.background button.flat:checked { + color: white; + border-bottom: 2px solid rgba(189, 147, 249, 0.5); + background-color: rgba(26, 27, 35, 0.7); } + .xfce4-panel.background button.flat:active label, .xfce4-panel.background button.flat:active image, .xfce4-panel.background button.flat:checked label, .xfce4-panel.background button.flat:checked image { + color: inherit; } + +/******** +* Unity * +*********/ +/* Unity window border color */ +/* Unity window text color */ +/* Backdrop Unity window text color */ +/* Unity panel color #454D50 */ +UnityDecoration { + /* Border properties (top, right, bottom, left) */ + -UnityDecoration-extents: 28px 1px 1px 1px; + /* the size of the decorations */ + -UnityDecoration-input-extents: 10px; + /* the extra size of the input areas */ + /* Shadows settings */ + -UnityDecoration-shadow-offset-x: 1px; + /* Size property, the shadow x offset */ + -UnityDecoration-shadow-offset-y: 1px; + /* Size property, the shadow y offset */ + -UnityDecoration-active-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, active window shadow color */ + -UnityDecoration-active-shadow-radius: 8px; + /* Size property, active window shadow radius */ + -UnityDecoration-inactive-shadow-color: rgba 0, 0, 0, 0.647; + /* Color property, inactive windows shadow color */ + -UnityDecoration-inactive-shadow-radius: 5px; + /* Size property, inactive windows shadow radius */ + /* Glow applied to the selected scaled window */ + -UnityDecoration-glow-size: 8px; + /* Size property, size of glow */ + -UnityDecoration-glow-color: rgba(189, 147, 249, 0.5); + /* 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: #31363D; + color: #fefefe; } + UnityDecoration .top { + padding: 0 5px 0 5px; + border-radius: 4px 4px 0px 0px; + box-shadow: none; + border: 1px solid #31363D; + border-bottom-width: 0; + background-color: #31363D; + color: #fefefe; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: #e5e5e5; + border-top: 1px solid rgba(255, 255, 255, 0.1); } + UnityDecoration .top .menuitem { + color: #fefefe; } + UnityDecoration .top .menuitem:backdrop { + color: #e5e5e5; } + +UnityDecoration.left, +UnityDecoration.right { + background-repeat: repeat-x; + background-color: #30343b; + background-size: 1px 120px; + background-clip: border-box; + background-image: linear-gradient(to bottom, #31363D, #30343b); } + +UnityDecoration.bottom { + background-size: 1px; + background-repeat: repeat-x; + background-color: #30343b; } + +UnityDecoration.left:backdrop, +UnityDecoration.right:backdrop, +UnityDecoration.bottom:backdrop { + background-size: 1px; + background-repeat: repeat-x; } + +/************** +* Unity Panel * +***************/ +UnityPanelWidget, +.unity-panel { + background-color: #1a1d21; + color: #fefefe; } + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #e5e5e5; } + +.unity-panel.menuitem, +.unity-panel .menuitem { + border-width: 0 1px; + color: #fefefe; } + +.unity-panel.menubar, +.unity-panel .menubar { + color: #fefefe; } + +.unity-panel.menu.menubar, +.unity-panel .menu .menubar { + background-color: #1a1d21; + color: #fefefe; } + +.unity-panel.menubar:backdrop, +.unity-panel .menubar *:backdrop { + color: #8b8c8e; } + +.unity-panel.menubar.menuitem, +.unity-panel.menubar .menuitem { + padding: 3px 5px; + border-width: 1px; + border-style: solid; + border: none; + background: none; + color: #fefefe; + box-shadow: none; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem:hover { + border-radius: 0; + background-color: #2f333a; + color: #fefefe; + 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: rgba(25, 26, 34, 0.9); } + +/* Force Quit */ +SheetStyleDialog.unity-force-quit { + background-color: #282a36; } + +@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: rgba(189, 147, 249, 0.5); } + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(25, 26, 34, 0.9); } + MsdOsdWindow.background.osd .progressbar { + background-color: rgba(189, 147, 249, 0.5); + border: none; + border-color: rgba(189, 147, 249, 0.5); + border-radius: 5px; } + MsdOsdWindow.background.osd .trough { + background-color: rgba(9, 10, 12, 0.8); + 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: rgba(189, 147, 249, 0.5); + color: #f8f8f2; } + ConversationListView .view:active:backdrop, ConversationListView iconview:active:backdrop, ConversationListView .view:selected:backdrop, ConversationListView iconview:selected:backdrop { + background-color: rgba(189, 147, 249, 0.4); + color: rgba(248, 248, 242, 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: #f8f8f2; + border: 0px solid rgba(159, 99, 246, 0.5); } + +/*********** + * LightDm * + ***********/ +#panel_window { + background-color: rgba(30, 31, 41, 0.7); + color: white; + font-weight: bold; + box-shadow: inset 0 -1px rgba(15, 15, 20, 0.7); } + #panel_window .menubar, + #panel_window .menubar > .menuitem menubar, + #panel_window menubar > menuitem { + background-color: transparent; + color: white; + font-weight: bold; } + #panel_window .menubar .menuitem:disabled, + #panel_window menubar menuitem:disabled { + color: rgba(255, 255, 255, 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: #f8f8f2; } + +#content_frame { + padding-bottom: 14px; + background-color: #1e1f29; + 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: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:hover { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #282a36; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:active, #content_frame button:checked { + color: #f8f8f2; + outline-color: rgba(248, 248, 242, 0.3); + background-color: rgba(189, 147, 249, 0.5); + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + #content_frame button:disabled { + color: #cfcfcd; + outline-color: rgba(248, 248, 242, 0.3); + background-color: #22232e; + text-shadow: none; + box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #1e1f29; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; } + +#buttonbox_frame button { + color: #fefefe; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(20, 23, 26, 0.8); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:hover { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(47, 54, 61, 0.8), rgba(47, 54, 61, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(33, 38, 43, 0.8), rgba(33, 38, 43, 0.8)); + background-clip: padding-box; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); + text-shadow: none; + -gtk-icon-shadow: none; + outline-color: rgba(254, 254, 254, 0.3); } + #buttonbox_frame button:disabled { + color: #898b8c; + border-color: rgba(0, 0, 0, 0.7); + background-image: linear-gradient(to bottom, rgba(43, 46, 49, 0.5), rgba(43, 46, 49, 0.5)); + background-clip: padding-box; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + +#login_window #user_combobox { + color: #f8f8f2; + 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; } diff --git a/gtk-3.20/gtk.scss b/gtk-3.20/gtk.scss new file mode 100755 index 0000000..cf5d435 --- /dev/null +++ b/gtk-3.20/gtk.scss @@ -0,0 +1,10 @@ + + +$variant: 'dark'; + +@import 'colors'; +@import 'colors-public'; +@import 'drawing'; +@import 'common'; +@import 'widgets'; +@import 'apps'; diff --git a/gtk-3.20/widgets/_action-bars.scss b/gtk-3.20/widgets/_action-bars.scss new file mode 100644 index 0000000..c610c3d --- /dev/null +++ b/gtk-3.20/widgets/_action-bars.scss @@ -0,0 +1,27 @@ +/*************** +* Action bars * +***************/ + +.action-bar { + background-color: darken($bg_color, 10%); + border: solid $borders_color; + border-width: 1px 0 0 0; + color: $fg_color; + box-shadow: none; + + &:backdrop { + background-color: darken($backdrop_bg_color, 10%); + box-shadow: none; + -gtk-icon-effect: dim; + } + + &:first-child { + border-radius: 6px 6px 0px 0px; + border-width: 1px 1px 0px 1px; + } + + &:last-child { + border-radius: 0 0 6px 6px; + border-width: 0px 1px 1px 1px; + } +} diff --git a/gtk-3.20/widgets/_app-notifications.scss b/gtk-3.20/widgets/_app-notifications.scss new file mode 100644 index 0000000..fa46542 --- /dev/null +++ b/gtk-3.20/widgets/_app-notifications.scss @@ -0,0 +1,23 @@ +/********************* + * App Notifications * + *********************/ +.app-notification, +.app-notification.frame { + @extend %osd; + + padding: 10px; + border-radius: 0 0 5px 5px; + background-color: $osd_bg_color; + background-image: linear-gradient(to bottom, transparentize(black, 0.8), + transparent 2px); + background-clip: padding-box; + + &:backdrop { + background-image: none; + transition: $backdrop_transition; + } + + button { @extend %osd_button; } + + border { border: none; } +} diff --git a/gtk-3.20/widgets/_base-states.scss b/gtk-3.20/widgets/_base-states.scss new file mode 100644 index 0000000..f61eb2c --- /dev/null +++ b/gtk-3.20/widgets/_base-states.scss @@ -0,0 +1,178 @@ +/*************** + * Base States * + ***************/ +.background { + color: $fg_color; + background-color: $bg_color; + + &:backdrop { + color: $backdrop_fg_color; + background-color: $backdrop_bg_color; + 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. +*/ + +*:disabled { -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + color: $fg_color; + background-color: $bg_color; + + &:hover { + color: $fg_color; + background-color: lighten($bg_color, 10%); + } + + &:active { + color: $fg_color; + background-color: darken($bg_color, 10%); + } + + &:disabled { + color: $insensitive_fg_color; + background-color: $insensitive_bg_color; + } + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +.view, +%view { + color: $text_color; + background-color: $base_color; + + &:backdrop { + color: $backdrop_text_color; + background-color: $backdrop_base_color; + } + + &:selected { + &:focus, & { + @extend %selected_items; + + border-radius: 3px; + } + } +} + +.view, +textview { + text { + @extend %view; + + selection { &:focus, & { @extend %selected_items; }} + } +} + +textview border { background-color: mix($bg_color, $base_color, 50%); } + +iconview { @extend .view; } + +.rubberband, +rubberband { + border: 1px solid darken($selected_bg_color, 10%); + background-color: transparentize(darken($selected_bg_color, 10%), 0.3); +} + +flowbox { + rubberband { @extend rubberband; } + + flowboxchild { + padding: 3px; + border-radius: 3px; + + &:selected { + @extend %selected_items; + + outline-offset: -2px; + } + } +} + +label { + caret-color: currentColor; // this shouldn't be needed. + + &.separator { + @extend .dim-label; + + color: $fg_color; + + &:backdrop { color: $backdrop_fg_color; } + } + + row:selected &, + &:selected { @extend %nobg_selected_items; } + + selection { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + &:disabled { + color: $insensitive_fg_color; + + selection { @extend %selected_items:disabled; } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop { + color: $backdrop_fg_color; + + selection { @extend %selected_items:backdrop; } + } +} + +.dim-label { + opacity: 0.55; + text-shadow: none; +} + +assistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar label { padding: 6px 12px; } + + .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } +} + +%osd, .osd { + color: $osd_fg_color; + border: none; + background-color: $osd_bg_color; + background-clip: padding-box; + outline-color: transparentize($osd_fg_color, 0.7); + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + + &:backdrop { + text-shadow: none; + -gtk-icon-shadow: none; + } +} + +*:selected { + background: $selected_bg_color; + color: $selected_fg_color; +} \ No newline at end of file diff --git a/gtk-3.20/widgets/_buttons.scss b/gtk-3.20/widgets/_buttons.scss new file mode 100644 index 0000000..3f87842 --- /dev/null +++ b/gtk-3.20/widgets/_buttons.scss @@ -0,0 +1,554 @@ +/*********** + * Buttons * + ***********/ +// stuff for .needs-attention +$_dot_color: if($variant=='light', $selected_bg_color, + lighten($selected_bg_color,15%)); +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.01, + to($_dot_color), + to(transparent)); + } + + to { + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($selected_bg_color), + to(transparent)); + } +} + +%button, +button { + @at-root %button_basic, & { + + min-height: 24px; + min-width: 16px; + padding: 4px 8px; + border: none; + border-radius: 3px; + transition: $button_transition; + + @include button(normal); + + &.flat { + @include button(undecorated); + // to avoid adiacent buttons borders clashing when transitioning, the transition on the normal state is set + // to none, while it's added back in the hover state, so the button decoration will fade in on hover, but + // it won't fade out when the pointer leave the button allocation area. To make the transition more evident + // in this case the duration is increased. + transition: none; + + &:hover { + transition: $button_transition; + transition-duration: 500ms; + + &:active { transition: $button_transition; } + } + } + + &:hover { + @include button(hover,$selected_bg_color,$selected_fg_color); + -gtk-icon-effect: highlight; + } + + &:active, + &:checked { + @include button(active,darken($selected_bg_color,5%),$selected_fg_color); + + transition-duration: 50ms; + } + + &:backdrop { + &.flat, & { + @include button(backdrop); + + transition: $backdrop_transition; + -gtk-icon-effect: none; + + &:active, + &:checked { @include button(backdrop-active); } + + &:disabled { + @include button(backdrop-insensitive); + + &:active, + &:checked { @include button(backdrop-insensitive-active); } + } + } + } + + &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }} + + &:disabled { + @include button(insensitive); + + &:active, + &:checked { @include button(insensitive-active); } + } + + &.image-button { + min-width: 24px; + padding-left: 4px; + padding-right: 4px; + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + padding-left: 8px; + padding-right: 8px; + + label { + padding-left: 8px; + padding-right: 8px; + } + } + + &:drop(active) { + color: $drop_target_color; + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + @at-root %button_selected, & { + row:selected & { + @if $variant == 'light' { border-color: $selected_borders_color; } + + &.flat:not(:active):not(:checked):not(:hover):not(disabled) { + color: $selected_fg_color; + border-color: transparent; + + &:backdrop { color: if($variant=='light', $backdrop_base_color, $backdrop_fg_color); } + } + } + } + + + // big standalone buttons like in Documents pager + &.osd { + min-width: 24px; + min-height: 32px; + + &.image-button { min-width: 32px; } + + color: $osd_fg_color; + border-radius: 5px; + outline-color: transparentize($osd_fg_color, 0.7); //FIXME: define a color var? + + @include button(osd); + + border: none; + box-shadow: none; + + &:hover { + @include button(osd-hover); + + border: none; + box-shadow: none; + } + + &:active, + &:checked { + @include button(osd-active); + + border: none; + box-shadow: none; + } + + &:disabled { + &:backdrop, & { + @include button(osd-insensitive); + + border: none; + } + } + + &:backdrop { + @include button(osd-backdrop); + + border: none; + } + } + + //overlay / OSD style + @at-root %osd_button, + .osd & { + @include button(osd); + + &:hover { @include button(osd-hover); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active); }} + + &:disabled { &:backdrop, & { @include button(osd-insensitive); }} + + &:backdrop { @include button(osd-backdrop); } + + &.flat { + @include button(undecorated); + + box-shadow: none; //FIXME respect no edge on the button mixin + text-shadow: 0 1px black; + -gtk-icon-shadow: 0 1px black; + + &:hover { @include button(osd-hover); } + + &:disabled { + @include button(osd-insensitive); + background-image: none; + border-color: transparent; + box-shadow: none; + } + + &:backdrop { @include button(undecorated); } + + &:active, + &:checked { @include button(osd-active); } + } + } + + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $purple), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(normal, $b_color, white); + + &.flat { + @include button(undecorated); + + color: $b_color; //FIXME: does it work on the dark variant? + } + + &:hover { @include button(hover, $b_color, white); } + + &:active, + &:checked { @include button(active, $b_color, white); } + + &:backdrop, + &.flat:backdrop { + @include button(backdrop, $b_color, white); + label { color: transparentize(white, 0.5);} + &:active, + &:checked { @include button(backdrop-active, $b_color, white); } + + &:disabled { + @include button(backdrop-insensitive, $b_color, white); + label { color: transparentize(white, 0.5);} + + &:active, + &:checked { @include button(backdrop-insensitive-active, $b_color, white); } + } + } + + &.flat { + &:backdrop, &:disabled, &:backdrop:disabled { + @include button(undecorated); + + color: transparentize($b_color, 0.2); + } + } + + &:disabled { + @include button(insensitive, $b_color, white); + label { color: transparentize($selected_fg_color, 0.2); } + &:active, + &:checked { @include button(insensitive-active, $b_color, white); } + } + + .osd & { + @include button(osd, $b_color); + + &:hover { @include button(osd-hover, $b_color); } + + &:active, + &:checked { &:backdrop, & { @include button(osd-active, $b_color); }} + + &:disabled { &:backdrop, & { @include button(osd-insensitive, $b_color); }} + + &:backdrop { @include button(osd-backdrop, $b_color); } + } + } + } + + .stack-switcher > & { + // to position the needs attention dot, padding is added to the button + // child, a label needs just lateral padding while an icon needs vertical + // padding added too. + + outline-offset: -3px; // needs to be set or it gets overriden by GtkRadioButton outline-offset + + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + + > image { + padding-left: 6px; // image padding + padding-right: 6px; // + padding-top: 3px; // + padding-bottom: 3px; // + } + + &.text-button { + // compensate text-button paddings + padding-left: 10px; + padding-right: 10px; + } + + &.image-button { + // we want image buttons to have a 1:1 aspect ratio, so compensation + // of the padding added to the GtkImage is needed + padding-left: 2px; + padding-right: 2px; + } + + &.needs-attention { + > label, + > image { @extend %needs_attention; } + + &:active, + &:checked { + > label, + > image { + animation: none; + background-image: none; + } + } + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: 2px; + border-width: 1px; + @extend %linked; + } + + .primary-toolbar & { -gtk-icon-shadow: none; } // tango icons don't need shadows + + .linked > &, + .linked > &:hover, + .linked > &:active, + .linked > &:checked, + .linked > &:backdrop { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked, + .linked.vertical > &:backdrop { @extend %linked_vertical; } +} + +%needs_attention { + animation: needs_attention 150ms ease-in; + $_dot_shadow: _text_shadow_color(); + $_dot_shadow_r: if($variant=='light',0.5,0.45); + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + to(transparent)), + -gtk-gradient(radial, + center center, 0, + center center, $_dot_shadow_r, + to($_dot_shadow), + to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + + @if $variant == 'light' { background-position: right 3px, right 4px; } + + @else { background-position: right 3px, right 2px; } + + &:backdrop { background-size: 6px 6px, 0 0;} + + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + + @else { background-position: left 3px, left 2px; } + } +} + +toolbar { + button { + &:hover { @include button(normal,darken($bg_color,7%));} + &:active { @include button(normal,darken($bg_color,12%));} + } +} +// all the following is for the +|- buttons on inline toolbars, that way +// should really be deprecated... +.inline-toolbar toolbutton > button { // redefining the button look is + // needed since those are flat... + @include button(undecorated); + + &:hover { color: $selected_bg_color; } + + &:active, + &:checked{ color: darken($selected_bg_color, 5%); } + + &:disabled { + color: $backdrop_text_color; + + &:active, + &:checked { color: transparentize(darken($selected_bg_color, 5%),0.7); } + } + + &:backdrop { + color: $backdrop_text_color; + + &:active, + &:checked { color: darken($selected_bg_color, 5%); } + + &:disabled { + color: $backdrop_text_color; + + &:active, + &:checked { color: transparentize(darken($selected_bg_color, 5%),0.7); } + } + } +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton, +toolbar.inline-toolbar toolbutton:backdrop { + > button.flat { + &:backdrop { + border-color: transparent; + box-shadow: none; + } + } +} + +%linked_middle { + border: 1px solid $borders_color; + border-radius: 0; + border-right-style: none; + box-shadow: inset 0px 1px 0px 0px $top_highlight; +} + +%linked { + @extend %linked_middle; + + &:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + + &:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; + } + + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%linked_vertical_middle { + border-style: solid solid none solid; + border-radius: 0; +} + +%linked_vertical{ + @extend %linked_vertical_middle; + + &:first-child { + border-top-left-radius: 3px; + border-top-right-radius: 3px; + } + + &:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-style: solid; + } + + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%undecorated_button { + background-color: transparent; + background-image: none; + border-color: transparent; + box-shadow: inset 0 1px transparentize(white,1), + 0 1px transparentize(white, 1); + text-shadow: none; + -gtk-icon-shadow: none; +} + +/* menu buttons */ +modelbutton.flat, +.menuitem.button.flat { + min-height: 26px; + padding-left: 5px; + padding-right: 5px; + border-radius: 3px; + outline-offset: -2px; + + @extend %undecorated_button; + + &:hover { background-color: $popover_hover_color; } + + &:selected { @extend %selected_items; } + + &:backdrop, + &:backdrop:hover { @extend %undecorated_button; } + + // FIXME: remove the following when the checks/radios rewrite lands + check:last-child, + radio:last-child { margin-left: 8px; } + + check:first-child, + radio:first-child { margin-right: 8px; } +} + +modelbutton.flat arrow { + background: none; + + &:hover { background: none; } + + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +button.color { + padding: 4px; + + colorswatch:only-child { + &, overlay { border-radius: 0; } + + @if $variant == 'light' { + box-shadow: 0 1px _text_shadow_color(); + + &:disabled, + &:backdrop { box-shadow: none; } + } + } +} + +notebook, list, .view, popover { + button { + box-shadow: inset 0px 0px 0px 1px $borders_color; + &:backdrop { + box-shadow: inset 0px 0px 0px 1px $borders_color; + } + } + .linked > button { + box-shadow: none; + } +} diff --git a/gtk-3.20/widgets/_calendar.scss b/gtk-3.20/widgets/_calendar.scss new file mode 100644 index 0000000..1fa0c8c --- /dev/null +++ b/gtk-3.20/widgets/_calendar.scss @@ -0,0 +1,59 @@ +/************ + * Calendar * + ***********/ +calendar { + color: $text_color; + border: 1px solid $borders_color; + + &:selected { + @extend %selected_items; + + border-radius: 3px; + } + + &.header { + border-bottom: 1px solid transparentize(black, 0.9); + border-radius: 0; + + &:backdrop { border-color: transparentize(black, 0.9); } + } + + &.button { + @extend %undecorated_button; + + color: transparentize($fg_color, 0.55); + + &:hover { + @extend %undecorated_button; + + color: $fg_color; + } + + &:backdrop { + @extend %undecorated_button; + + color: transparentize($backdrop_fg_color,0.55); + } + + &:disabled { + @extend %undecorated_button; + + color: transparentize($insensitive_fg_color,0.55); + } + } + + &:indeterminate, + &:indeterminate:backdrop { color: gtkalpha(currentColor, 0.55); } + + &.highlight, + &.highlight:backdrop { + font-size: smaller; + color: $fg_color; + } + + + &:backdrop { + color: $backdrop_text_color; + border-color: $backdrop_borders_color; + } +} diff --git a/gtk-3.20/widgets/_checks-radios.scss b/gtk-3.20/widgets/_checks-radios.scss new file mode 100644 index 0000000..e4aa5f4 --- /dev/null +++ b/gtk-3.20/widgets/_checks-radios.scss @@ -0,0 +1,165 @@ +/************************* + * Check and Radio Items * + *************************/ +// draw regular check and radio items using our PNG assets +// all assets are rendered from assets.svg. never add pngs directly + + +// unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked'), + (':disabled', '-unchecked'), + (':disabled:backdrop', '-unchecked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$un}.png"),url("../assets/radio#{$un}@2.png")), -gtk-scaled(url("../assets/radio#{$un}.png"),url("../assets/radio#{$un}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// checked +@each $s,$ch in (':checked', '-checked'), + (':checked:hover', '-checked-hover'), + (':checked:active', '-checked-active'), + (':checked:backdrop', '-checked'), + (':checked:disabled', '-checked'), + (':checked:disabled:backdrop', '-checked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png")), -gtk-scaled(url("../assets/radio#{$ch}.png"),url("../assets/radio#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// mixed +@each $s,$mx in (':indeterminate', '-mixed'), + (':indeterminate:hover', '-mixed-hover'), + (':indeterminate:active', '-mixed-active'), + (':indeterminate:backdrop', '-mixed'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':indeterminate:disabled:backdrop', '-mixed-insensitive') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$mx}.png"),url("../assets/checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/checkbox#{$mx}.png"),url("../assets/checkbox#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/radio#{$mx}.png"),url("../assets/radio#{$mx}@2.png")), -gtk-scaled(url("../assets/radio#{$mx}.png"),url("../assets/radio#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// unchecked:selected +@each $s,$un in (':selected','-unchecked'), + (':hover:selected', '-unchecked'), + (':active:selected', '-unchecked'), + (':backdrop:selected', '-unchecked'), + (':disabled:selected', '-unchecked'), + (':disabled:backdrop:selected', '-unchecked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")), -gtk-scaled(url("../assets/checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$un}.png"),url("../assets/selected-radio#{$un}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$un}.png"),url("../assets/selected-radio#{$un}@2.png"))); + -gtk-icon-shadow: none; + } +} + +// checked:selected +@each $s,$ch in (':checked:selected', '-checked'), + (':checked:hover:selected', '-checked'), + (':checked:active:selected', '-checked'), + (':checked:backdrop:selected', '-checked'), + (':checked:disabled:selected', '-checked'), + (':checked:disabled:backdrop:selected', '-checked') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png")), -gtk-scaled(url("../assets/checkbox#{$ch}.png"),url("../assets/checkbox#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$ch}.png"),url("../assets/selected-radio#{$ch}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$ch}.png"),url("../assets/selected-radio#{$ch}@2.png"))); + -gtk-icon-shadow: none; + } +} + + +// mixed:selected +@each $s,$mx in (':indeterminate:selected', '-mixed'), + (':indeterminate:hover:selected', '-mixed'), + (':indeterminate:active:selected', '-mixed'), + (':indeterminate:backdrop:selected', '-mixed'), + (':indeterminate:disabled:selected', '-mixed'), + (':indeterminate:disabled:backdrop:selected', '-mixed') { + check#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-checkbox#{$mx}.png"),url("../assets/selected-checkbox#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-checkbox#{$mx}.png"),url("../assets/selected-checkbox#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } + radio#{$s}{ + -gtk-icon-source: if($variant == 'light', -gtk-scaled(url("../assets/selected-radio#{$mx}.png"),url("../assets/selected-radio#{$mx}@2.png")), -gtk-scaled(url("../assets/selected-radio#{$mx}.png"),url("../assets/selected-radio#{$mx}@2.png"))); + -gtk-icon-shadow: none; + } +} + + +// selection-mode unchecked +@each $s,$un in ('','-unchecked'), + (':hover', '-unchecked-hover'), + (':active', '-unchecked-active'), + (':backdrop', '-unchecked-backdrop'), + (':disabled', '-unchecked-insensitive'), + (':disabled:backdrop', '-unchecked-backdrop-insensitive') { + .view.content-view check#{$s}, + .view.content-view.check#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-checkbox#{$un}.png"),url("../assets/checkbox#{$un}@2.png")); + -gtk-icon-shadow: none; + } + .view.content-view radio#{$s}, + .view.content-view.radio#{$s}{ + -gtk-icon-source: -gtk-scaled(url("../assets/selection-mode-radio#{$un}.png"),url("../assets/radio#{$un}@2.png")); + -gtk-icon-shadow: none; + } +} + +checkbutton.text-button, radiobutton.text-button { + // this is for a nice focus on check and radios text + padding: 2px 0; + outline-offset: 0; + + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } +} + +check, +radio { + margin: 0 4px; + + min-height: 16px; + min-width: 16px; + border: none; + + menu menuitem & { + margin: 0; // this is a workaround for a menu check/radio size allocation issue + + &, &:hover, &:disabled { //FIXME use button reset mixin + 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; + } + } +} diff --git a/gtk-3.20/widgets/_color-chooser.scss b/gtk-3.20/widgets/_color-chooser.scss new file mode 100644 index 0000000..3502a55 --- /dev/null +++ b/gtk-3.20/widgets/_color-chooser.scss @@ -0,0 +1,139 @@ +/***************** + * Color Chooser * + *****************/ +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is colorswatch {} the other one + // is colorswatch overlay {}, colorswatch has the programmatically set background, so most of the style is + // applied to the overlay box. + + &, &:drop(active) { border-style: none; } // FIXME: implement a proper drop(active) state + + $_colorswatch_radius: 5px; + $_colorswatch_overlay_shadow: if($variant == 'light', inset 0 2px 2px -3px transparentize(black, 0.3), + inset 0 3px 2px -2px transparentize(black, 0.5)); + + // base color corners rounding + // to avoid the artifacts caused by rounded corner anti-aliasing the base color + // sports a bigger radius. + // nth-child is needed by the custom color strip. + + &.top { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-top-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-top-right-radius: $_colorswatch_radius; + } + } + + &.bottom { + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-bottom-left-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.left, + &:first-child:not(.top) { + border-top-left-radius: $_colorswatch_radius + 0.5px; + border-bottom-left-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-left-radius: $_colorswatch_radius; + border-bottom-left-radius: $_colorswatch_radius; + } + } + + &.right, + &:last-child:not(.bottom) { + border-top-right-radius: $_colorswatch_radius + 0.5px; + border-bottom-right-radius: $_colorswatch_radius + 0.5px; + + overlay { + border-top-right-radius: $_colorswatch_radius; + border-bottom-right-radius: $_colorswatch_radius; + } + } + + &.dark overlay { + color: $selected_fg_color; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.2), $borders_color); } + + &:backdrop { color: $backdrop_selected_fg_color; } + } + + &.light overlay { + color: $text_color; + + &:hover { border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); } + + &:backdrop { color: $backdrop_text_color; } + } + + &:drop(active) { + box-shadow: none; + + &.light overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', darken($drop_target_color, 7%), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + + &.dark overlay { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 2px if($variant == 'light', transparentize(black, 0.7), $borders_color), + inset 0 0 0 1px $drop_target_color; + } + } + + overlay { + box-shadow: $_colorswatch_overlay_shadow; + border: 1px solid if($variant == 'light', transparentize(black, 0.7), $borders_color); + + &:hover { box-shadow: inset 0 1px transparentize(white, 0.7); } + + &:backdrop, &:backdrop:hover { + border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); + box-shadow: none; + } + } + + &#add-color-button { + border-radius: $_colorswatch_radius $_colorswatch_radius 0 0; + + &:only-child { border-radius: $_colorswatch_radius; } + + overlay { + @include button(normal); + + &:hover { @include button(hover); } + + &:backdrop { @include button(backdrop); } + } + } + + &:disabled { + opacity: 0.5; + + overlay { + border-color: transparentize(black, 0.4); + box-shadow: none; + } + } + + row:selected & { box-shadow: 0 0 0 2px $selected_fg_color; } + + &#editor-color-sample { + border-radius: 4px; + + overlay { border-radius: 4.5px; } + } +} + +// colorscale popup +colorchooser .popover.osd { border-radius: 5px; } diff --git a/gtk-3.20/widgets/_comboboxes.scss b/gtk-3.20/widgets/_comboboxes.scss new file mode 100644 index 0000000..3424c6d --- /dev/null +++ b/gtk-3.20/widgets/_comboboxes.scss @@ -0,0 +1,41 @@ +/************** + * ComboBoxes * + **************/ +combobox { + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked:last-child; } + &:dir(rtl) { @extend %linked:first-child; } + } + } + + &:drop(active) { // FIXME: untested + box-shadow: none; + + button.combo { @extend %button_basic:drop(active); } + } +} + +.linked > combobox > box > button.combo { + // the combo is a composite widget so the way we do button linking doesn't + // work, special case needed. See + // https://bugzilla.gnome.org/show_bug.cgi?id=733979 + + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump +} + +.linked:not(.vertical) > combobox:first-child > box > button.combo { @extend %linked:first-child; } +.linked:not(.vertical) > combobox:last-child > box > button.combo { @extend %linked:last-child; } +.linked:not(.vertical) > combobox:only-child > box > button.combo {@extend %linked:only-child; } + +.linked.vertical > combobox > box > button.combo { @extend %linked_vertical_middle; } +.linked.vertical > combobox:first-child > box > button.combo { @extend %linked_vertical:first-child;} +.linked.vertical > combobox:last-child > box > button.combo { @extend %linked_vertical:last-child; } +.linked.vertical > combobox:only-child > box > button.combo { @extend %linked_vertical:only-child; } diff --git a/gtk-3.20/widgets/_dialogs.scss b/gtk-3.20/widgets/_dialogs.scss new file mode 100644 index 0000000..08ca2aa --- /dev/null +++ b/gtk-3.20/widgets/_dialogs.scss @@ -0,0 +1,66 @@ +/*********** + * Dialogs * + ***********/ +messagedialog { // Message Dialog styling + .titlebar:not(headerbar) { + background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + } + .titlebar { + min-height: 20px; + background-image: none; + background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + border-style: none; + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } + + &.csd { // rounded bottom border styling for csd version + &.background { + background-color: transparentize(if($variant=='light', $headerbar_color, $bg_color), 0.05); + color: if($variant=='light', $headerbar_fg_color, $fg_color); + + // bigger radius for better antialiasing + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + } + + .dialog-action-area button { + padding: 10px 14px; // labels are not vertically centered on message dialog, this is a workaround + border-radius: 0; + border-left-style: solid; + border-right-style: none; + border-bottom-style: none; + background-color: transparent; + color: if($variant=='light', $headerbar_fg_color, $fg_color); + box-shadow: none; + + &:hover { + background-color: transparentize($selected_bg_color, 0.1); + } + + &:first-child{ + border-left-style: none; + border-bottom-left-radius: 4px; + } + + &:last-child { + border-bottom-right-radius: 4px; + } + } + } +} + +filechooser { + .dialog-action-box { + border-top: 1px solid $borders_color; + + &:backdrop { border-top-color: $backdrop_borders_color; } + } + + #pathbarbox { border-bottom: 1px solid $bg_color; } +} + +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} diff --git a/gtk-3.20/widgets/_entries.scss b/gtk-3.20/widgets/_entries.scss new file mode 100644 index 0000000..8b3b9a9 --- /dev/null +++ b/gtk-3.20/widgets/_entries.scss @@ -0,0 +1,181 @@ +/**************** + * Text Entries * + ****************/ + +%entry, +entry { + %entry_basic, & { + min-height: 32px; + padding-left: 8px; + padding-right: 8px; + border: 1px solid; + border-radius: 3px; + transition: all 200ms $ease-out-quad; + + @include entry(normal); + + image { // icons inside the entry + &.left { padding-left: 0; padding-right: 6px; } + &.right { padding-left: 6px; padding-right: 0; } + } + + undershoot { + &.left { @include undershoot(left); } + &.right { @include undershoot(right); } + } + + &.flat { + &:focus, & { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + box-shadow: none; + border-radius: 0; + } + } + + &:focus { @include entry(focus); } + + &:disabled { @include entry(insensitive); } + + &:backdrop { + @include entry(backdrop); + + transition: $backdrop_transition; + } + + &:backdrop:disabled { @include entry(backdrop-insensitive); } + + selection { &:focus, & { @extend %selected_items; }} + + // entry error and warning style + @each $e_type, $e_color in (error, $error_color), + (warning, $warning_color) { + &.#{$e_type} { + @include entry(normal); + color: $e_color; + border-color: entry_focus_border($e_color); + + &:focus { @include entry(focus, $e_color); } + + &:selected { &:focus, & { background-color: $e_color; }} + } + } + + & image { // entry icons colors + color: mix($fg_color, $base_color, 80%); + + &:hover { color: $fg_color; } + + &:active { color: $selected_bg_color; } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 80%); } + } + + &:drop(active) { + &:focus, & { + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; + } + } + + .osd & { + @include entry(osd); + + &:focus { @include entry(osd-focus); } + + &:backdrop { @include entry(osd-backdrop); } + + &:disabled { @include entry(osd-insensitive); } + } + } + + progress { + margin: 2px -6px; + background-color: transparent; + background-image: none; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + box-shadow: none; + + &:backdrop { background-color: transparent; } + } + + // linked entries + .linked:not(.vertical) > & { @extend %linked; } + .linked:not(.vertical) > &:focus + &, + .linked:not(.vertical) > &:focus + button, + .linked:not(.vertical) > &:focus + combobox > box > button.combo { border-left-color: entry_focus_border(); } + + .linked:not(.vertical) > &:focus { border-color: entry_focus_border(); } + + .linked:not(.vertical) > &:drop(active) + &, + .linked:not(.vertical) > &:drop(active) + button, + .linked:not(.vertical) > &:drop(active) + combobox > box > button.combo { border-left-color: $drop_target_color; } + + // Vertically linked entries + // FIXME: take care of "colored" entries + .linked.vertical > & { + @extend %linked_vertical; + + // brighter border between linked entries + &:not(:disabled) + entry:not(:disabled), + &:not(:disabled) + %entry:not(:disabled) { + border-top-color: mix($borders_color, $base_color, 30%); + background-image: linear-gradient(to bottom, $base_color, $base_color); + + &:backdrop { + border-top-color: mix($backdrop_borders_color, $backdrop_base_color, 30%); + background-image: linear-gradient(to bottom, $backdrop_base_color, $backdrop_base_color); + } + } + + // brighter border between linked insensitive entries + &:disabled + %entry:disabled, + &:disabled + entry:disabled { border-top-color: mix($borders_color, $base_color, 30%); } + + // color back the top border of a linked focused entry following another entry and add back the focus shadow. + // :not(:only-child) is a specificity bump hack. + + %entry:focus:not(:only-child), + + entry:focus:not(:only-child) { border-top-color: entry_focus_border(); } + + + %entry:drop(active):not(:only-child), + + entry:drop(active):not(:only-child) { border-top-color: $drop_target_color; } + + // this takes care of coloring the top border of the focused entry subsequent widget. + // :not(:only-child) is a specificity bump hack. + &:focus:not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: entry_focus_border(); } + } + + &:drop(active):not(:only-child) { + + %entry, + + entry, + + button, + + combobox > box > button.combo { border-top-color: $drop_target_color; } + } + } +} + +treeview entry { + &:focus { + &:dir(rtl), &:dir(ltr) { // specificity bump hack + background-color: $base_color; + transition-property: color, background; + } + } + + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus { border-color: $selected_bg_color; } + } +} diff --git a/gtk-3.20/widgets/_expanders.scss b/gtk-3.20/widgets/_expanders.scss new file mode 100644 index 0000000..47b4448 --- /dev/null +++ b/gtk-3.20/widgets/_expanders.scss @@ -0,0 +1,16 @@ +/************* + * Expanders * + *************/ +expander { + arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + &:hover { color: lighten($fg_color,30%); } //only lightens the arrow + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } +} diff --git a/gtk-3.20/widgets/_file-chooser.scss b/gtk-3.20/widgets/_file-chooser.scss new file mode 100644 index 0000000..2f7d146 --- /dev/null +++ b/gtk-3.20/widgets/_file-chooser.scss @@ -0,0 +1,102 @@ +/**************** + * File chooser * + ****************/ +$_placesidebar_icons_opacity: 0.7; + +placessidebar { + > viewport.frame { border-style: none; } + + row { + // Needs overriding of the GtkListBoxRow padding + min-height: 36px; + padding: 0px; + + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { padding: 0 14px; } + + &:selected { color: $selected_fg_color; } + + &:disabled { color: $insensitive_fg_color; } + + &:backdrop { + color: $backdrop_fg_color; + + &:selected { color: $backdrop_selected_fg_color; } + + &:disabled { color: $backdrop_insensitive_color; } + } + + image.sidebar-icon { + opacity: $_placesidebar_icons_opacity; // dim the device icons + + &:dir(ltr) { padding-right: 8px; } + &:dir(rtl) { padding-left: 8px; } + } + + label.sidebar-label { + &:dir(ltr) { padding-right: 2px; } + &:dir(rtl) { padding-left: 2px; } + } + + @at-root button.sidebar-button { + @extend %button_basic.flat; + + @extend %button_selected.flat; + + min-height: 26px; + min-width: 26px; + margin-top: 3px; + margin-bottom: 3px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; + + &:not(:hover):not(:active), + &:backdrop { > image { opacity: $_placesidebar_icons_opacity; }} + } + + // in the sidebar case it makes no sense to click the selected row + &:selected:active { box-shadow: none; } + + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: image($drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + color: $drop_target_color; + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + color: $selected_fg_color; + background-color: $drop_target_color; + } + } + } +} + +placesview { + .server-list-button > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(0turn); + } + + .server-list-button:checked > image { + transition: 200ms $ease-out-quad; + -gtk-icon-transform: rotate(-0.5turn); + } + + row.activatable:hover { background-color: transparent; } + + // this selects the "connect to server" label + > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; + } +} diff --git a/gtk-3.20/widgets/_floating-bar.scss b/gtk-3.20/widgets/_floating-bar.scss new file mode 100644 index 0000000..e9a2465 --- /dev/null +++ b/gtk-3.20/widgets/_floating-bar.scss @@ -0,0 +1,33 @@ +/**************** + * Floating Bar * + ****************/ +.floating-bar { + background-color: $bg_color; + border-width: 1px; + border-style: solid solid none; + border-color: $borders_color; + border-radius: 3px 3px 0 0; + box-shadow: inset 0 1px $top_highlight; + + &.bottom { + + &.left { + border-left-style: none; + border-top-left-radius: 0; + } + + &.right { + border-right-style: none; + border-top-right-radius: 0; + } + } + + > button { + padding:4px; + } + + &:backdrop { + background-color: $backdrop_bg_color; + border-color: $backdrop_borders_color; + } +} diff --git a/gtk-3.20/widgets/_frames.scss b/gtk-3.20/widgets/_frames.scss new file mode 100644 index 0000000..d85b832 --- /dev/null +++ b/gtk-3.20/widgets/_frames.scss @@ -0,0 +1,87 @@ +/********** + * Frames * + **********/ +frame > border, +.frame { + box-shadow: none; + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + + &.flat { border-style: none; } + + &:backdrop { border-color: $backdrop_borders_color; } +} + +actionbar > revealer > box { + padding: 6px; + border-top: 1px solid $borders_color; + + &:backdrop { border-color: $backdrop_borders_color; } +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside scrolled window + border-style: none; + } + + // This is used when content is touch-dragged past boundaries. + // draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { + @include overshoot(top); + + &:backdrop { @include overshoot(top, backdrop); } + } + + &.bottom { + @include overshoot(bottom); + + &:backdrop { @include overshoot(bottom, backdrop); } + } + + &.left { + @include overshoot(left); + + &:backdrop { @include overshoot(left, backdrop); } + } + + &.right { + @include overshoot(right); + + &:backdrop { @include overshoot(right, backdrop); } + } + } + + // Overflow indication, works similarly to the overshoot, the size if fixed tho. + undershoot { + &.top { @include undershoot(top); } + + &.bottom { @include undershoot(bottom); } + + &.left { @include undershoot(left); } + + &.right { @include undershoot(right); } + } + + junction { // the small square between two scrollbars + border-color: transparent; + // the border image is used to add the missing dot between the borders, details, details, details... + border-image: linear-gradient(to bottom, $borders_color 1px, transparent 1px) 0 0 0 1 / 0 1px stretch; + background-color: $scrollbar_bg_color; + + &:dir(rtl) { border-image-slice: 0 1 0 0; } + + &:backdrop { + border-image-source: linear-gradient(to bottom, $backdrop_borders_color 1px, transparent 1px); + background-color: $backdrop_scrollbar_bg_color; + transition: $backdrop_transition; + } + } +} + +//vbox and hbox separators +separator { + background: transparentize(black, 0.9); +} diff --git a/gtk-3.20/widgets/_granite.scss b/gtk-3.20/widgets/_granite.scss new file mode 100644 index 0000000..3e49050 --- /dev/null +++ b/gtk-3.20/widgets/_granite.scss @@ -0,0 +1,206 @@ +/************ + * 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 $base_color; + background: $base_color; + color: $fg_color; + + .button { + background-image: none; + background: none; + border: none; + + &:active, + &:active:hover, { + color: $selected_bg_color; + } + } + + > .frame { + border:none; + } + + .sidebar.view { + border: none; + background: none; + } +} + +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.popover_bg { + background-color: $base_color; + background-image: none; + border: 1px solid $base_color; + color: $fg_color; +} + + +/*********** + * Welcome * + **********/ + +GraniteWidgetsWelcome { + background-color: $base_color; + + GtkLabel { + color: $fg_color; + } + + .h1,.h3 { + color: transparentize($fg_color, 0.2); + } +} + +/************** +* Source List * +***************/ + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; + + background-color: $bg_color; + border: solid $borders_color; + color: $fg_color; + border-right-width: 1px; + + &:backdrop {} + + .category-expander { + color: transparent; + } + + .badge { + background-image: none; + background-color: transparentize(black, 0.6); + color: $bg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; + + &:selected:backdrop, + &:selected:hover:backdrop { + background-color: transparentize(black, 0.8); + color: darken($bg_color, 5%); + } + } + + row, + .list-row { + border:none; + padding: 0; + + > GtkLabel, + > 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: transparentize($fg_color, 0.7); + font-weight: bold; + text-shadow: 0 1px transparentize(white,0.8); +} + + +/************** +* Storage Bar * +**************/ +.storage-bar { + + .trough { + border: none; + box-shadow:0 1px 0 0 $bottom_highlight; + background-image: none; + background-color: transparent; + padding: 8px 6px; + } + + .fill-block { + background-color: $yellow; + border:none; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), inset 0 -1px 0 0 transparentize(black, 0.9); + + transition: all 200ms ease-in-out; + + padding: 8px 6px; + + &:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-left-width: 1px; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), + inset 1px 0 0 transparentize(black, 0.9), + inset 0 -1px 0 0 transparentize(black, 0.9); + } + + &:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-shadow: inset 0 1px 0 0 transparentize(black, 0.9), + inset -1px 0 0 transparentize(black, 0.9), + inset 0 -1px 0 0 transparentize(black, 0.9); + } + + &.empty-block { + background-color: $base_color; + } + + &.app { + background-color: $blue; + } + + &.audio { + background-color: $orange; + } + + &.photo { + background-color: $red; + } + + &.video { + background-color: $purple; + } + + .legend { + padding: 12px; + border-radius: 4px; + } + } +} \ No newline at end of file diff --git a/gtk-3.20/widgets/_header-bars.scss b/gtk-3.20/widgets/_header-bars.scss new file mode 100644 index 0000000..4bc90f0 --- /dev/null +++ b/gtk-3.20/widgets/_header-bars.scss @@ -0,0 +1,313 @@ +/*************** + * Header bars * + ***************/ +%titlebar, +headerbar { + padding: 0 6px; + min-height: 34px; + background-color: $headerbar_color; + color: $headerbar_fg_color; + border-radius: 0; + + &:backdrop { + border-color: $backdrop_borders_color; + background-image: none; + + transition: $backdrop_transition; + } + + .title { + font-weight: bold; + padding-left: 12px; + padding-right: 12px; + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + + @extend .dim-label; + } + + %linked-header { + border: none; + border-radius: 0; + border-right-style: none; + box-shadow: none; + + &:first-child { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + } + + &:last-child { + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + border-right-style: solid; + } + + &:only-child { + border-radius: 0px; + border-style: solid; + } + } + entry { min-height: 24px; } + button { + @include button(normal-header); + min-height: 34px; + &:hover { + @include button(hover-header, transparent, $purple); + } + &:active, + &:checked { + @include button(active-header, transparent, $purple); + } + + &:backdrop, + &:disabled, + &:backdrop:disabled { + @include button(backdrop-header,transparent,transparentize(white,0.7)); + } + + &:backdrop { + &:hover, + &:active, + &:checked { + background-color: transparent; + color: $selected_bg_color; + box-shadow: none; + // @include button(hover-header,transparent,transparentize(white,0.7)); + } + } + + @each $b_type, $b_color in (suggested-action, $cyan), + (destructive-action, $destructive_color) { + &.#{$b_type} { + font-weight: bold; + min-height: 24px; + margin-top: 4px; + margin-bottom: 4px; + border-radius: 3px; + @include button(normal, $b_color, white); + + &:hover { @include button(hover, $b_color, white); } + + &:active { @include button(active, $b_color, white); } + + &:disabled { + @include button(insensitive, $b_color, white); + label {color: transparentize(white,0.5);} + } + + &:backdrop { + @include button(backdrop, $b_color, white); + border-radius: 3px; + } + + &:backdrop:disabled { @include button(backdrop-insensitive, $b_color, white); } + + } + } + + //Reset style + &.titlebutton { + color: transparent; + box-shadow: none; + + &:hover, + &:active, + &:checked, + &:backdrop, + &:backdrop:hover,* { + color: transparent; + box-shadow: none; + } + } + } + .linked > button, + .linked > button:hover, + .linked > button:active, + .linked > button:checked, + .linked > button:backdrop { @extend %linked-header; } + .linked > button:active, + .linked > button:checked{ + &:backdrop{ + color: $backdrop_selected_bg_color; + label{ + color: $backdrop_selected_bg_color; + } + } + } + // End reset style + + &.selection-mode { + $_hc: mix($top_highlight,$selected_bg_color, 50%); // highlight color + + color: $selected_fg_color; + text-shadow: 0 -1px transparentize(black, 0.5); + border-color: $selected_borders_color; + + @include headerbar_fill($selected_bg_color, $_hc); + + &:backdrop { + background-color: $selected_bg_color; + background-image: none; + box-shadow: inset 0 1px mix($top_highlight, $selected_bg_color, 60%); + } + + .subtitle:link { @extend *:link:selected; } + + button { + @include button(normal, $selected_bg_color, $selected_fg_color); + + &.flat { @include button(undecorated); } + + &:hover { @include button(hover, $selected_bg_color, $selected_fg_color); } + + &:active, + &:checked { @include button(active, $selected_bg_color, $selected_fg_color); } + + &:backdrop { + &.flat, & { + @include button(backdrop, $selected_bg_color, $selected_fg_color); + + -gtk-icon-effect: none; + border-color: $selected_borders_color; + + &:active, + &:checked { + @include button(backdrop-active, $selected_bg_color, $selected_fg_color); + + border-color: $selected_borders_color; + } + + &:disabled { + @include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color); + + border-color: $selected_borders_color; + + &:active, &:checked { + @include button(backdrop-insensitive-active, $selected_bg_color, $selected_fg_color); + + border-color: $selected_borders_color; + } + } + } + } + + &.flat { &:backdrop, &:disabled, &:backdrop:disabled { @include button(undecorated); }} + + &:disabled { + @include button(insensitive, $selected_bg_color, $selected_fg_color); + + &:active, + &:checked { @include button(insensitive-active, $selected_bg_color, $selected_fg_color); } + } + + &.suggested-action { + @include button(normal, $cyan, white); + + &:hover { @include button(hover, $cyan, white); } + + &:active { @include button(active, $cyan, white); } + + &:disabled { @include button(insensitive, $cyan, white); } + + &:backdrop { @include button(backdrop, $cyan, white); } + + &:backdrop:disabled { @include button(backdrop-insensitive, $cyan, white); } + } + } + + .selection-menu { + &:backdrop, & { + border-color: transparentize($selected_bg_color, 1); + background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 1), transparentize($selected_bg_color, 1)); + box-shadow: none; + padding-left: 10px; + padding-right: 10px; + + GtkArrow { -GtkArrow-arrow-scaling: 1; } + + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + color: transparentize($selected_fg_color,0.5); + -gtk-icon-shadow: none; + } + } + } + } + + .tiled &, + .maximized & { + &.titlebar { + @if $variant == 'light' { box-shadow: none; } + @else { box-shadow: inset 0 -1px $bottom_highlight; } + } + &:backdrop, & { border-radius: 0; } + } // squared corners when the window is maximized or tiled + + &.default-decoration { + padding: 4px; + min-height: 28px; + + button.titlebutton { + min-height: 26px; + min-width: 26px; + margin: 0; + padding: 0; + } + } +} + +headerbar { + // add vertical margins to common widget on the headerbar to avoid them spanning the whole height + entry, + spinbutton, + separator { + margin-top: 5px; + margin-bottom: 5px; + } + switch { + margin-top: 10px; + margin-bottom: 10px; + } + separator { background: transparent; } +} + +.background:not(.tiled):not(.maximized) .titlebar { + @if $variant == 'light' { box-shadow: inset 0 1px lighten($headerbar_color, 5%); } + @else { box-shadow: inset 0 1px $top_highlight,inset 0 -1px $bottom_highlight; } + + + &:backdrop, & { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + } +} + +headerbar { + window:not(.tiled):not(.maximized) separator:first-child + &, // tackles the paned container case + window:not(.tiled):not(.maximized) &:first-child { &:backdrop, & { border-top-left-radius: 4px; }} + + window:not(.tiled):not(.maximized) &:last-child { &:backdrop, & { border-top-right-radius: 4px; }} +} + +.titlebar:not(headerbar) { + window.csd > & { + // in csd we assume every titlebar is a headerbar so reset anything, this is needed for split toolbars cases + padding: 0; + background-color: transparent; + background-image: none; + border-style: none; + border-color: transparent; + box-shadow: none; + } + + > separator { + background: transparent; + } + + @extend %titlebar; +} diff --git a/gtk-3.20/widgets/_infobars.scss b/gtk-3.20/widgets/_infobars.scss new file mode 100644 index 0000000..1193ea6 --- /dev/null +++ b/gtk-3.20/widgets/_infobars.scss @@ -0,0 +1,119 @@ +/************** + * GtkInfoBar * + **************/ +%infobar, +infobar { + text-shadow: none; + color: $fg_color; + background-color: $bg_color; + border-bottom:1px solid darken($bg_color,10%); + box-shadow: 0 1px 0 0 transparentize(black, 0.95), + 0 1px 2px 0 transparentize(black, 0.85); + +} + +%color_infobar { + + @extend %infobar; + + text-shadow: none; + color: $selected_fg_color; + border:none; + + .label { + color: $selected_fg_color; + + &:backdrop { + color: $backdrop_selected_fg_color; + } + } + + button { + border-radius: 2px; + border: none; + background: transparentize($base_color, 0.02); + color: $fg_color; + box-shadow: 0 1px 0 0 transparentize(black, 0.8); + + .label { + color: $fg_color; + } + + &:active { + background: $base_color; + color: $fg_color; + + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:hover, + &:focus { + box-shadow: 0 1px 2px 0 transparentize(black, 0.6); + } + + &:disabled { + background: transparentize($base_color, 0.4); + color: transparentize($fg_color, 0.5); + box-shadow: none; + + &:backdrop { + background: transparentize($base_color, 0.5); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } + + &:backdrop { + background: transparentize($base_color, 0.2); + color: transparentize($fg_color, 0.5); + box-shadow: none; + } + } +} + +.info { + @extend %color_infobar; + background-color: $info_color; + + &:backdrop { + background-color:lighten($info_color,10%); + color: $backdrop_selected_fg_color; + } +} + +.warning { + @extend %color_infobar; + background-color: $warning_color; + + &:backdrop { + background-color:lighten($warning_color,10%); + color: $backdrop_selected_fg_color; + } +} + +.question { + @extend %color_infobar; + background-color: $question_color; + + &:backdrop { + background-color:lighten($question_color,10%); + color: $backdrop_selected_fg_color; + } + +} + +.error { + @extend %color_infobar; + background-color: $error_color; + + &:backdrop { + background-color:lighten($error_color,10%); + color: $backdrop_selected_fg_color; + } +} diff --git a/gtk-3.20/widgets/_level-bars.scss b/gtk-3.20/widgets/_level-bars.scss new file mode 100644 index 0000000..46ca221 --- /dev/null +++ b/gtk-3.20/widgets/_level-bars.scss @@ -0,0 +1,62 @@ +/************* + * Level Bar * + *************/ +levelbar { + block { + min-width: 32px; + min-height: 6px; + } + + &.vertical block { + min-width: 6px; + min-height: 32px; + } + + &:backdrop { transition: $backdrop_transition; } + + trough { + padding: 3px; + border-radius: 3px; + background-color: if($variant == 'light' ,transparentize(white,0.2),transparentize(black,0.86)); + box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1); + + &:backdrop { + background-color: if($variant == 'light' ,transparentize(white,0.4),transparentize(black,0.94)); + box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1); + } + } + + &.horizontal.discrete block { margin: 0 1px; } + + &.vertical.discrete block { margin: 1px 0; } + + block { + border-radius: 2px; + + &:backdrop { box-shadow: none; } + + &.low { + background-color: $warning_color; + + &:backdrop { border-color: $warning_color; }; + } + + &.high, + &:not(.empty) { + background-color: $cyan; + + &:backdrop { border-color: $cyan; } + } + + &.full { + background-color: $success_color; + + &:backdrop { border-color: $success_color; }; + } + + &.empty { + background-color: transparentize(black,0.86); + box-shadow: none; + } + } +} diff --git a/gtk-3.20/widgets/_links.scss b/gtk-3.20/widgets/_links.scss new file mode 100644 index 0000000..db6d1e8 --- /dev/null +++ b/gtk-3.20/widgets/_links.scss @@ -0,0 +1,49 @@ +/********* + * Links * + *********/ +*:link { + color: $link_color; + + &:visited { + color: $link_visited_color; + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } + } + + &:hover { + color: lighten($link_color,10%); + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 90%); } + } + + &:active { + color: $link_color; + + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } + } + + &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: $selected_bg_color; }} + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } +} + +button:link, +button:visited { + @extend %undecorated_button; + + @extend *:link; + + text-shadow: none; + + &:hover, + &:active, + &:checked { + @extend %undecorated_button; + + text-shadow: none; + } + + > label { text-decoration-line: underline; } +} diff --git a/gtk-3.20/widgets/_lists.scss b/gtk-3.20/widgets/_lists.scss new file mode 100644 index 0000000..e2ef0c6 --- /dev/null +++ b/gtk-3.20/widgets/_lists.scss @@ -0,0 +1,47 @@ +/********* + * Lists * + *********/ +list { + color: $text_color; + background-color: $base_color; + border-color: $borders_color; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } +} + +row { + padding: 8px 14px; + transition: all 150ms $ease-out-quad; + + label { + padding-left: 8px; + } + + &:hover { transition: none; } + + &:backdrop { transition: $backdrop_transition; } + + &.activatable { + &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + + &:hover { background-color: if(variant == light, transparentize($fg_color, 0.9), transparentize($fg_color, 0.95)); } + + &:active { box-shadow: inset 0 2px 2px -2px transparentize(black, 0.8); } + + &:backdrop:hover { background-color: transparent; } + + &:selected { + &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } + + &.has-open-popup, + &:hover { background-color: transparentize($selected_bg_color, 0.2); } + + &:backdrop { background-color: $backdrop_selected_bg_color; } + } + } + + &:selected { @extend %selected_items; } +} diff --git a/gtk-3.20/widgets/_menus.scss b/gtk-3.20/widgets/_menus.scss new file mode 100644 index 0000000..7fc3438 --- /dev/null +++ b/gtk-3.20/widgets/_menus.scss @@ -0,0 +1,127 @@ +/********* + * Menus * + *********/ +menubar, +.menubar { + background-color: $headerbar_color; + color: $headerbar_fg_color; + -GtkWidget-window-dragging: true; + padding: 0px; + box-shadow: inset 0 -1px transparentize(black, 0.9); + + > menuitem { + min-height: 16px; + padding: 4px 8px; + + &:hover { //Seems like it :hover even with keyboard focus + box-shadow: inset 0 -3px $selected_bg_color; + } + + &:disabled { + color: $insensitive_fg_color; + box-shadow: none; + } + } +} + +menu, +.menu, +.context-menu { + margin: 4px; + padding: 2px 0px; + background-color: $menu_color; + border: 1px solid $borders_color; // adds borders in a non composited env + + .csd & { border: none; } // axes borders in a composited env + + &:backdrop { background-color: $backdrop_menu_color; } + + menuitem { + min-height: 16px; + min-width: 40px; + padding: 4px 6px; + text-shadow: none; + + &:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + + &:disabled { + color: $insensitive_fg_color; + &:backdrop { color: $backdrop_insensitive_color; } + } + + &:backdrop, + &:backdrop:hover { + color: $backdrop_fg_color; + background-color: transparent; + } + + // submenu indicators + arrow { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + margin-left: 10px; + } + + &:dir(rtl) { + -gtk-icon-source:-gtk-icontheme('pan-end-symbolic-rtl'); + margin-right: 10px; + } + } + + // avoids labels color being overridden, see + // https://bugzilla.gnome.org/show_bug.cgi?id=767058 + label { &:dir(rtl), &:dir(ltr) { color: inherit; }} + } + + // overflow arrows + > arrow { + @include button(undecorated); + + min-height: 16px; + min-width: 16px; + padding: 4px; + background-color: $menu_color; + border-radius: 0; + + &.top { + margin-top: -6px; + border-bottom: 1px solid mix($fg_color, $base_color, 10%); + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + + &.bottom { + margin-bottom: -6px; + border-top: 1px solid mix($fg_color, $base_color, 10%); + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + + &:hover { background-color: mix($fg_color, $base_color, 10%); } + + &:backdrop { background-color: $backdrop_menu_color; } + + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +menuitem { + accelerator { color: gtkalpha(currentColor,0.55); } + + check, + radio { + min-height: 16px; + min-width: 16px; + + &:dir(ltr) { margin-right: 7px; } + &:dir(rtl) { margin-left: 7px; } + } +} diff --git a/gtk-3.20/widgets/_misc.scss b/gtk-3.20/widgets/_misc.scss new file mode 100644 index 0000000..390f1a5 --- /dev/null +++ b/gtk-3.20/widgets/_misc.scss @@ -0,0 +1,62 @@ +/******** + * Misc * + ********/ +//content view (grid/list) +.content-view { + background-color: darken($bg_color,7%); + + &:hover { -gtk-icon-effect: highlight; } + + &:backdrop { background-color: darken($bg_color,7%); } + + rubberband { @extend rubberband; } +} + +.scale-popup { + .osd & { @extend %osd; } + + .osd & button.flat { //FIXME: quick hack, redo properly + border-style: none; + border-radius: 5px; + } + + button { // +/- buttons on GtkVolumeButton popup + &:hover { + @extend %undecorated_button; + background-color: transparentize($fg_color,0.9); + border-radius: 5px; + } + + &:backdrop { &:hover, &:disabled, & { @extend %undecorated_button; }} + } +} + +/************ +* Assistant * +*************/ + +assistant { + + border-bottom-left-radius:4px; + border-bottom-right-radius:4px; + + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + + border-bottom-left-radius:4px; + + &:backdrop { + background-color: $backdrop_base_color; + border-color: $backdrop_borders_color; + } + } + + &.csd .sidebar { border-top-style: none; } + + .sidebar GtkLabel, + .sidebar label { padding: 6px 12px; } + + .sidebar GtkLabel.highlight, + .sidebar label.highlight { background-color: mix($bg_color, $fg_color, 80%); } +} diff --git a/gtk-3.20/widgets/_notebooks.scss b/gtk-3.20/widgets/_notebooks.scss new file mode 100644 index 0000000..d0ba80a --- /dev/null +++ b/gtk-3.20/widgets/_notebooks.scss @@ -0,0 +1,273 @@ +/************* + * Notebooks * + *************/ +notebook { + > header { + padding: 1px; + border-color: $borders_color; + border-width: 0px; + background-color: $bg_color; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_bg_color; + } + + tabs { margin: -1px; } + + &.top { + border-bottom-style: solid; + > tabs { + margin-bottom: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked { + background-color: $base_color; + &:hover{background-color: $base_color;} + } + } + } + } + + &.bottom { + border-top-style: solid; + > tabs { + margin-top: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked { background-color: $base_color; } + } + } + } + + &.left { + border-right-style: solid; + > tabs { + margin-right: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked { background-color: $base_color; } + } + } + } + + &.right { + border-left-style: solid; + > tabs { + margin-left: -2px; + > tab { + + + &:backdrop { box-shadow: none; } + + &:checked { background-color: $base_color; } + } + } + } + + &.top > tabs > arrow { + @extend %notebook_vert_arrows; + + border-top-style: none; + } + + &.bottom > tabs > arrow { + @extend %notebook_vert_arrows; + + border-bottom-style: none; + } + + @at-root %notebook_vert_arrows { + margin-left: -5px; + margin-right: -5px; + padding-left: 4px; + padding-right: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + } + + &.left > tabs > arrow { + @extend %notebook_horz_arrows; + + border-left-style: none; + } + + &.right > tabs > arrow { + @extend %notebook_horz_arrows; + + border-right-style: none; + } + + @at-root %notebook_horz_arrows { + margin-top: -5px; + margin-bottom: -5px; + padding-top: 4px; + padding-bottom: 4px; + + &.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + } + + > tabs > arrow { + @extend %button_basic; + + @extend %button_basic.flat; + + min-height: 16px; + min-width: 16px; + border-radius: 0; + + &:hover:not(:active):not(:backdrop) { + background-clip: padding-box; + background-image: none; + background-color: transparentize(white, 0.7); + border-color: transparent; + box-shadow: none; + } + + &:disabled { @include button(undecorated); } + } + + tab { + min-height: 30px; + min-width: 30px; + padding: 3px 12px; + + outline-offset: -5px; + + color: $insensitive_fg_color; + font-weight: bold; + + border-width: 1px; // for reorderable tabs + border-color: transparent; // + + &:hover { + color: mix($insensitive_fg_color, $fg_color, 50%); + + &.reorderable-page { + border-color: transparentize($borders_color, 0.7); + background-color: transparentize($bg_color, 0.8); + } + } + + &:backdrop { + color: mix($backdrop_fg_color, $backdrop_bg_color, 60%); + + &.reorderable-page { + border-color: transparent; + background-color: transparent; + } + } + + &:checked { + color: $fg_color; + &.reorderable-page { + border-color: transparentize($borders_color, 0.5); + background-color: transparentize($bg_color, 0.5); + + &:hover { background-color: transparentize($bg_color, 0.3); } + } + } + + &:backdrop:checked { + color: $backdrop_fg_color; + + &.reorderable-page { + border-color: $backdrop_borders_color; + background-color: $backdrop_base_color; + } + } + + // colors the button like the label, overridden otherwise + button.flat { + &:hover { background: transparent; box-shadow: none; color: $red; } + + &, &:backdrop { color: gtkalpha(currentColor, 0.3); } + + padding: 0; + margin-top: 4px; + margin-bottom: 4px; + // FIXME: generalize .small-button? + min-width: 20px; + min-height: 20px; + + &:last-child { + margin-left: 4px; + margin-right: -4px; + } + + &:first-child { + margin-left: -4px; + margin-right: 4px; + } + } + } + + &.top, + &.bottom { + tabs { + padding-left: 0.5px; + padding-right: 0.5px; + + &:not(:only-child) { + margin-left: 0.5px; + margin-right: 0.5px; + + &:first-child { margin-left: 0.5px; } + &:last-child { margin-right: 0.5px; } + } + + tab { + margin-left: 0.5px; + margin-right: 0.5px; + + &.reorderable-page { border-style: none solid; } + } + } + } + + &.left, + &.right { + tabs { + padding-top: 4px; + padding-bottom: 4px; + + &:not(:only-child) { + margin-top: 3px; + margin-bottom: 3px; + + &:first-child { margin-top: -1px; } + &:last-child { margin-bottom: -1px; } + } + + tab { + margin-top: 4px; + margin-bottom: 4px; + + &.reorderable-page { border-style: solid none; } + } + } + } + + &.top tab { padding-bottom: 4px; } + &.bottom tab { padding-top: 4px; } + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: $base_color; + + &:backdrop { background-color: $backdrop_base_color; } + } +} diff --git a/gtk-3.20/widgets/_paned.scss b/gtk-3.20/widgets/_paned.scss new file mode 100644 index 0000000..e3d6bbd --- /dev/null +++ b/gtk-3.20/widgets/_paned.scss @@ -0,0 +1,69 @@ +/********* + * Paned * + *********/ +paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; // defeats the ugly default handle decoration + border-style: none; // just to be sure + background-color: transparent; + // workaround, using background istead of a border since the border will get rendered twice (?) + background-image: image($borders_color); + background-size: 1px 1px; + + &:selected { background-image: image($selected_bg_color); } // FIXME is this needed? + + &:backdrop { background-image: image($backdrop_borders_color); } + + &.wide { + min-width: 5px; + min-height: 5px; + background-color: $bg_color; + background-image: image($borders_color), image($borders_color); + background-size: 1px 1px, 1px 1px; + + &:backdrop { + background-color: $backdrop_bg_color; + background-image: image($backdrop_borders_color), + image($backdrop_borders_color); + } + } + } + + &.horizontal > separator { + background-repeat: repeat-y; + + &:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; + } + &:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; + } + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; + } + } + + &.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; + + &.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} diff --git a/gtk-3.20/widgets/_pathbars.scss b/gtk-3.20/widgets/_pathbars.scss new file mode 100644 index 0000000..65083c9 --- /dev/null +++ b/gtk-3.20/widgets/_pathbars.scss @@ -0,0 +1,29 @@ +/************ + * Pathbars * + ************/ +.path-bar button { + &.text-button, &.image-button, & { + padding-left: 4px; + padding-right: 4px; + } + + &.text-button.image-button label { + padding-left: 0; + padding-right: 0; + } + + &.text-button.image-button, & { + label:last-child { padding-right: 8px; } + label:first-child { padding-left: 8px; } + } + + image { + padding-left: 4px; + padding-right: 4px; + } + + &.slider-button { + padding-left: 0; + padding-right: 0; + } +} diff --git a/gtk-3.20/widgets/_popovers.scss b/gtk-3.20/widgets/_popovers.scss new file mode 100644 index 0000000..560badd --- /dev/null +++ b/gtk-3.20/widgets/_popovers.scss @@ -0,0 +1,45 @@ +/*************** + * Popovers * + ***************/ + +popover.background { + padding: 2px; + border-radius: 5px; + background-color: $popover_bg_color; + + .csd &, & { border: 1px solid $borders_color; } + + box-shadow: 0 1px 6px transparentize(black, 0.6); + + &:backdrop { + background-color: $backdrop_bg_color; + box-shadow: none; + } + + > list, + > .view, + > toolbar { + border-style: none; + background-color: transparent; + } + + .csd &, & { + &.touch-selection, + &.magnifier { + @extend %osd; + + border: 1px solid transparentize(white, 0.9); + + button { @extend %osd_button }; + } + + &.osd { @extend %osd; } + } + + separator { margin: 3px; } + + list separator { margin: 0px; } + + checkbutton, + radiobutton { @extend modelbutton.flat; } +} diff --git a/gtk-3.20/widgets/_print-dialog.scss b/gtk-3.20/widgets/_print-dialog.scss new file mode 100644 index 0000000..7ae1b8d --- /dev/null +++ b/gtk-3.20/widgets/_print-dialog.scss @@ -0,0 +1,18 @@ +/**************** + * Print dialog * +*****************/ +printdialog { + paper { + color: $fg_color; + border: 1px solid $borders_color; + background: white; + padding: 0; + + &:backdrop { + color: $backdrop_fg_color; + border-color: $backdrop_borders_color; + } + } + + .dialog-action-box { margin: 12px; } +} \ No newline at end of file diff --git a/gtk-3.20/widgets/_progress-bars.scss b/gtk-3.20/widgets/_progress-bars.scss new file mode 100644 index 0000000..c962fdc --- /dev/null +++ b/gtk-3.20/widgets/_progress-bars.scss @@ -0,0 +1,56 @@ +/***************** + * Progress bars * + *****************/ +progressbar { + // sizing + &.horizontal { + trough, + progress { min-height: 6px; } + } + + &.vertical { + trough, + progress { min-width: 6px; } + } + + &.horizontal progress { margin: 0; } // the progress node is positioned after the trough border + &.vertical progress { margin: 0; } // this moves it over it. + + + // FIXME: insensitive state missing and some other state should be set probably + font-size: smaller; + color: transparentize($fg_color, 0.6); + + &:backdrop { + box-shadow: none; + transition: $backdrop_transition; + } + + trough { @extend %scale_trough; } + + &:backdrop trough { @extend %scale_trough:backdrop; } // looks like states are not passed to the trough component here + + progress { + @extend %scale_highlight; + } + + &:backdrop progress { @extend %scale_highlight:backdrop; } // states not passed here as well + + &.osd { // progressbar.osd used for epiphany page loading progress + min-width: 3px; + min-height: 3px; + background-color: transparent; + + trough { + border-style: none; + border-radius: 0; + background-color: transparent; + box-shadow: none; + } + + progress { + border-style: none; + border-radius: 0; + } + } +} diff --git a/gtk-3.20/widgets/_scales.scss b/gtk-3.20/widgets/_scales.scss new file mode 100644 index 0000000..7c941eb --- /dev/null +++ b/gtk-3.20/widgets/_scales.scss @@ -0,0 +1,419 @@ +/************ + * GtkScale * + ************/ + $scale_slider_bg: if($variant == 'light', $base_color, lighten($base_color, 10%)); + $scale_trough_bg: if($variant == 'light', transparentize(black,0.86), lighten(transparentize($bg_color,0.86), 47%)); +%scale_trough { + background-color: $scale_trough_bg; + border: none; + border-radius: 3px; + margin: 0; + + &:disabled { background-color: transparentize(black,0.86); } + + &:backdrop { + background-color: transparentize(black,0.86); + transition: $backdrop_transition; + + &:disabled { background-color: transparentize(black,0.86); } + } +} + +%scale_highlight { + border: none; + background-color: $selected_bg_color; + border-radius: 3px; + margin: 0; + + &:disabled { + border: none; + background-color: transparentize(black, 0.86); + } + + &:backdrop, + &:active:backdrop { + border-color: lighten($selected_bg_color, 5%); + background-color: lighten($selected_bg_color, 5%); + &:disabled { + background-color: transparentize(black, 0.9); + } + } +} + +scale { + // sizing + $_marks_lenght: 6px; + $_marks_distance: 6px; + + min-height: 16px; + min-width: 16px; + padding: 8px; + + &.horizontal { + trough, + progress { min-height: 6px; } + } + + &.vertical { + trough, + progress { min-width: 6px; } + } + + // the slider is inside the trough, so to have make it bigger there's a negative margin + + slider { + min-height: 16px; + min-width: 16px; + margin: -7px; + + background-color: $scale_slider_bg; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + border-radius: 12px; + + transition: $button_transition; + transition-property: background, border, box-shadow; + + &:active { + background-color: $purple; + + &:disabled { + background-color: $insensitive_bg_color; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.05); + } + } + } + + // click-and-hold the slider to activate + &.fine-tune { + &.horizontal { + padding-top: 9px; + padding-bottom: 9px; + min-height: 16px; + } + + &.vertical { + padding-left: 9px; + padding-right: 9px; + min-width: 16px; + } + + // to make the trough grow in fine-tune mode + slider { margin: -6px; } + + fill, + highlight, + trough { + border-radius: 5px; + -gtk-outline-radius: 7px; + } + } + + // the backing bit + trough { + @extend %scale_trough; + + outline-offset: 2px; + -gtk-outline-radius: 5px; + outline-color: transparent; + } + + // the colored part of the backing bit + highlight { @extend %scale_highlight; } + + // this is another differently styled part of the backing bit, the most relevant use case is for example + // in media player to indicate how much video stream as been cached + fill { + @extend %scale_trough; + + &:backdrop, & { background-color: $borders_color; } + + &:disabled { + &:backdrop, & { + border-color: transparent; + background-color: transparent; + } + } + + // OSD + .osd & { + background-color: mix($osd_fg_color, $osd_borders_color, 25%); + + &:disabled { + &:backdrop, & { + border-color: transparent; + background-color: transparent; + } + } + } + } + + slider { + border-color: $base_color; + border: none; + border-radius: 12px; + + background-color: $scale_slider_bg; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + + &:hover { @include button(hover-alt, $edge: $shadow_color); } + + &:active { border-color: $selected_borders_color; } + + &:disabled { + background-color: $insensitive_bg_color; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + } + + &:backdrop, + &:backdrop:disabled { + transition: $backdrop_transition; + + background-color: $insensitive_bg_color; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + } + + // ...on selected list rows + row:selected & { &:disabled, & { border-color: $selected_borders_color; } } + + // OSD + .osd & { + @include button(osd); + border-color: darken($osd_borders_color, 3%); + background-color: opacify($osd_bg_color, 1); // solid background needed here + + &:hover { + @include button(osd-hover); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:active { + @include button(osd-active); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:disabled { + @include button(osd-insensitive); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + + &:backdrop { + @include button(osd-backdrop); + background-color: opacify($osd_bg_color, 1); // solid background needed here + + &:disabled { + @include button(osd-backdrop-insensitive); + background-color: opacify($osd_bg_color, 1); // solid background needed here + } + } + } + } + + value { color: gtkalpha(currentColor, 0.4); } + + marks { + color: gtkalpha(currentColor, 0.4); + + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_lenght); + } + } + } + + &.fine-tune marks { + @each $marks_class, $marks_pos, $marks_margin in (top, top, bottom), + (bottom, bottom, top), + (top, left, right), + (bottom, right, left) { + &.#{$marks_class} { + margin-#{$marks_margin}: $_marks_distance; + margin-#{$marks_pos}: -($_marks_distance + $_marks_lenght - 3px); + } + } + } + + &.horizontal { + indicator { + min-height: $_marks_lenght; + min-width: 1px; + } + + &.fine-tune indicator { min-height: ($_marks_lenght - 3px); } + } + + &.vertical { + indicator { + min-height: 1px; + min-width: $_marks_lenght; + } + + &.fine-tune indicator { min-width: ($_marks_lenght - 3px); } + } + + // *WARNING* scale with marks madness following + + // FIXME: OSD and selected list rows missing, I don't feel like adding the other 144 assets needed for those... + $suffix: if($variant == 'light', '', '-dark'); + + @each $dir_class, $dir_infix in ('horizontal', 'horz'), + ('vertical', 'vert') { + @each $marks_infix, $marks_class in ('scale-has-marks-above', 'marks-before:not(.marks-after)'), + ('scale-has-marks-below', 'marks-after:not(.marks-before)') { + @each $state, $state_infix in ('', ''), + (':hover', '-hover'), + (':active', '-active'), + (':disabled', '-insensitive'), + (':backdrop', '-backdrop'), + (':backdrop:disabled', '-backdrop-insensitive') { + &.#{$dir_class}.#{$marks_class} { + + slider { + &#{$state} { + // an asymmetric slider asset is used here, so the margins are uneven, the smaller + // margin is set on the point side. + min-height: 16px; + min-width: 16px; + margin: -7px; + border: none; + border-radius: 50%; + + background-color: $scale_slider_bg; + box-shadow: inset 0 1px $top_highlight, + 0px 0px 1px 1px rgba(0,0,0,0.1); + } + } + + &.fine-tune slider { + // bigger negative margins to make the trough grow here as well + margin: -7px; + } + } + } + } + } + + &.color { + min-height: 0; + min-width: 0; + + trough { + background-image: image($borders_color); + background-repeat: no-repeat; + } + + &.horizontal { + padding: 0 0 15px 0; + + trough { + padding-bottom: 4px; + background-position: 0 -3px; + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:dir(ltr), &:dir(rtl) { // specificity bumb + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 15px; + + trough { + padding-left: 4px; + background-position: 3px 0; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-left: -15px; + margin-right: 6px; + } + } + } + + &:dir(rtl) { + padding: 0 15px 0 0; + + trough { + padding-right: 4px; + background-position: -3px 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; + } + + slider { + &:hover, &:backdrop, &:disabled, &:backdrop:disabled, & { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + + &.fine-tune { + &.horizontal { + &:dir(ltr), &:dir(rtl) { // specificity bump + padding: 0 0 12px 0; + + trough { + padding-bottom: 7px; + background-position: 0 -6px; + } + + slider { + margin-bottom: -15px; + margin-top: 6px; + } + } + } + + &.vertical { + &:dir(ltr) { + padding: 0 0 0 12px; + + trough { + padding-left: 7px; + background-position: 6px 0; + } + + slider { + margin-left: -15px; + margin-right: 6px; + } + } + + &:dir(rtl) { + padding: 0 12px 0 0; + + trough { + padding-right: 7px; + background-position: -6px 0; + } + + slider { + margin-right: -15px; + margin-left: 6px; + } + } + } + } + } +} diff --git a/gtk-3.20/widgets/_scrollbars.scss b/gtk-3.20/widgets/_scrollbars.scss new file mode 100644 index 0000000..eff1e0d --- /dev/null +++ b/gtk-3.20/widgets/_scrollbars.scss @@ -0,0 +1,176 @@ +/************** + * Scrollbars * + **************/ +scrollbar { + $_slider_min_length: 40px; + + // disable steppers + @at-root * { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + } + + background-color: $scrollbar_bg_color; + transition: 300ms $ease-out-quad; + + // scrollbar border + &.top { border-bottom: 1px solid $borders_color; } + &.bottom { border-top: 1px solid $borders_color; } + &.left { border-right: 1px solid $borders_color; } + &.right { border-left: 1px solid $borders_color; } + + &:backdrop { + background-color: $backdrop_scrollbar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + // slider + slider { + min-width: 6px; + min-height: 6px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: $scrollbar_slider_color; + + &:hover { background-color: $scrollbar_slider_hover_color; } + + &:hover:active { background-color: $scrollbar_slider_active_color; } + + &:backdrop { background-color: $backdrop_scrollbar_slider_color; } + + &:disabled { background-color: transparent; } + } + + &.fine-tune { + slider { + min-width: 4px; + min-height: 4px; + } + + &.horizontal slider { border-width: 5px 4px; } + &.vertical slider { border-width: 4px 5px; } + } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { + border-color: transparent; + opacity: 0.4; + background-color: transparent; + + slider { + margin: 0; + min-width: 3px; + min-height: 3px; + background-color: $fg_color; + border: 1px solid if($variant == 'light', white, black); + } + + button { + min-width: 5px; + min-height: 5px; + background-color: $fg_color; + background-clip: padding-box; + border-radius: 100%; + border: 1px solid if($variant == 'light', white, black); + -gtk-icon-source: none; + } + + &.horizontal { + slider { + margin: 0 2px; + min-width: $_slider_min_length; + } + + button { + margin: 1px 2px; + min-width: 5px; + } + } + + &.vertical { + slider { + margin: 2px 0; + min-height: $_slider_min_length; + } + + button { + margin: 2px 1px; + min-height: 5px; + } + } + } + + &.dragging, + &.hovering { opacity: 0.8; } + } + + &.horizontal slider { min-width: $_slider_min_length; } + + &.vertical slider { min-height: $_slider_min_length; } + + // button styling + button { + padding: 0; + min-width: 12px; + min-height: 12px; + border-style: none; + border-radius: 0; + transition-property: min-height, min-width, color; + + @include button(undecorated); + + color: $scrollbar_slider_color; + + &:hover { + @include button(undecorated); + + color: $scrollbar_slider_hover_color; + } + &:active, &:checked { + @include button(undecorated); + + color: $scrollbar_slider_active_color; + } + &:disabled { + @include button(undecorated); + + color: transparentize($scrollbar_slider_color, 0.8); + } + &:backdrop { + @include button(undecorated); + + color: $backdrop_scrollbar_slider_color; + + &:disabled { + @include button(undecorated); + + color: transparentize($backdrop_scrollbar_slider_color, 0.8); + } + } + } + + // button icons + &.vertical { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + } + + &.horizontal { + button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-right-symbolic'); } + + &.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); } + } + } +} + +treeview ~ scrollbar.vertical { + border-top: 1px solid $borders_color; + margin-top: -1px; +} diff --git a/gtk-3.20/widgets/_sidebar.scss b/gtk-3.20/widgets/_sidebar.scss new file mode 100644 index 0000000..8ecb159 --- /dev/null +++ b/gtk-3.20/widgets/_sidebar.scss @@ -0,0 +1,126 @@ +/*********** + * Sidebar * + ***********/ +.sidebar { + border-style: none; + border-width: 0; + background-color: mix($bg_color, $base_color, 50%); + .frame{ + border: none; + } + + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: none; + border-left-style: none; + } + + @at-root %sidebar_right + &:dir(rtl), + &.right { + border-left: 1px solid $borders_color; + border-right-style: none; + } + + &:backdrop { + background-color: $backdrop_sidebar_bg_color; + border-color: $backdrop_borders_color; + transition: $backdrop_transition; + } + + list { background-color: lighten($bg_color, 0.77%); } + row{ + &:selected{ + &:backdrop{ + color: $backdrop_selected_bg_color; + background: transparent; + label{ + color: $backdrop_selected_bg_color; + } + } + &:hover{ + background-color: transparentize($selected_bg_color, 0.2); + } + background: transparent; + color: $purple; + label{ + color: $purple; + } + } + } + + //elementary os file manager + &.source-list{ + background-color: $headerbar_color; + color: #F2EFEA; + padding: 4px 0px; + &.view{ + + &:selected { + &:active { box-shadow: inset 0 2px 3px -1px transparentize(black, 0.5); } + + &.has-open-popup, + &:hover { background-color: transparentize($selected_bg_color, 0.2); } + + &:backdrop { background-color: $backdrop_selected_bg_color; } + } + &:hover, iconview.source-list:hover { + background-color: if(variant == light, transparentize($base_color, 0.4), transparentize($base_color, 0.4)); + } + } + } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { + border-style: none; + border-color: $borders_color; + } +} +} + +stacksidebar { + &.sidebar { + &:dir(ltr), + &.left, + &.left:dir(rtl) { list { @extend %sidebar_left; }} + + &:dir(rtl), + &.right { list { @extend %sidebar_right; }} + } + + row { + padding: 10px 4px; + + > label { + padding-left: 6px; + padding-right: 6px; + } + + &.needs-attention > label { + @extend %needs_attention; + + background-size: 6px 6px, 0 0; + } + } +} + +placessidebar { + > viewport.frame { border-style: none; } + + row { + &.sidebar-new-bookmark-row { color: $selected_bg_color; } + + &:drop(active):not(:disabled) { + &, label, image { color: $drop_target_color; } + + box-shadow: inset 0 1px $drop_target_color, + inset 0 -1px $drop_target_color; + + &:selected { + &, label, image { color: $selected_fg_color; } + background-color: $drop_target_color; + } + } + } +} diff --git a/gtk-3.20/widgets/_spinbuttons.scss b/gtk-3.20/widgets/_spinbuttons.scss new file mode 100644 index 0000000..4810bbe --- /dev/null +++ b/gtk-3.20/widgets/_spinbuttons.scss @@ -0,0 +1,192 @@ +/***************** + * GtkSpinButton * + *****************/ +spinbutton { + &:not(.vertical) { + // in this horizontal configuration, the whole spinbutton + // behaves as the entry, so we extend the entry styling + // and nuke the style on the internal entry + @extend %entry; + + padding: 0; + + entry { + min-width: 28px; + // reset all the other props since the spinbutton node is styled here + margin: 0; + background: none; + background-color: transparent; + border: none; + border-radius: 0; + box-shadow: none; + } + + button { + min-height: 16px; + margin: 0; + padding-bottom: 0; + padding-top: 0; + color: mix($fg_color, $base_color, 90%); + background-image: none; + border-style: none none none solid; + border-color: transparentize($borders_color, 0.7); + border-radius: 0; + box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.07); + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + color: $fg_color; + background-color: $base_hover_color; + } + + &:disabled { color: transparentize($insensitive_fg_color, 0.7); } + + &:active { + background-color: transparentize(black, 0.9); + box-shadow: inset 0 2px 3px -1px transparentize(black, 0.8); + } + + &:backdrop { + color: mix($backdrop_fg_color, $backdrop_base_color, 90%); + background-color: transparent; + border-color: transparentize($backdrop_borders_color, 0.7); + transition: $backdrop_transition; + } + + &:backdrop:disabled { + color: transparentize($backdrop_insensitive_color,0.7); + background-image: none; + border-style: none none none solid; // It is needed or it gets overridden + box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.07); + + &:dir(rtl) { border-style: none solid none none; } + } + + &:last-child { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + } + } + } + + // OSD horizontal + .osd &:not(.vertical) { + button { + @include button(undecorated); + + color: $osd_fg_color; + border-style: none none none solid; + border-color: transparentize($osd_borders_color, 0.3); + border-radius: 0; + box-shadow: none; + -gtk-icon-shadow: 0 1px black; + + &:dir(rtl) { border-style: none solid none none; } + + &:hover { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + background-color: transparentize($osd_fg_color, 0.9); + -gtk-icon-shadow: 0 1px black; + box-shadow: none; + } + + &:backdrop { + @include button(undecorated); + + color: $osd_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + -gtk-icon-shadow: none; + box-shadow: none; + } + + &:disabled { + @include button(undecorated); + + color: $osd_insensitive_fg_color; + border-color: transparentize(opacify($osd_borders_color, 1), 0.5); + -gtk-icon-shadow: none; + box-shadow: none; + } + + &:last-child { border-radius: 0 3px 3px 0; } + + &:dir(rtl):first-child { border-radius: 3px 0 0 3px; } + } + } + + // Vertical + &.vertical { + // in the vertical configuration, we treat the spinbutton + // as a box, and tweak the style of the entry in the middle + // so that it's linked + + // FIXME: this should not be set at all, but otherwise it gets the wrong + // color + &:disabled { color: $insensitive_fg_color; } + &:backdrop:disabled { color: $backdrop_insensitive_color; } + + &:drop(active) { + border-color: transparent; + box-shadow: none; + } + + entry { + min-height: 32px; + min-width: 32px; + padding: 0; + border-radius: 0; + } + + button { + min-height: 32px; + min-width: 32px; + padding: 0; + border-width: 1px; + border-color: $borders_color; + box-shadow: 0 1px $top_highlight; + + &.up { @extend %top_button; } + + &.down { @extend %bottom_button; } + } + + %top_button { + border-radius: 3px 3px 0 0; + border-style: solid solid none solid; + } + + %bottom_button { + border-radius: 0 0 3px 3px; + border-style: none solid solid solid; + } + } + + // OSD vertical + .osd &.vertical button:first-child { + @include button(osd); + + &:hover { @include button(osd-hover);} + + &:active { @include button(osd-active); } + + &:disabled { @include button(osd-insensitive); } + + &:backdrop { @include button(osd-backdrop); } + } + + // Misc + treeview &:not(.vertical) { + min-height: 0; + border-style: none; + border-radius: 0; + + entry { + min-height: 0; + padding: 1px 2px; + } + } +} diff --git a/gtk-3.20/widgets/_spinner.scss b/gtk-3.20/widgets/_spinner.scss new file mode 100644 index 0000000..1bd61a6 --- /dev/null +++ b/gtk-3.20/widgets/_spinner.scss @@ -0,0 +1,27 @@ +/*********** + * Spinner * + ***********/ + +menu spinner { + color: $selected_bg_color; +} + +/********************* + * Spinner Animation * + *********************/ +@keyframes spin { + to { -gtk-icon-transform: rotate(1turn); } +} + +spinner { + background: none; + opacity: 0; // non spinning spinner makes no sense + -gtk-icon-source: -gtk-icontheme('process-working-symbolic'); + + &:checked { + opacity: 1; + animation: spin 1s linear infinite; + + &:disabled { opacity: 0.5; } + } +} diff --git a/gtk-3.20/widgets/_switches.scss b/gtk-3.20/widgets/_switches.scss new file mode 100644 index 0000000..c24d971 --- /dev/null +++ b/gtk-3.20/widgets/_switches.scss @@ -0,0 +1,101 @@ +/********** + * Switch * + **********/ + $_switch_bg: if($variant == 'light', transparentize(black, 0.9), lighten($base_color, 10%)); + $_switch_slider_bg:$base_color; + + switch { + font-size: 1px; + font-weight: bold; + outline-offset: -4px; + transition: all 200ms ease-in; + + border: none; + border-radius: 14px; + color: transparent; + padding: 2px; + + background-color:$_switch_bg; + box-shadow: inset 0 0 0 1px transparentize(black, 0.95), 0px 1px $bottom_highlight; + + &:disabled { + background-color: $insensitive_bg_color; + } + + &:backdrop { + background-color: darken($_switch_bg, 7%); + transition: $backdrop_transition; + + &:disabled { background-color: $insensitive_bg_color; } + } + + + &:active, + &:checked { + background-color: $lime; + + &:backdrop { + background-color: $lime; + + slider { + &:backdrop { + box-shadow:none; + background-color:transparentize($base_color, 0.1); + border:none; + } + } + } + } + + // Handle + slider { + padding:2px; + min-width: 16px; + min-height: 16px; + + border-radius: 100%; + transition: $button_transition; + background-color: $_switch_slider_bg; + + box-shadow: 0 2px 2px transparentize(black, 0.8), + 0 1px 2px transparentize(black, 0.8); + + &:backdrop { + padding:2px; + box-shadow:none; + background-color: $base_color; + } + } + + &:checked slider { } + + &:backdrop { + } + + row:selected & { + @if $variant == 'light' { + box-shadow: none; + border-color: $selected_borders_color; + + &:backdrop { border-color: $selected_borders_color; } + + &.slider:dir(rtl) { border-left-color: $borders_color; } + &.slider:dir(ltr) { border-right-color: $borders_color; } + + &.slider { &:checked, & { border-color: $selected_borders_color; } } + } + } + + // Trough + trough { + + &:active, + &:checked { + background-color: $selected_bg_color; + + &:backdrop { + background-color: $backdrop_selected_bg_color; + } + } + } +} diff --git a/gtk-3.20/widgets/_toolbars.scss b/gtk-3.20/widgets/_toolbars.scss new file mode 100644 index 0000000..c7d5b90 --- /dev/null +++ b/gtk-3.20/widgets/_toolbars.scss @@ -0,0 +1,84 @@ +/************ + * Toolbars * + ************/ +%toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: $bg_color; +} + +toolbar { + @extend %toolbar; + + padding: 4px 3px 3px 4px; + + // on OSD + .osd & { background-color: transparent; } + + // stand-alone OSD toolbars + &.osd { + padding: 13px; + border: none; + border-radius: 5px; + background-color: $osd_bg_color; + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + // toolbar separators + &.horizontal separator { margin: 0 7px 1px 6px; } + &.vertical separator { margin: 6px 1px 7px 0; } + + &:not(.inline-toolbar):not(.osd) { + switch, + scale, + entry, + spinbutton, + button { + margin-right: 1px; + margin-bottom: 1px; + } + } +} + +//searchbar, location-bar & inline-toolbar +.inline-toolbar { + @extend %toolbar; + + @extend %darkbar; + + padding: 3px; + border-width: 0 1px 1px; + border-radius: 0 0 5px 5px; +} + +searchbar, +.location-bar { + @extend %toolbar; + + @extend %darkbar; + + border-width: 0 0 1px; + padding: 3px; +} + +%darkbar { + border-style: solid; + border-color: $borders_color; + $_bg: mix($bg_color, $borders_color, 70%); + background-color: $_bg; + + &:backdrop { + border-color: $backdrop_borders_color; + background-color: $backdrop_dark_fill; + box-shadow: none; + transition: $backdrop_transition; + } +} + +searchbar{ + background: $base_color; +} \ No newline at end of file diff --git a/gtk-3.20/widgets/_tooltips.scss b/gtk-3.20/widgets/_tooltips.scss new file mode 100644 index 0000000..00a4554 --- /dev/null +++ b/gtk-3.20/widgets/_tooltips.scss @@ -0,0 +1,28 @@ +/************ + * Tooltips * + ************/ +tooltip { + &.background { + // background-color needs to be set this way otherwise it gets drawn twice + // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. + background-color: transparentize(black, 0.2); + background-clip: padding-box; + border: 1px solid $tooltip_borders_color; // this suble border is meant to + // not make the tooltip melt with + // very dark backgrounds + } + + padding: 4px; /* not working */ + border-radius: 5px; + box-shadow: none; // otherwise it gets inherited by windowframe.csd + text-shadow: 0 1px black; + + // FIXME: we need a border or tooltips vanish on black background. + decoration { background-color: transparent; } + + * { // Yeah this is ugly + padding: 4px; + background-color: transparent; + color: white; + } +} diff --git a/gtk-3.20/widgets/_touch-copy-paste.scss b/gtk-3.20/widgets/_touch-copy-paste.scss new file mode 100644 index 0000000..c9f4db2 --- /dev/null +++ b/gtk-3.20/widgets/_touch-copy-paste.scss @@ -0,0 +1,82 @@ +/********************** + * Touch Copy & Paste * + *********************/ +//touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + + @each $s,$as in ('',''), + (':hover','-hover'), + (':active','-active') { //no need for insensitive and backdrop + &.top#{$s}:dir(ltr), &.bottom#{$s}:dir(rtl) { + $_url: 'assets/text-select-start#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-left: 10px; + } + + &.bottom#{$s}:dir(ltr), &.top#{$s}:dir(rtl) { + $_url: 'assets/text-select-end#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + padding-right: 10px; + } + + &.insertion-cursor#{$s}:dir(ltr), &.insertion-cursor#{$s}:dir(rtl) { + $_url: 'assets/slider-horz-scale-has-marks-above#{$as}#{$asset_suffix}'; + -gtk-icon-source: -gtk-scaled(url('#{$_url}.png'), + url('#{$_url}@2.png')); + } + } +} + +.context-menu { font: initial; } // Decouple the font of context menus from their entry/textview + +button.circular { // FIXME: aggregate to buttons + border-radius: 20px; + -gtk-outline-radius: 20px; + + label { padding: 0; } +} + +// shortcut window keys +.keycap { + min-width: 20px; + min-height: 25px; + margin-top: 2px; + padding-bottom: 3px; + padding-left: 6px; + padding-right: 6px; + + color: $fg_color; + background-color: $base_color; + border: 1px solid; + border-color: if($variant == 'light', mix($borders_color, $bg_color, 50%), $borders_color); + border-radius: 5px; + box-shadow: if($variant == 'light', inset 0 -3px mix($base_color, $bg_color, 20%), inset 0 -3px mix($borders_color, $base_color, 60%)); + font-size: smaller; + + &:backdrop { + background-color: $backdrop_base_color; + color: $backdrop_fg_color; + transition: $backdrop_transition; + } +} + +*:drop(active):focus, +*:drop(active) { // FIXME needs to be done widget by widget, this wildcard should really die + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; +} + +stackswitcher button.text-button { min-width: 100px; } // FIXME aggregate with buttons + +stackswitcher button.circular, +stackswitcher button.text-button.circular { // FIXME aggregate with buttons + min-width: 32px; + min-height: 32px; + padding: 0; +} diff --git a/gtk-3.20/widgets/_treeviews.scss b/gtk-3.20/widgets/_treeviews.scss new file mode 100644 index 0000000..478f148 --- /dev/null +++ b/gtk-3.20/widgets/_treeviews.scss @@ -0,0 +1,233 @@ +/************** + * Tree Views * + **************/ +treeview.view { + @at-root * { + -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; + } + + border-left-color: mix($fg_color, $base_color, 50%); // this is actually the tree lines color, + border-top-color: $bg_color; // while this is the grid lines color, better then nothing + + rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + &:focus, & { + border-radius: 0; + + @extend %selected_items; + } + + &:backdrop, & { + border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); + border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly + } + } + + &:disabled { + color: $insensitive_fg_color; + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + + &:backdrop { color: $backdrop_insensitive_color; } + } + + &.separator { + min-height: 2px; + color: $bg_color; + + &:backdrop { color: transparentize($bg_color, 0.9); } + } + + &:backdrop { + border-left-color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + border-top: $backdrop_bg_color; + } + &:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: $selected_borders_color; + + &.after { border-top-style: none; } + + &.before { border-bottom-style: none; } + } + + &.expander { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + + &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } + + color: mix($fg_color, $base_color, 70%); + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + + &:hover { color: $selected_fg_color; } + + &:backdrop { color: mix($backdrop_selected_fg_color, $selected_bg_color, 70%); } + } + + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + + &:backdrop { color: mix($backdrop_fg_color, $backdrop_base_color, 70%); } + } + + &.progressbar { // progress bar in treeviews + @if $variant == light { color: $base_color; } + + border: 1px solid $selected_borders_color; + border-radius: 4px; + background-color: $selected_bg_color; + background-image: linear-gradient(to bottom, + $selected_bg_color, + darken($selected_bg_color,10%)); + box-shadow: inset 0 1px if($variant=='light', transparentize(white,0.7), + transparentize(white,0.85)), + 0 1px if($variant=='light', transparentize(black, 0.8), + transparentize(black,0.9)); + + &:selected { + &:focus, & { + border-radius: 4px; + + @if $variant == 'light' { + color: $selected_bg_color; + box-shadow: none; + } + + @else { box-shadow: inset 0 1px transparentize(white, 0.95); } + + background-image: linear-gradient(to bottom, + $base_color, + darken($base_color,10%)); + + &:backdrop { + @if $variant == 'light' { + color: $selected_bg_color; + border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?) + } + + @else { border-color: $backdrop_base_color; } + + background-color: $backdrop_base_color; + } + } + } + + &:backdrop { + @if $variant == 'light' { color: $backdrop_base_color; } + + @else { border-color: $backdrop_base_color; } + + background-image: none; + box-shadow: none; + } + } + + &.trough { // progress bar trough in treeviews + background-color: transparentize($fg_color,0.9); + border-radius: 4px; + + &:selected { + &:focus, & { + background-color: if($variant == 'light', + transparentize($selected_fg_color, 0.7), + darken($selected_bg_color, 10%)); + border-radius: 4px; + + @if $variant == 'light' { + border-width: 1px 0; + border-style: solid; + border-color: $selected_bg_color; + } + } + } + } + + header { + button { + $_column_header_color: mix($fg_color, $base_color, 50%); + + @extend %column_header_button; + + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + text-shadow: none; + box-shadow: none; + + &:hover { + @extend %column_header_button; + + color: mix($_column_header_color, $fg_color, 50%); + box-shadow: none; + transition: none; //I shouldn't need this + } + + &:active { + @extend %column_header_button; + + color: $fg_color; + transition: none; //I shouldn't need this + } + } + + button:last-child { &:backdrop, & { border-right-style: none; }} + } + + button.dnd, + header.button.dnd { // for treeview-like derive widgets + &:active, &:selected, &:hover, & { + padding: 0 6px; + transition: none; + background-image: none; + background-color: $selected_bg_color; + color: $base_color; + border-radius: 0; + border-style: none; + box-shadow: inset 0 0 0 1px $base_color; + text-shadow: none; + } + } + + acceleditor > label { background-color: $selected_bg_color; } // see tests/testaccel to test +} + +%column_header_button { + padding: 0 6px; + border-radius: 0; + background-image: none; + text-shadow: none; + border-width: 1px; + border-style: none solid solid none; + border-color: $bg_color; + + &:disabled { + border-color: $bg_color; + background-image: none; + } + + &:backdrop { + border-color: $backdrop_bg_color; + border-style: none solid solid none; + color: mix($backdrop_fg_color, $backdrop_bg_color, 50%); + background-image: none; + background-color: $backdrop_base_color; + + &:disabled { + border-color: $backdrop_bg_color; + background-image: none; + } + } +} diff --git a/gtk-3.20/widgets/_windows.scss b/gtk-3.20/widgets/_windows.scss new file mode 100644 index 0000000..ce2d118 --- /dev/null +++ b/gtk-3.20/widgets/_windows.scss @@ -0,0 +1,142 @@ +/********************** + * Window Decorations * + *********************/ +decoration { + border-radius: 4px 4px 0 0; + + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + // this needs to be transparent + // see bug #722563 + $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1)); + $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize($borders_color, 0.1)); + + // lamefun trick to get rounded borders regardless of CSD use + border-width: 0px; + + box-shadow: 0 2px 4px 2px transparentize(black, 0.8); + + // FIXME rationalize shadows + + // this is used for the resize cursor area + margin: 10px; + + &:backdrop { + // the transparent shadow here is to enforce that the shadow extents don't + // change when we go to backdrop, to prevent jumping windows. + // The biggest shadow should be in the same order then in the active state + // or the jumping will happen during the transition. + box-shadow: 0 2px 4px 2px transparentize(black, 0.85); + transition: $backdrop_transition; + } + + .maximized &, + .fullscreen &, + .tiled & { border-radius: 0; } + + .popup & { box-shadow: none; } + + // server-side decorations as used by mutter + .ssd & { } //just doing borders, wm draws actual shadows + + .csd.popup & { + border-radius: 0; + box-shadow: 0 1px 6px transparentize(black, 0.6), + 0 0 0 1px transparentize($_wm_border,0.1); + } + + tooltip.csd & { + border-radius: 5px; + box-shadow: none; + } + + messagedialog.csd & { + border-radius: 7px; + box-shadow: 0 1px 2px transparentize(black, 0.8), + 0 0 0 1px transparentize($_wm_border,0.1); + } + + .solid-csd & { + border-radius: 0; + margin: 0px; + background-color: $backdrop_bg_color; + border: solid 1px $backdrop_borders_color; + box-shadow: none; + } +} + +// Window Close button +button.titlebutton { + background-repeat: no-repeat; + background-position: center; + min-height: 32px; + padding: 0 3px; + box-shadow: none; + + &.close { + background-image: -gtk-scaled(url("../assets/close.png"),url("../assets/close@2.png")); + &:hover,&:active { + background-image: -gtk-scaled(url("../assets/close_prelight.png"),url("../assets/close_prelight@2.png")); + } + } + &.maximize { + background-image: -gtk-scaled(url("../assets/maximize.png"),url("../assets/maximize@2.png")); + &:hover,&:active { + background-image: -gtk-scaled(url("../assets/maximize_prelight.png"),url("../assets/maximize_prelight@2.png")); + } + } + &.minimize { + background-image: -gtk-scaled(url("../assets/min.png"),url("../assets/min@2.png")); + &:hover,&:active { + background-image: -gtk-scaled(url("../assets/min_prelight.png"),url("../assets/min_prelight@2.png")); + } + } + + &.close, &.minimize, &.maximize { + &:backdrop { + background-image: -gtk-scaled(url("../assets/close_unfocused.png"),url("../assets/close_unfocused@2.png")); + } + } + + .selection-mode & { + @extend %button.flat.suggested-action; + + @extend %nobg_selected_items; + } + + &:backdrop { + -gtk-icon-shadow: none; + } +} + +headerbar.selection-mode button.titlebutton, +.titlebar.selection-mode button.titlebutton { + @include _button_text_shadow(white, $selected_bg_color); + + &:backdrop { -gtk-icon-shadow: none; } +} + + +// catch all extend :) + +%selected_items { + background-color: $selected_bg_color; + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + font-weight: bold; + + @if $variant == 'light' { outline-color: transparentize($selected_fg_color, 0.7); } + + &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } + + &:backdrop { + color: $backdrop_selected_fg_color; + + &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); } + } + } +} + +.monospace { font-family: Monospace; } diff --git a/install b/install new file mode 100755 index 0000000..4a62295 --- /dev/null +++ b/install @@ -0,0 +1,4 @@ +#!/bin/sh -e + +install -Dm644 * \ + "/usr/share/themes/"