From ee864708c34027a1e3b0ad6aff38c1c3b4c3463d Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: adapt to changes in GTK+ 3.19.x --- common/gnome-shell/3.20 | 1 + common/gtk-3.0/3.20/.nvmrc | 1 + common/gtk-3.0/3.20/README.md | 27 + common/gtk-3.0/3.20/assets.svg | 5525 ++++++++++++++++++++ common/gtk-3.0/3.20/assets.txt | 84 + .../gtk-3.0/3.20/assets/checkbox-checked-dark.png | Bin 0 -> 360 bytes .../3.20/assets/checkbox-checked-dark@2.png | Bin 0 -> 475 bytes .../assets/checkbox-checked-insensitive-dark.png | Bin 0 -> 370 bytes .../assets/checkbox-checked-insensitive-dark@2.png | Bin 0 -> 497 bytes .../checkbox-checked-insensitive-selected.png | Bin 0 -> 364 bytes .../checkbox-checked-insensitive-selected@2.png | Bin 0 -> 493 bytes .../3.20/assets/checkbox-checked-insensitive.png | Bin 0 -> 374 bytes .../3.20/assets/checkbox-checked-insensitive@2.png | Bin 0 -> 499 bytes .../3.20/assets/checkbox-checked-selected.png | Bin 0 -> 354 bytes .../3.20/assets/checkbox-checked-selected@2.png | Bin 0 -> 479 bytes .../assets/checkbox-checked-selectionmode-dark.png | Bin 0 -> 474 bytes .../checkbox-checked-selectionmode-dark@2.png | Bin 0 -> 648 bytes .../3.20/assets/checkbox-checked-selectionmode.png | Bin 0 -> 465 bytes .../assets/checkbox-checked-selectionmode@2.png | Bin 0 -> 655 bytes common/gtk-3.0/3.20/assets/checkbox-checked.png | Bin 0 -> 363 bytes common/gtk-3.0/3.20/assets/checkbox-checked@2.png | Bin 0 -> 479 bytes common/gtk-3.0/3.20/assets/checkbox-mixed-dark.png | Bin 0 -> 235 bytes .../gtk-3.0/3.20/assets/checkbox-mixed-dark@2.png | Bin 0 -> 294 bytes .../assets/checkbox-mixed-insensitive-dark.png | Bin 0 -> 233 bytes .../assets/checkbox-mixed-insensitive-dark@2.png | Bin 0 -> 296 bytes .../assets/checkbox-mixed-insensitive-selected.png | Bin 0 -> 227 bytes .../checkbox-mixed-insensitive-selected@2.png | Bin 0 -> 285 bytes .../3.20/assets/checkbox-mixed-insensitive.png | Bin 0 -> 233 bytes .../3.20/assets/checkbox-mixed-insensitive@2.png | Bin 0 -> 296 bytes .../3.20/assets/checkbox-mixed-selected.png | Bin 0 -> 232 bytes .../3.20/assets/checkbox-mixed-selected@2.png | Bin 0 -> 294 bytes common/gtk-3.0/3.20/assets/checkbox-mixed.png | Bin 0 -> 235 bytes common/gtk-3.0/3.20/assets/checkbox-mixed@2.png | Bin 0 -> 294 bytes .../3.20/assets/checkbox-selectionmode-dark.png | Bin 0 -> 495 bytes .../3.20/assets/checkbox-selectionmode-dark@2.png | Bin 0 -> 692 bytes .../gtk-3.0/3.20/assets/checkbox-selectionmode.png | Bin 0 -> 447 bytes .../3.20/assets/checkbox-selectionmode@2.png | Bin 0 -> 658 bytes .../3.20/assets/checkbox-unchecked-dark.png | Bin 0 -> 269 bytes .../3.20/assets/checkbox-unchecked-dark@2.png | Bin 0 -> 349 bytes .../assets/checkbox-unchecked-insensitive-dark.png | Bin 0 -> 264 bytes .../checkbox-unchecked-insensitive-dark@2.png | Bin 0 -> 340 bytes .../checkbox-unchecked-insensitive-selected.png | Bin 0 -> 244 bytes .../checkbox-unchecked-insensitive-selected@2.png | Bin 0 -> 312 bytes .../3.20/assets/checkbox-unchecked-insensitive.png | Bin 0 -> 263 bytes .../assets/checkbox-unchecked-insensitive@2.png | Bin 0 -> 358 bytes .../3.20/assets/checkbox-unchecked-selected.png | Bin 0 -> 252 bytes .../3.20/assets/checkbox-unchecked-selected@2.png | Bin 0 -> 337 bytes common/gtk-3.0/3.20/assets/checkbox-unchecked.png | Bin 0 -> 265 bytes .../gtk-3.0/3.20/assets/checkbox-unchecked@2.png | Bin 0 -> 351 bytes common/gtk-3.0/3.20/assets/radio-checked-dark.png | Bin 0 -> 375 bytes .../gtk-3.0/3.20/assets/radio-checked-dark@2.png | Bin 0 -> 637 bytes .../3.20/assets/radio-checked-insensitive-dark.png | Bin 0 -> 373 bytes .../assets/radio-checked-insensitive-dark@2.png | Bin 0 -> 619 bytes .../assets/radio-checked-insensitive-selected.png | Bin 0 -> 351 bytes .../radio-checked-insensitive-selected@2.png | Bin 0 -> 575 bytes .../3.20/assets/radio-checked-insensitive.png | Bin 0 -> 368 bytes .../3.20/assets/radio-checked-insensitive@2.png | Bin 0 -> 611 bytes .../gtk-3.0/3.20/assets/radio-checked-selected.png | Bin 0 -> 369 bytes .../3.20/assets/radio-checked-selected@2.png | Bin 0 -> 641 bytes common/gtk-3.0/3.20/assets/radio-checked.png | Bin 0 -> 370 bytes common/gtk-3.0/3.20/assets/radio-checked@2.png | Bin 0 -> 638 bytes common/gtk-3.0/3.20/assets/radio-mixed-dark.png | Bin 0 -> 342 bytes common/gtk-3.0/3.20/assets/radio-mixed-dark@2.png | Bin 0 -> 546 bytes .../3.20/assets/radio-mixed-insensitive-dark.png | Bin 0 -> 335 bytes .../3.20/assets/radio-mixed-insensitive-dark@2.png | Bin 0 -> 528 bytes .../assets/radio-mixed-insensitive-selected.png | Bin 0 -> 319 bytes .../assets/radio-mixed-insensitive-selected@2.png | Bin 0 -> 481 bytes .../3.20/assets/radio-mixed-insensitive.png | Bin 0 -> 335 bytes .../3.20/assets/radio-mixed-insensitive@2.png | Bin 0 -> 528 bytes .../gtk-3.0/3.20/assets/radio-mixed-selected.png | Bin 0 -> 312 bytes .../gtk-3.0/3.20/assets/radio-mixed-selected@2.png | Bin 0 -> 518 bytes common/gtk-3.0/3.20/assets/radio-mixed.png | Bin 0 -> 342 bytes common/gtk-3.0/3.20/assets/radio-mixed@2.png | Bin 0 -> 546 bytes .../gtk-3.0/3.20/assets/radio-unchecked-dark.png | Bin 0 -> 438 bytes .../gtk-3.0/3.20/assets/radio-unchecked-dark@2.png | Bin 0 -> 762 bytes .../assets/radio-unchecked-insensitive-dark.png | Bin 0 -> 417 bytes .../assets/radio-unchecked-insensitive-dark@2.png | Bin 0 -> 701 bytes .../radio-unchecked-insensitive-selected.png | Bin 0 -> 333 bytes .../radio-unchecked-insensitive-selected@2.png | Bin 0 -> 575 bytes .../3.20/assets/radio-unchecked-insensitive.png | Bin 0 -> 423 bytes .../3.20/assets/radio-unchecked-insensitive@2.png | Bin 0 -> 726 bytes .../3.20/assets/radio-unchecked-selected.png | Bin 0 -> 356 bytes .../3.20/assets/radio-unchecked-selected@2.png | Bin 0 -> 708 bytes common/gtk-3.0/3.20/assets/radio-unchecked.png | Bin 0 -> 428 bytes common/gtk-3.0/3.20/assets/radio-unchecked@2.png | Bin 0 -> 758 bytes common/gtk-3.0/3.20/assets/switch-active-dark.png | Bin 0 -> 799 bytes .../gtk-3.0/3.20/assets/switch-active-dark@2.png | Bin 0 -> 1433 bytes .../3.20/assets/switch-active-header-dark.png | Bin 0 -> 813 bytes .../3.20/assets/switch-active-header-dark@2.png | Bin 0 -> 1451 bytes .../gtk-3.0/3.20/assets/switch-active-header.png | Bin 0 -> 807 bytes .../gtk-3.0/3.20/assets/switch-active-header@2.png | Bin 0 -> 1446 bytes .../3.20/assets/switch-active-insensitive-dark.png | Bin 0 -> 793 bytes .../assets/switch-active-insensitive-dark@2.png | Bin 0 -> 1439 bytes .../switch-active-insensitive-header-dark.png | Bin 0 -> 796 bytes .../switch-active-insensitive-header-dark@2.png | Bin 0 -> 1423 bytes .../assets/switch-active-insensitive-header.png | Bin 0 -> 783 bytes .../assets/switch-active-insensitive-header@2.png | Bin 0 -> 1420 bytes .../assets/switch-active-insensitive-selected.png | Bin 0 -> 746 bytes .../switch-active-insensitive-selected@2.png | Bin 0 -> 1327 bytes .../3.20/assets/switch-active-insensitive.png | Bin 0 -> 783 bytes .../3.20/assets/switch-active-insensitive@2.png | Bin 0 -> 1420 bytes .../gtk-3.0/3.20/assets/switch-active-selected.png | Bin 0 -> 805 bytes .../3.20/assets/switch-active-selected@2.png | Bin 0 -> 1445 bytes common/gtk-3.0/3.20/assets/switch-active.png | Bin 0 -> 807 bytes common/gtk-3.0/3.20/assets/switch-active@2.png | Bin 0 -> 1446 bytes common/gtk-3.0/3.20/assets/switch-dark.png | Bin 0 -> 764 bytes common/gtk-3.0/3.20/assets/switch-dark@2.png | Bin 0 -> 1338 bytes common/gtk-3.0/3.20/assets/switch-header-dark.png | Bin 0 -> 775 bytes .../gtk-3.0/3.20/assets/switch-header-dark@2.png | Bin 0 -> 1355 bytes common/gtk-3.0/3.20/assets/switch-header.png | Bin 0 -> 798 bytes common/gtk-3.0/3.20/assets/switch-header@2.png | Bin 0 -> 1406 bytes .../3.20/assets/switch-insensitive-dark.png | Bin 0 -> 729 bytes .../3.20/assets/switch-insensitive-dark@2.png | Bin 0 -> 1244 bytes .../3.20/assets/switch-insensitive-header-dark.png | Bin 0 -> 745 bytes .../assets/switch-insensitive-header-dark@2.png | Bin 0 -> 1289 bytes .../3.20/assets/switch-insensitive-header.png | Bin 0 -> 720 bytes .../3.20/assets/switch-insensitive-header@2.png | Bin 0 -> 1245 bytes .../3.20/assets/switch-insensitive-selected.png | Bin 0 -> 644 bytes .../3.20/assets/switch-insensitive-selected@2.png | Bin 0 -> 1081 bytes common/gtk-3.0/3.20/assets/switch-insensitive.png | Bin 0 -> 765 bytes .../gtk-3.0/3.20/assets/switch-insensitive@2.png | Bin 0 -> 1331 bytes common/gtk-3.0/3.20/assets/switch-selected.png | Bin 0 -> 717 bytes common/gtk-3.0/3.20/assets/switch-selected@2.png | Bin 0 -> 1216 bytes common/gtk-3.0/3.20/assets/switch.png | Bin 0 -> 765 bytes common/gtk-3.0/3.20/assets/switch@2.png | Bin 0 -> 1371 bytes common/gtk-3.0/3.20/assets/thumbnail-frame.png | Bin 0 -> 832 bytes .../3.20/assets/titlebutton-close-active-dark.png | Bin 0 -> 446 bytes .../assets/titlebutton-close-active-dark@2.png | Bin 0 -> 760 bytes .../3.20/assets/titlebutton-close-active.png | Bin 0 -> 441 bytes .../3.20/assets/titlebutton-close-active@2.png | Bin 0 -> 789 bytes .../assets/titlebutton-close-backdrop-dark.png | Bin 0 -> 421 bytes .../assets/titlebutton-close-backdrop-dark@2.png | Bin 0 -> 708 bytes .../3.20/assets/titlebutton-close-backdrop.png | Bin 0 -> 438 bytes .../3.20/assets/titlebutton-close-backdrop@2.png | Bin 0 -> 748 bytes .../gtk-3.0/3.20/assets/titlebutton-close-dark.png | Bin 0 -> 446 bytes .../3.20/assets/titlebutton-close-dark@2.png | Bin 0 -> 760 bytes .../3.20/assets/titlebutton-close-hover-dark.png | Bin 0 -> 446 bytes .../3.20/assets/titlebutton-close-hover-dark@2.png | Bin 0 -> 760 bytes .../3.20/assets/titlebutton-close-hover.png | Bin 0 -> 464 bytes .../3.20/assets/titlebutton-close-hover@2.png | Bin 0 -> 815 bytes common/gtk-3.0/3.20/assets/titlebutton-close.png | Bin 0 -> 463 bytes common/gtk-3.0/3.20/assets/titlebutton-close@2.png | Bin 0 -> 815 bytes .../3.20/assets/titlebutton-max-active-dark.png | Bin 0 -> 391 bytes .../3.20/assets/titlebutton-max-active-dark@2.png | Bin 0 -> 662 bytes .../gtk-3.0/3.20/assets/titlebutton-max-active.png | Bin 0 -> 391 bytes .../3.20/assets/titlebutton-max-active@2.png | Bin 0 -> 662 bytes .../3.20/assets/titlebutton-max-backdrop-dark.png | Bin 0 -> 241 bytes .../assets/titlebutton-max-backdrop-dark@2.png | Bin 0 -> 280 bytes .../3.20/assets/titlebutton-max-backdrop.png | Bin 0 -> 241 bytes .../3.20/assets/titlebutton-max-backdrop@2.png | Bin 0 -> 289 bytes .../gtk-3.0/3.20/assets/titlebutton-max-dark.png | Bin 0 -> 241 bytes .../gtk-3.0/3.20/assets/titlebutton-max-dark@2.png | Bin 0 -> 297 bytes .../3.20/assets/titlebutton-max-hover-dark.png | Bin 0 -> 413 bytes .../3.20/assets/titlebutton-max-hover-dark@2.png | Bin 0 -> 807 bytes .../gtk-3.0/3.20/assets/titlebutton-max-hover.png | Bin 0 -> 422 bytes .../3.20/assets/titlebutton-max-hover@2.png | Bin 0 -> 801 bytes common/gtk-3.0/3.20/assets/titlebutton-max.png | Bin 0 -> 241 bytes common/gtk-3.0/3.20/assets/titlebutton-max@2.png | Bin 0 -> 297 bytes .../3.20/assets/titlebutton-min-active-dark.png | Bin 0 -> 343 bytes .../3.20/assets/titlebutton-min-active-dark@2.png | Bin 0 -> 571 bytes .../gtk-3.0/3.20/assets/titlebutton-min-active.png | Bin 0 -> 343 bytes .../3.20/assets/titlebutton-min-active@2.png | Bin 0 -> 571 bytes .../3.20/assets/titlebutton-min-backdrop-dark.png | Bin 0 -> 168 bytes .../assets/titlebutton-min-backdrop-dark@2.png | Bin 0 -> 180 bytes .../3.20/assets/titlebutton-min-backdrop.png | Bin 0 -> 167 bytes .../3.20/assets/titlebutton-min-backdrop@2.png | Bin 0 -> 180 bytes .../gtk-3.0/3.20/assets/titlebutton-min-dark.png | Bin 0 -> 168 bytes .../gtk-3.0/3.20/assets/titlebutton-min-dark@2.png | Bin 0 -> 180 bytes .../3.20/assets/titlebutton-min-hover-dark.png | Bin 0 -> 363 bytes .../3.20/assets/titlebutton-min-hover-dark@2.png | Bin 0 -> 701 bytes .../gtk-3.0/3.20/assets/titlebutton-min-hover.png | Bin 0 -> 368 bytes .../3.20/assets/titlebutton-min-hover@2.png | Bin 0 -> 694 bytes common/gtk-3.0/3.20/assets/titlebutton-min.png | Bin 0 -> 168 bytes common/gtk-3.0/3.20/assets/titlebutton-min@2.png | Bin 0 -> 180 bytes common/gtk-3.0/3.20/gtk-dark.css | 4210 +++++++++++++++ common/gtk-3.0/3.20/gtk-darker.css | 4203 +++++++++++++++ common/gtk-3.0/3.20/gtk-solid-dark.css | 4210 +++++++++++++++ common/gtk-3.0/3.20/gtk-solid-darker.css | 4203 +++++++++++++++ common/gtk-3.0/3.20/gtk-solid.css | 4207 +++++++++++++++ common/gtk-3.0/3.20/gtk.css | 4207 +++++++++++++++ common/gtk-3.0/3.20/gulpfile.js | 18 + common/gtk-3.0/3.20/package.json | 7 + common/gtk-3.0/3.20/render-assets.sh | 34 + common/gtk-3.0/3.20/sass/_applications.scss | 782 +++ common/gtk-3.0/3.20/sass/_colors-public.scss | 66 + common/gtk-3.0/3.20/sass/_colors.scss | 94 + common/gtk-3.0/3.20/sass/_common.scss | 3129 +++++++++++ common/gtk-3.0/3.20/sass/_drawing.scss | 384 ++ common/gtk-3.0/3.20/sass/_granite.scss | 218 + common/gtk-3.0/3.20/sass/_lightdm.scss | 110 + common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 276 + common/gtk-3.0/3.20/sass/_unity.scss | 59 + common/gtk-3.0/3.20/sass/gtk-dark.scss | 13 + common/gtk-3.0/3.20/sass/gtk-darker.scss | 13 + common/gtk-3.0/3.20/sass/gtk-solid-dark.scss | 13 + common/gtk-3.0/3.20/sass/gtk-solid-darker.scss | 13 + common/gtk-3.0/3.20/sass/gtk-solid.scss | 13 + common/gtk-3.0/3.20/sass/gtk.scss | 13 + 198 files changed, 36133 insertions(+) create mode 120000 common/gnome-shell/3.20 create mode 100644 common/gtk-3.0/3.20/.nvmrc create mode 100644 common/gtk-3.0/3.20/README.md create mode 100644 common/gtk-3.0/3.20/assets.svg create mode 100644 common/gtk-3.0/3.20/assets.txt create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-dark.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-insensitive.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-insensitive@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-selected.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-checked@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed-dark.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed-selected.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-mixed@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-selectionmode.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-selectionmode@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked-dark.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked-selected.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked.png create mode 100644 common/gtk-3.0/3.20/assets/checkbox-unchecked@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked-dark.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked-insensitive.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked-insensitive@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked-selected.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked.png create mode 100644 common/gtk-3.0/3.20/assets/radio-checked@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed-dark.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed-insensitive.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed-insensitive@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed-selected.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed.png create mode 100644 common/gtk-3.0/3.20/assets/radio-mixed@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked-dark.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked-insensitive.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked-insensitive@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked-selected.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked.png create mode 100644 common/gtk-3.0/3.20/assets/radio-unchecked@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-dark.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-header-dark.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-header-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-header.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-header@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-insensitive-dark.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-insensitive-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-insensitive-header.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-insensitive-header@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-insensitive-selected.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-insensitive-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-insensitive.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-insensitive@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-selected.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active.png create mode 100644 common/gtk-3.0/3.20/assets/switch-active@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-dark.png create mode 100644 common/gtk-3.0/3.20/assets/switch-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-header-dark.png create mode 100644 common/gtk-3.0/3.20/assets/switch-header-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-header.png create mode 100644 common/gtk-3.0/3.20/assets/switch-header@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-insensitive-dark.png create mode 100644 common/gtk-3.0/3.20/assets/switch-insensitive-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-insensitive-header-dark.png create mode 100644 common/gtk-3.0/3.20/assets/switch-insensitive-header-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-insensitive-header.png create mode 100644 common/gtk-3.0/3.20/assets/switch-insensitive-header@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-insensitive-selected.png create mode 100644 common/gtk-3.0/3.20/assets/switch-insensitive-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-insensitive.png create mode 100644 common/gtk-3.0/3.20/assets/switch-insensitive@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch-selected.png create mode 100644 common/gtk-3.0/3.20/assets/switch-selected@2.png create mode 100644 common/gtk-3.0/3.20/assets/switch.png create mode 100644 common/gtk-3.0/3.20/assets/switch@2.png create mode 100644 common/gtk-3.0/3.20/assets/thumbnail-frame.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-active-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-active-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-active.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-active@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-backdrop.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-backdrop@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-hover.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close-hover@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-close@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-active-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-active-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-active.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-active@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-backdrop.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-backdrop@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-hover.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-hover@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-active-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-active-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-active.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-active@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-backdrop.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-backdrop@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-hover.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-hover@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min@2.png create mode 100644 common/gtk-3.0/3.20/gtk-dark.css create mode 100644 common/gtk-3.0/3.20/gtk-darker.css create mode 100644 common/gtk-3.0/3.20/gtk-solid-dark.css create mode 100644 common/gtk-3.0/3.20/gtk-solid-darker.css create mode 100644 common/gtk-3.0/3.20/gtk-solid.css create mode 100644 common/gtk-3.0/3.20/gtk.css create mode 100644 common/gtk-3.0/3.20/gulpfile.js create mode 100644 common/gtk-3.0/3.20/package.json create mode 100755 common/gtk-3.0/3.20/render-assets.sh create mode 100644 common/gtk-3.0/3.20/sass/_applications.scss create mode 100644 common/gtk-3.0/3.20/sass/_colors-public.scss create mode 100644 common/gtk-3.0/3.20/sass/_colors.scss create mode 100644 common/gtk-3.0/3.20/sass/_common.scss create mode 100644 common/gtk-3.0/3.20/sass/_drawing.scss create mode 100644 common/gtk-3.0/3.20/sass/_granite.scss create mode 100644 common/gtk-3.0/3.20/sass/_lightdm.scss create mode 100644 common/gtk-3.0/3.20/sass/_transparent_widgets.scss create mode 100644 common/gtk-3.0/3.20/sass/_unity.scss create mode 100644 common/gtk-3.0/3.20/sass/gtk-dark.scss create mode 100644 common/gtk-3.0/3.20/sass/gtk-darker.scss create mode 100644 common/gtk-3.0/3.20/sass/gtk-solid-dark.scss create mode 100644 common/gtk-3.0/3.20/sass/gtk-solid-darker.scss create mode 100644 common/gtk-3.0/3.20/sass/gtk-solid.scss create mode 100644 common/gtk-3.0/3.20/sass/gtk.scss diff --git a/common/gnome-shell/3.20 b/common/gnome-shell/3.20 new file mode 120000 index 0000000..55b698c --- /dev/null +++ b/common/gnome-shell/3.20 @@ -0,0 +1 @@ +3.18 \ No newline at end of file diff --git a/common/gtk-3.0/3.20/.nvmrc b/common/gtk-3.0/3.20/.nvmrc new file mode 100644 index 0000000..2bf5ad0 --- /dev/null +++ b/common/gtk-3.0/3.20/.nvmrc @@ -0,0 +1 @@ +stable diff --git a/common/gtk-3.0/3.20/README.md b/common/gtk-3.0/3.20/README.md new file mode 100644 index 0000000..4a159a5 --- /dev/null +++ b/common/gtk-3.0/3.20/README.md @@ -0,0 +1,27 @@ +This theme uses libsass/gulp to process the sass/*.scss. Never edit any of the .css files manually. + +#### Editing the theme + +* Install `nvm` (https://github.com/creationix/nvm) + +* Run `nvm i` from the directory containing `.nvmrc` + +* Run `npm i` from the directory containing `gulpfile.js`. It's the same directory as the one that contains `.nvmrc` in this case. + +* Install `gulp` with `npm i -g gulp` + +* Edit the sass/*.scss files + +* Regenerate the .css files by executing `gulp` from the directory that contains `gulpfile.js` + +-- + +#### Editing the images in the `assets` folder + +* Open the `assets.svg` file in inkscape. Each object in the .svg file corresponds to an image in the `assets` folder. + +* Find the object you want to edit and make your changes. Important: Don't change the obejct id. + +* Save `assets.svg` and delete the images corresponding to the edited .svg objects from the `assets` folder (or just delete everything in the `assets` folder). + +* Run `./render-assets.sh` from a terminal. diff --git a/common/gtk-3.0/3.20/assets.svg b/common/gtk-3.0/3.20/assets.svg new file mode 100644 index 0000000..b1ca40c --- /dev/null +++ b/common/gtk-3.0/3.20/assets.svg @@ -0,0 +1,5525 @@ + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/common/gtk-3.0/3.20/assets.txt b/common/gtk-3.0/3.20/assets.txt new file mode 100644 index 0000000..6746aca --- /dev/null +++ b/common/gtk-3.0/3.20/assets.txt @@ -0,0 +1,84 @@ +checkbox-checked +checkbox-checked-insensitive +checkbox-unchecked +checkbox-unchecked-insensitive +checkbox-mixed +checkbox-mixed-insensitive +radio-checked +radio-checked-insensitive +radio-unchecked +radio-unchecked-insensitive +radio-mixed +radio-mixed-insensitive +checkbox-checked-selected +checkbox-checked-insensitive-selected +checkbox-unchecked-selected +checkbox-unchecked-insensitive-selected +checkbox-mixed-selected +checkbox-mixed-insensitive-selected +checkbox-checked-selectionmode +checkbox-selectionmode +radio-checked-selected +radio-checked-insensitive-selected +radio-unchecked-selected +radio-unchecked-insensitive-selected +radio-mixed-selected +radio-mixed-insensitive-selected +switch +switch-active +switch-insensitive +switch-active-insensitive +switch-header +switch-active-header +switch-insensitive-header +switch-active-insensitive-header +switch-selected +switch-active-selected +switch-insensitive-selected +switch-active-insensitive-selected +titlebutton-close +titlebutton-close-backdrop +titlebutton-close-hover +titlebutton-close-active +titlebutton-max +titlebutton-max-backdrop +titlebutton-max-hover +titlebutton-max-active +titlebutton-min +titlebutton-min-backdrop +titlebutton-min-hover +titlebutton-min-active +checkbox-checked-dark +checkbox-checked-insensitive-dark +checkbox-unchecked-dark +checkbox-unchecked-insensitive-dark +checkbox-mixed-dark +checkbox-mixed-insensitive-dark +checkbox-checked-selectionmode-dark +checkbox-selectionmode-dark +radio-checked-dark +radio-checked-insensitive-dark +radio-unchecked-dark +radio-unchecked-insensitive-dark +radio-mixed-dark +radio-mixed-insensitive-dark +switch-dark +switch-active-dark +switch-insensitive-dark +switch-active-insensitive-dark +switch-header-dark +switch-active-header-dark +switch-insensitive-header-dark +switch-active-insensitive-header-dark +titlebutton-close-dark +titlebutton-close-backdrop-dark +titlebutton-close-hover-dark +titlebutton-close-active-dark +titlebutton-max-dark +titlebutton-max-backdrop-dark +titlebutton-max-hover-dark +titlebutton-max-active-dark +titlebutton-min-dark +titlebutton-min-backdrop-dark +titlebutton-min-hover-dark +titlebutton-min-active-dark diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-dark.png b/common/gtk-3.0/3.20/assets/checkbox-checked-dark.png new file mode 100644 index 0000000..48e8435 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-dark@2.png new file mode 100644 index 0000000..bfcde3f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark.png new file mode 100644 index 0000000..6d85515 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark@2.png new file mode 100644 index 0000000..2fb1a07 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected.png new file mode 100644 index 0000000..5bf4e57 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected@2.png new file mode 100644 index 0000000..95ea1e5 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive.png new file mode 100644 index 0000000..0c9682e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive@2.png new file mode 100644 index 0000000..288d9fa Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selected.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selected.png new file mode 100644 index 0000000..ff3d653 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selected@2.png new file mode 100644 index 0000000..5bed17d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark.png new file mode 100644 index 0000000..e44c358 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark@2.png new file mode 100644 index 0000000..2fc2d1c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode.png new file mode 100644 index 0000000..6a3774b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode@2.png new file mode 100644 index 0000000..287275b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked-selectionmode@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked.png b/common/gtk-3.0/3.20/assets/checkbox-checked.png new file mode 100644 index 0000000..b63a30d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-checked@2.png b/common/gtk-3.0/3.20/assets/checkbox-checked@2.png new file mode 100644 index 0000000..223beff Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-checked@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-dark.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-dark.png new file mode 100644 index 0000000..09ddef6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-dark@2.png new file mode 100644 index 0000000..e189f93 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark.png new file mode 100644 index 0000000..2436a9e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark@2.png new file mode 100644 index 0000000..44cbfca Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected.png new file mode 100644 index 0000000..be95726 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected@2.png new file mode 100644 index 0000000..63ee434 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive.png new file mode 100644 index 0000000..7a91e23 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive@2.png new file mode 100644 index 0000000..f741ba4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-selected.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-selected.png new file mode 100644 index 0000000..c7b5cf2 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed-selected@2.png new file mode 100644 index 0000000..883477e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed.png b/common/gtk-3.0/3.20/assets/checkbox-mixed.png new file mode 100644 index 0000000..5707c92 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-mixed@2.png b/common/gtk-3.0/3.20/assets/checkbox-mixed@2.png new file mode 100644 index 0000000..ed851e7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-mixed@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark.png b/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark.png new file mode 100644 index 0000000..c613027 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark@2.png new file mode 100644 index 0000000..069b32b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-selectionmode-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-selectionmode.png b/common/gtk-3.0/3.20/assets/checkbox-selectionmode.png new file mode 100644 index 0000000..2318217 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-selectionmode.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-selectionmode@2.png b/common/gtk-3.0/3.20/assets/checkbox-selectionmode@2.png new file mode 100644 index 0000000..a17e5b5 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-selectionmode@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark.png new file mode 100644 index 0000000..8c18460 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark@2.png new file mode 100644 index 0000000..2e7a50e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark.png new file mode 100644 index 0000000..0099ce4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000..305ab4d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected.png new file mode 100644 index 0000000..4b4356b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected@2.png new file mode 100644 index 0000000..bdafd33 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive.png new file mode 100644 index 0000000..ed2ee8f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive@2.png new file mode 100644 index 0000000..f59d6be Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected.png new file mode 100644 index 0000000..4d32106 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected@2.png new file mode 100644 index 0000000..7b361e3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked.png new file mode 100644 index 0000000..9fddfb5 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked.png differ diff --git a/common/gtk-3.0/3.20/assets/checkbox-unchecked@2.png b/common/gtk-3.0/3.20/assets/checkbox-unchecked@2.png new file mode 100644 index 0000000..6812606 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/checkbox-unchecked@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-dark.png b/common/gtk-3.0/3.20/assets/radio-checked-dark.png new file mode 100644 index 0000000..28f3469 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-dark@2.png b/common/gtk-3.0/3.20/assets/radio-checked-dark@2.png new file mode 100644 index 0000000..35a1baf Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark.png new file mode 100644 index 0000000..bd28d8e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark@2.png new file mode 100644 index 0000000..867695e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected.png new file mode 100644 index 0000000..f64ba8f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected@2.png new file mode 100644 index 0000000..1646d37 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive.png new file mode 100644 index 0000000..2a657ef Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-insensitive@2.png b/common/gtk-3.0/3.20/assets/radio-checked-insensitive@2.png new file mode 100644 index 0000000..30169f6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-selected.png b/common/gtk-3.0/3.20/assets/radio-checked-selected.png new file mode 100644 index 0000000..aa261d0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked-selected@2.png b/common/gtk-3.0/3.20/assets/radio-checked-selected@2.png new file mode 100644 index 0000000..c7205c0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked.png b/common/gtk-3.0/3.20/assets/radio-checked.png new file mode 100644 index 0000000..9690dfd Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-checked@2.png b/common/gtk-3.0/3.20/assets/radio-checked@2.png new file mode 100644 index 0000000..60f57a7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-checked@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-dark.png b/common/gtk-3.0/3.20/assets/radio-mixed-dark.png new file mode 100644 index 0000000..4116619 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-dark@2.png b/common/gtk-3.0/3.20/assets/radio-mixed-dark@2.png new file mode 100644 index 0000000..69ef707 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark.png new file mode 100644 index 0000000..afef7e2 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark@2.png new file mode 100644 index 0000000..6279e38 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected.png new file mode 100644 index 0000000..1e0a667 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected@2.png new file mode 100644 index 0000000..0b67660 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive.png new file mode 100644 index 0000000..69c253b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-insensitive@2.png b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive@2.png new file mode 100644 index 0000000..fa1893a Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-selected.png b/common/gtk-3.0/3.20/assets/radio-mixed-selected.png new file mode 100644 index 0000000..4378bca Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed-selected@2.png b/common/gtk-3.0/3.20/assets/radio-mixed-selected@2.png new file mode 100644 index 0000000..58468d2 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed.png b/common/gtk-3.0/3.20/assets/radio-mixed.png new file mode 100644 index 0000000..04720ee Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-mixed@2.png b/common/gtk-3.0/3.20/assets/radio-mixed@2.png new file mode 100644 index 0000000..6992c23 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-mixed@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-dark.png b/common/gtk-3.0/3.20/assets/radio-unchecked-dark.png new file mode 100644 index 0000000..298ae3c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-dark@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked-dark@2.png new file mode 100644 index 0000000..e57ae38 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark.png new file mode 100644 index 0000000..87560b2 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark@2.png new file mode 100644 index 0000000..c98869c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected.png new file mode 100644 index 0000000..7e5c6e3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected@2.png new file mode 100644 index 0000000..1dd9a00 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive.png new file mode 100644 index 0000000..ce86f90 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive@2.png new file mode 100644 index 0000000..917f048 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-selected.png b/common/gtk-3.0/3.20/assets/radio-unchecked-selected.png new file mode 100644 index 0000000..aba589e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked-selected@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked-selected@2.png new file mode 100644 index 0000000..b820fd2 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked.png b/common/gtk-3.0/3.20/assets/radio-unchecked.png new file mode 100644 index 0000000..8c61899 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked.png differ diff --git a/common/gtk-3.0/3.20/assets/radio-unchecked@2.png b/common/gtk-3.0/3.20/assets/radio-unchecked@2.png new file mode 100644 index 0000000..a6210d6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/radio-unchecked@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-dark.png b/common/gtk-3.0/3.20/assets/switch-active-dark.png new file mode 100644 index 0000000..dbf7c5e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-dark@2.png b/common/gtk-3.0/3.20/assets/switch-active-dark@2.png new file mode 100644 index 0000000..8046628 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-header-dark.png b/common/gtk-3.0/3.20/assets/switch-active-header-dark.png new file mode 100644 index 0000000..e1f82aa Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-header-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-header-dark@2.png b/common/gtk-3.0/3.20/assets/switch-active-header-dark@2.png new file mode 100644 index 0000000..9ea31ff Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-header-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-header.png b/common/gtk-3.0/3.20/assets/switch-active-header.png new file mode 100644 index 0000000..1850dae Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-header.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-header@2.png b/common/gtk-3.0/3.20/assets/switch-active-header@2.png new file mode 100644 index 0000000..92770a3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-header@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark.png new file mode 100644 index 0000000..8826a75 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark@2.png new file mode 100644 index 0000000..6ba25b4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark.png new file mode 100644 index 0000000..c018801 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark@2.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark@2.png new file mode 100644 index 0000000..870d931 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-header.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header.png new file mode 100644 index 0000000..9a6db07 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-header@2.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header@2.png new file mode 100644 index 0000000..daf07bf Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-header@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected.png new file mode 100644 index 0000000..1afd341 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected@2.png new file mode 100644 index 0000000..87d6356 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive.png new file mode 100644 index 0000000..9a6db07 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-insensitive@2.png b/common/gtk-3.0/3.20/assets/switch-active-insensitive@2.png new file mode 100644 index 0000000..daf07bf Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-selected.png b/common/gtk-3.0/3.20/assets/switch-active-selected.png new file mode 100644 index 0000000..08480e0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active-selected@2.png b/common/gtk-3.0/3.20/assets/switch-active-selected@2.png new file mode 100644 index 0000000..22586c1 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active.png b/common/gtk-3.0/3.20/assets/switch-active.png new file mode 100644 index 0000000..1850dae Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-active@2.png b/common/gtk-3.0/3.20/assets/switch-active@2.png new file mode 100644 index 0000000..92770a3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-dark.png b/common/gtk-3.0/3.20/assets/switch-dark.png new file mode 100644 index 0000000..90918e1 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-dark@2.png b/common/gtk-3.0/3.20/assets/switch-dark@2.png new file mode 100644 index 0000000..b2935b0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-header-dark.png b/common/gtk-3.0/3.20/assets/switch-header-dark.png new file mode 100644 index 0000000..54a297a Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-header-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-header-dark@2.png b/common/gtk-3.0/3.20/assets/switch-header-dark@2.png new file mode 100644 index 0000000..f7333eb Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-header-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-header.png b/common/gtk-3.0/3.20/assets/switch-header.png new file mode 100644 index 0000000..3e45db3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-header.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-header@2.png b/common/gtk-3.0/3.20/assets/switch-header@2.png new file mode 100644 index 0000000..7feaadf Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-header@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-dark.png b/common/gtk-3.0/3.20/assets/switch-insensitive-dark.png new file mode 100644 index 0000000..3d25f7b Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-dark@2.png b/common/gtk-3.0/3.20/assets/switch-insensitive-dark@2.png new file mode 100644 index 0000000..857b3e8 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark.png b/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark.png new file mode 100644 index 0000000..7bfead4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark@2.png b/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark@2.png new file mode 100644 index 0000000..e0ebce4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-header-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-header.png b/common/gtk-3.0/3.20/assets/switch-insensitive-header.png new file mode 100644 index 0000000..009545d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-header.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-header@2.png b/common/gtk-3.0/3.20/assets/switch-insensitive-header@2.png new file mode 100644 index 0000000..e85297d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-header@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-selected.png b/common/gtk-3.0/3.20/assets/switch-insensitive-selected.png new file mode 100644 index 0000000..f4398f6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive-selected@2.png b/common/gtk-3.0/3.20/assets/switch-insensitive-selected@2.png new file mode 100644 index 0000000..67ea825 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive.png b/common/gtk-3.0/3.20/assets/switch-insensitive.png new file mode 100644 index 0000000..ce5e538 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-insensitive@2.png b/common/gtk-3.0/3.20/assets/switch-insensitive@2.png new file mode 100644 index 0000000..b0a2b56 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-insensitive@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-selected.png b/common/gtk-3.0/3.20/assets/switch-selected.png new file mode 100644 index 0000000..c2d2186 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-selected.png differ diff --git a/common/gtk-3.0/3.20/assets/switch-selected@2.png b/common/gtk-3.0/3.20/assets/switch-selected@2.png new file mode 100644 index 0000000..6e1b894 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch-selected@2.png differ diff --git a/common/gtk-3.0/3.20/assets/switch.png b/common/gtk-3.0/3.20/assets/switch.png new file mode 100644 index 0000000..3bc5587 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch.png differ diff --git a/common/gtk-3.0/3.20/assets/switch@2.png b/common/gtk-3.0/3.20/assets/switch@2.png new file mode 100644 index 0000000..10b98e4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/switch@2.png differ diff --git a/common/gtk-3.0/3.20/assets/thumbnail-frame.png b/common/gtk-3.0/3.20/assets/thumbnail-frame.png new file mode 100644 index 0000000..ba5d721 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/thumbnail-frame.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark.png new file mode 100644 index 0000000..caa0384 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark@2.png new file mode 100644 index 0000000..1d93059 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-active.png b/common/gtk-3.0/3.20/assets/titlebutton-close-active.png new file mode 100644 index 0000000..ef392dc Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-active.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-active@2.png new file mode 100644 index 0000000..5f79a47 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark.png new file mode 100644 index 0000000..7611f5d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark@2.png new file mode 100644 index 0000000..0c58794 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop.png new file mode 100644 index 0000000..47ec30d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop@2.png new file mode 100644 index 0000000..3a27f10 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-backdrop@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-close-dark.png new file mode 100644 index 0000000..95eb2e4 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-dark@2.png new file mode 100644 index 0000000..ef6e11d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark.png new file mode 100644 index 0000000..9a0e371 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark@2.png new file mode 100644 index 0000000..212abd9 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-hover-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-close-hover.png new file mode 100644 index 0000000..ee915d6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-hover.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close-hover@2.png new file mode 100644 index 0000000..6c9afb6 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close-hover@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close.png b/common/gtk-3.0/3.20/assets/titlebutton-close.png new file mode 100644 index 0000000..62ee2d0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-close@2.png b/common/gtk-3.0/3.20/assets/titlebutton-close@2.png new file mode 100644 index 0000000..28b625e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-close@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark.png new file mode 100644 index 0000000..c6a82b7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark@2.png new file mode 100644 index 0000000..5ed5c6c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active.png new file mode 100644 index 0000000..c6a82b7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-active.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active@2.png new file mode 100644 index 0000000..5ed5c6c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark.png new file mode 100644 index 0000000..0883ca7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark@2.png new file mode 100644 index 0000000..4542b7f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop.png new file mode 100644 index 0000000..36858b0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop@2.png new file mode 100644 index 0000000..061e356 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-dark.png new file mode 100644 index 0000000..8addbf8 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-dark@2.png new file mode 100644 index 0000000..dedcc38 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark.png new file mode 100644 index 0000000..84a5583 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark@2.png new file mode 100644 index 0000000..d2ef62a Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover.png new file mode 100644 index 0000000..128a39d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-hover.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover@2.png new file mode 100644 index 0000000..66cdeda Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max-hover@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max.png b/common/gtk-3.0/3.20/assets/titlebutton-max.png new file mode 100644 index 0000000..14e5e3e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max@2.png new file mode 100644 index 0000000..a1a13bb Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-max@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark.png new file mode 100644 index 0000000..4785503 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark@2.png new file mode 100644 index 0000000..fb9325f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active.png new file mode 100644 index 0000000..4785503 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-active.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active@2.png new file mode 100644 index 0000000..fb9325f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark.png new file mode 100644 index 0000000..b04db91 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark@2.png new file mode 100644 index 0000000..5b8cf4d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop.png new file mode 100644 index 0000000..b83cb7d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop@2.png new file mode 100644 index 0000000..f83b673 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-dark.png new file mode 100644 index 0000000..b5c9732 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-dark@2.png new file mode 100644 index 0000000..29b6465 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark.png new file mode 100644 index 0000000..c38e8b3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark@2.png new file mode 100644 index 0000000..59b63da Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover.png new file mode 100644 index 0000000..c250748 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-hover.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover@2.png new file mode 100644 index 0000000..965ce3d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min-hover@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min.png b/common/gtk-3.0/3.20/assets/titlebutton-min.png new file mode 100644 index 0000000..f4b6db0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min@2.png new file mode 100644 index 0000000..9a35819 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-min@2.png differ diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css new file mode 100644 index 0000000..11df0ba --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -0,0 +1,4210 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(211, 218, 227, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #D3DAE3; + background-color: rgba(56, 60, 74, 0.999); } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #383C4A; + color: #D3DAE3; } + .gtkstyle-fallback:hover { + background-color: #4e5467; + color: #D3DAE3; } + .gtkstyle-fallback:active { + background-color: #22242d; + color: #D3DAE3; } + .gtkstyle-fallback:disabled { + background-color: #3c4150; + color: rgba(211, 218, 227, 0.45); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #D3DAE3; + background-color: #404552; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(211, 218, 227, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #D3DAE3; + background-color: #404552; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #D3DAE3; } + +label:disabled { + color: rgba(211, 218, 227, 0.45); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #404552; + border-top: 1px solid #2b2e39; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #2b2e39; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #2b2e39; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #3c414e; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@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; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #b6bcc6; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); + box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2, inset 0 1px #5294E2, inset 0 -1px #5294E2; } + entry:disabled, spinbutton:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(64, 69, 82, 0.55); + background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #ab6441); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #b14342); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(68, 74, 88, 0); + border-color: rgba(43, 46, 57, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #D3DAE3; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(35, 38, 46, 0.95); } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.suggested-action:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.destructive-action:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + 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; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + .inline-toolbar toolbutton > button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #2b2e39; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #2b2e39; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #484c59; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #D3DAE3; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #a9caf1; } + *:link:visited, button:visited { + color: #7eafe9; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #d5e5f8; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #a9caf1; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(43, 46, 57, 0.6); + border-style: none none none solid; + color: #ccd3dc; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(211, 218, 227, 0.45); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + spinbutton.vertical button:first-child:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + spinbutton.vertical button:last-child:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(211, 218, 227, 0.45); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #383C4A; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.85); } + +.primary-toolbar { + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } + +.inline-toolbar { + background-color: #313541; + border-style: solid; + border-color: #2b2e39; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #383C4A; + border-style: solid; + border-color: #2b2e39; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #2b2e39; + background-color: #313541; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #262a33; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; } + .csd headerbar { + background-color: rgba(47, 52, 63, 0.97); + border-color: rgba(38, 42, 51, 0.97); } + headerbar:backdrop { + color: rgba(207, 218, 231, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: rgba(82, 148, 226, 0.95); + border-color: rgba(65, 137, 223, 0.95); + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: rgba(82, 148, 226, 0.95); + outline-color: rgba(82, 148, 226, 0.25); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.35); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #2f343f; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #2f343f; } + +.titlebar { + padding: 0 7px; + border-radius: 3px 3px 0 0; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + .csd .titlebar { + background-color: rgba(47, 52, 63, 0.97); } + .titlebar:backdrop { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd .titlebar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + .maximized .titlebar { + background-color: #2f343f; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #323843; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: rgba(38, 42, 51, 0.97); } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: padding-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + outline-offset: -3px; + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; + background-clip: padding-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(207, 218, 231, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(207, 218, 231, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(207, 218, 231, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #454c5c); + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, #50586b); + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); + border-color: rgba(21, 23, 28, 0.67); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(211, 218, 227, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(211, 218, 227, 0.1); } + treeview.view:disabled { + color: rgba(211, 218, 227, 0.45); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #93b7e3; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #8a909b; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #D3DAE3; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #D3DAE3; + background-image: linear-gradient(to bottom, #2b2e39); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #b6bcc6; + background-color: #404552; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #D3DAE3; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #404552; } + treeview.view header button:active:hover { + color: #D3DAE3; } + treeview.view header button:disabled { + border-color: #383C4A; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #2f343f; + color: rgba(207, 218, 231, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(207, 218, 231, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(207, 218, 231, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #383C4A; + border: 1px solid #2b2e39; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #383C4A; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #D3DAE3; + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(211, 218, 227, 0.45); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + 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; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #4f5461; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #4f5461; } + menu arrow:hover, + .menu arrow:hover { + background-color: #4f5461; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #383C4A; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #20222a; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #383C4A; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #404552; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #2b2e39; } + notebook header { + background-color: #383C4A; } + .frame notebook header { + border: 0px solid #2b2e39; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #2b2e39; } + notebook header.bottom { + box-shadow: inset 0 1px #2b2e39; } + notebook header.right { + box-shadow: inset 1px 0 #2b2e39; } + notebook header.left { + box-shadow: inset -1px 0 #2b2e39; } + notebook header.top tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #404552; + box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.right tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } + notebook header.left tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(211, 218, 227, 0.45); } + notebook header tabs arrow:hover { + color: rgba(211, 218, 227, 0.725); } + notebook header tabs arrow:active { + color: #D3DAE3; } + notebook header tabs arrow:disabled { + color: rgba(211, 218, 227, 0.15); } + notebook tab label { + padding: 0 2px; + color: rgba(211, 218, 227, 0.45); } + notebook tab:hover label { + color: rgba(211, 218, 227, 0.725); } + notebook tab:active label { + color: #D3DAE3; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #a5abb5; + border: 1px solid rgba(0, 0, 0, 0.3); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #3e434f; + border: 1px none #2b2e39; } + +scrollbar slider { + background-color: #767b87; } + scrollbar slider:hover { + background-color: #676b78; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(211, 218, 227, 0.45); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #444a58); + border: 1px solid #262933; + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, #505666); + border-color: #262933; } + scale slider:disabled { + background-image: linear-gradient(to bottom, #3c414e); + border-color: rgba(38, 41, 51, 0.8); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #2d303b); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(211, 218, 227, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #2d303b; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #2d303b; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: #404552; + border-color: #404552; } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #2b2e39; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #2b2e39; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar 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; } + +scrolledwindow undershoot.bottom, placessidebar 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; } + +scrolledwindow undershoot.left, placessidebar 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; } + +scrolledwindow undershoot.right, placessidebar 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; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #3e434f; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #404552; + border-color: #2b2e39; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.03); } + +row.activatable:active { + color: #D3DAE3; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgba(31, 33, 40, 0.95); } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +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"); } + +calendar { + color: #D3DAE3; + border: 1px solid #2b2e39; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #D3DAE3; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(211, 218, 227, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #D3DAE3; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(211, 218, 227, 0.45); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #D3DAE3; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: rgba(47, 52, 63, 0.97); + border-bottom: 1px solid rgba(32, 35, 43, 0.97); } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #383C4A; } + +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 row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #22242d; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #2b2e39); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: #2b2e39; } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: #2b2e39; } + +colorswatch overlay { + border: 1px solid #2b2e39; } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + colorswatch#add-color-button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #404552; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #404552; + border: 1px solid #2b2e39; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); + color: #D3DAE3; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; + border: none; } + +.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; } + +.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; } + +.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; } + +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.35); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.55); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: rgba(47, 52, 63, 0.97); + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(47, 52, 63, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #404552; + color: #D3DAE3; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #9da3ad; } + TerminalWindow .notebook tab button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #D3DAE3; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #868b97; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #404552; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(211, 218, 227, 0.5); + border-color: rgba(180, 192, 207, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #313541; + border-color: #1b1d24; } + +NautilusListView .view { + border-bottom: 1px solid #2b2e39; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #2b2e39; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.gedit-headerbar-paned { + color: rgba(38, 42, 51, 0.97); } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #404552; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #D3DAE3; } + +.open-document-selector-path-label { + color: #8a909b; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #9da3ad; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #D3DAE3; } + +.gedit-document-panel-dragged-row { + border: 1px solid #2b2e39; + background-color: #22242d; + color: #D3DAE3; } + +GeditStatusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #2b2e39; } + +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #3c4150; + padding: 6px; + border-color: #2b2e39; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #D3DAE3; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #404552; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #383C4A; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #404552; + color: #D3DAE3; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook { + background-color: #404552; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #D3DAE3; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(211, 218, 227, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: rgba(27, 29, 35, 0.95); } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(211, 218, 227, 0.45); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #D3DAE3; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(32, 35, 43, 0.97); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #2b2e39; + border-right: 1px solid #2b2e39; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #2b2e39; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #2b2e39; + background-color: #383C4A; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #383C4A; + color: #D3DAE3; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: #434859; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #383C4A; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #D3DAE3; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #404552; } + +GraniteWidgetsWelcome label { + color: #868b97; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(211, 218, 227, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #404552); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #a5abb5; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: rgba(43, 46, 55, 0.95); + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #D3DAE3; } + +#content_frame { + padding-bottom: 14px; + background-color: #383C4A; + 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 { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + #content_frame button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(47, 52, 63, 0.97); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(38, 42, 51, 0.97); } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +#login_window #user_combobox { + color: #D3DAE3; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: rgba(38, 42, 51, 0.97); } + +NemoWindow GtkEventBox { + background-color: #383C4A; } + +GtkFileChooserDialog .sidebar, +NautilusWindow .sidebar, +NemoWindow .sidebar { + border-right: 1px solid rgba(42, 45, 55, 0.95); } + +GtkFileChooserDialog .sidebar:dir(rtl), +NautilusWindow .sidebar:dir(rtl), +NemoWindow .sidebar:dir(rtl) { + border-left: 1px solid rgba(42, 45, 55, 0.95); } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: rgba(75, 81, 98, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: rgba(53, 57, 69, 0.95); } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: rgba(42, 45, 55, 0.95); } + +NautilusWindow NautilusWindowSlot { + background-color: #404552; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: rgba(53, 57, 69, 0.95); } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: rgba(20, 21, 26, 0.95); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: rgba(38, 42, 51, 0.97); } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: rgba(47, 52, 63, 0.97); } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: rgba(42, 45, 55, 0.95); } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #2b2e39; } + +.gedit-bottom-panel-paned { + background-color: #404552; } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: rgba(53, 57, 69, 0.95); } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #D3DAE3; +@define-color theme_text_color #D3DAE3; +@define-color theme_bg_color #383C4A; +@define-color theme_base_color #404552; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #D3DAE3; +@define-color text_color #D3DAE3; +@define-color bg_color #383C4A; +@define-color base_color #404552; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #3c4150; +@define-color insensitive_fg_color alpha(#d3dae3,0.5); +@define-color insensitive_base_color #404552; +@define-color theme_unfocused_fg_color #D3DAE3; +@define-color theme_unfocused_text_color #D3DAE3; +@define-color theme_unfocused_bg_color #383C4A; +@define-color theme_unfocused_base_color #404552; +@define-color borders #2b2e39; +@define-color unfocused_borders #2b2e39; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #404552; +@define-color wm_title alpha(#cfdae7,0.8); +@define-color wm_unfocused_title alpha(#cfdae7,0.5); +@define-color wm_bg #2f343f; +@define-color wm_bg_unfocused #323843; +@define-color wm_highlight #363b48; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css new file mode 100644 index 0000000..c358c44 --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -0,0 +1,4203 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(92, 97, 108, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #5c616c; + background-color: rgba(245, 246, 247, 0.999); } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #F5F6F7; + color: #5c616c; } + .gtkstyle-fallback:hover { + background-color: white; + color: #5c616c; } + .gtkstyle-fallback:active { + background-color: #d9dde0; + color: #5c616c; } + .gtkstyle-fallback:disabled { + background-color: #fbfbfc; + color: rgba(92, 97, 108, 0.55); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(92, 97, 108, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #5c616c; + background-color: #ffffff; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #5c616c; } + +label:disabled { + color: rgba(92, 97, 108, 0.55); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #dcdfe3; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #dcdfe3; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #dcdfe3; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #fafbfb; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@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; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #7d8189; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #5c616c; + caret-color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry:disabled, spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(255, 255, 255, 0.55); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(251, 251, 252, 0); + border-color: rgba(207, 214, 230, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #5c616c; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(35, 38, 46, 0.95); } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + 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; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + .inline-toolbar toolbutton > button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #5294E2; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #edeff0; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #5c616c; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #2679db; } + *:link:visited, button:visited { + color: #1e61b0; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #5294e2; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #2679db; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(220, 223, 227, 0.6); + border-style: none none none solid; + color: #646973; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:first-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:last-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(92, 97, 108, 0.55); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.85); } + +.primary-toolbar { + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #2f343f, rgba(32, 35, 43, 0.97)) 1 0 1 0; } + +.inline-toolbar { + background-color: #edeef0; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #F5F6F7; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #dcdfe3; + background-color: #edeef0; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #262a33; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; } + .csd headerbar { + background-color: rgba(47, 52, 63, 0.97); + border-color: rgba(38, 42, 51, 0.97); } + headerbar:backdrop { + color: rgba(207, 218, 231, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: rgba(82, 148, 226, 0.95); + border-color: rgba(65, 137, 223, 0.95); + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: rgba(82, 148, 226, 0.95); + outline-color: rgba(82, 148, 226, 0.25); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.35); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #2f343f; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #2f343f; } + +.titlebar { + padding: 0 7px; + border-radius: 3px 3px 0 0; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + .csd .titlebar { + background-color: rgba(47, 52, 63, 0.97); } + .titlebar:backdrop { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd .titlebar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + .maximized .titlebar { + background-color: #2f343f; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #323843; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: rgba(38, 42, 51, 0.97); } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: padding-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + outline-offset: -3px; + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; + background-clip: padding-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(207, 218, 231, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(207, 218, 231, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(207, 218, 231, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #454c5c); + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, #50586b); + border-color: rgba(21, 23, 28, 0.67); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, rgba(63, 69, 84, 0.991)); + border-color: rgba(21, 23, 28, 0.67); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.37)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(92, 97, 108, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(92, 97, 108, 0.1); } + treeview.view:disabled { + color: rgba(92, 97, 108, 0.55); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #aeb0b6; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #5c616c; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #7d8189; + background-color: #ffffff; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #5c616c; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #2f343f; + color: rgba(207, 218, 231, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(207, 218, 231, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(207, 218, 231, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #ffffff; + border: 1px solid #dcdfe3; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #5c616c; + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(92, 97, 108, 0.55); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + 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; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #efeff0; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #efeff0; } + menu arrow:hover, + .menu arrow:hover { + background-color: #efeff0; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #cdd2d7; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook header { + background-color: #F5F6F7; } + .frame notebook header { + border: 0px solid #dcdfe3; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #dcdfe3; } + notebook header.bottom { + box-shadow: inset 0 1px #dcdfe3; } + notebook header.right { + box-shadow: inset 1px 0 #dcdfe3; } + notebook header.left { + box-shadow: inset -1px 0 #dcdfe3; } + notebook header.top tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + notebook header.left tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(92, 97, 108, 0.55); } + notebook header tabs arrow:hover { + color: rgba(92, 97, 108, 0.775); } + notebook header tabs arrow:active { + color: #5c616c; } + notebook header tabs arrow:disabled { + color: rgba(92, 97, 108, 0.25); } + notebook tab label { + padding: 0 2px; + color: rgba(92, 97, 108, 0.55); } + notebook tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook tab:active label { + color: #5c616c; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #8a8e96; + border: 1px solid rgba(255, 255, 255, 0.6); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #fcfcfc; + border: 1px none #dcdfe3; } + +scrollbar slider { + background-color: #b8babf; } + scrollbar slider:hover { + background-color: #c7c9cd; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(92, 97, 108, 0.55); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #fbfbfc); + border: 1px solid rgba(123, 142, 186, 0.5); + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(123, 142, 186, 0.5); } + scale slider:disabled { + background-image: linear-gradient(to bottom, #fbfbfb); + border-color: rgba(123, 142, 186, 0.3); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #cfd6e6); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #cfd6e6; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #cfd6e6; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: rgba(92, 97, 108, 0.2); + border-color: rgba(92, 97, 108, 0.2); } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar 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; } + +scrolledwindow undershoot.bottom, placessidebar 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; } + +scrolledwindow undershoot.left, placessidebar 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; } + +scrolledwindow undershoot.right, placessidebar 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; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #fcfcfc; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgba(31, 33, 40, 0.95); } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +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: #aaaeb7; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #5c616c; + border: 1px solid #dcdfe3; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #5c616c; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(92, 97, 108, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #5c616c; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(92, 97, 108, 0.55); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #5c616c; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: rgba(47, 52, 63, 0.97); + border-bottom: 1px solid rgba(32, 35, 43, 0.97); } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #F5F6F7; } + +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 row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #d9dde0; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #dcdfe3); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + colorswatch#add-color-button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); + color: #5c616c; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; + border: none; } + +.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; } + +.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; } + +.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; } + +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.97), 0 8px 8px 0 rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: rgba(47, 52, 63, 0.97); + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(47, 52, 63, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.gedit-headerbar-paned { + color: rgba(38, 42, 51, 0.97); } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: rgba(27, 29, 35, 0.95); } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(32, 35, 43, 0.97); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: rgba(43, 46, 55, 0.95); + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +#content_frame { + padding-bottom: 14px; + background-color: #F5F6F7; + 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 { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(53, 57, 69, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: rgba(38, 42, 51, 0.97); } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: rgba(75, 81, 98, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: rgba(53, 57, 69, 0.95); } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: rgba(53, 57, 69, 0.95); } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: rgba(53, 57, 69, 0.95); } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: rgba(38, 42, 51, 0.97); } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: rgba(47, 52, 63, 0.97); } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: rgba(53, 57, 69, 0.95); } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: rgba(53, 57, 69, 0.95); } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #5c616c; +@define-color theme_text_color #5c616c; +@define-color theme_bg_color #F5F6F7; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #5c616c; +@define-color text_color #5c616c; +@define-color bg_color #F5F6F7; +@define-color base_color #ffffff; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c,0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #5c616c; +@define-color theme_unfocused_text_color #5c616c; +@define-color theme_unfocused_bg_color #F5F6F7; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders #dcdfe3; +@define-color unfocused_borders #dcdfe3; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#cfdae7,0.8); +@define-color wm_unfocused_title alpha(#cfdae7,0.5); +@define-color wm_bg #2f343f; +@define-color wm_bg_unfocused #323843; +@define-color wm_highlight #363b48; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css new file mode 100644 index 0000000..94271f5 --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -0,0 +1,4210 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(211, 218, 227, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #D3DAE3; + background-color: #383C4A; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #383C4A; + color: #D3DAE3; } + .gtkstyle-fallback:hover { + background-color: #4e5467; + color: #D3DAE3; } + .gtkstyle-fallback:active { + background-color: #22242d; + color: #D3DAE3; } + .gtkstyle-fallback:disabled { + background-color: #3c4150; + color: rgba(211, 218, 227, 0.45); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #D3DAE3; + background-color: #404552; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(211, 218, 227, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #D3DAE3; + background-color: #404552; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #D3DAE3; } + +label:disabled { + color: rgba(211, 218, 227, 0.45); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #404552; + border-top: 1px solid #2b2e39; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #2b2e39; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #2b2e39; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #3c414e; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: #353945; + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@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; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #b6bcc6; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #D3DAE3; + caret-color: #D3DAE3; + border-color: #2b2e39; + background-color: #404552; + background-image: linear-gradient(to bottom, #404552); + box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2, inset 0 1px #5294E2, inset 0 -1px #5294E2; } + entry:disabled, spinbutton:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(64, 69, 82, 0.55); + background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #ab6441); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #2b2e39; + background-image: linear-gradient(to bottom, #b14342); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(68, 74, 88, 0); + border-color: rgba(43, 46, 57, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #D3DAE3; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: #353945; + border-color: #23262e; } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.suggested-action:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(211, 218, 227, 0.45); } + button.destructive-action:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + 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; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + .inline-toolbar toolbutton > button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: rgba(43, 46, 57, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(43, 46, 57, 0.5); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: rgba(43, 46, 57, 0.3); } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #2b2e39; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #2b2e39; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #2b2e39; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #2b2e39; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #484c59; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #D3DAE3; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #a9caf1; } + *:link:visited, button:visited { + color: #7eafe9; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #d5e5f8; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #a9caf1; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(43, 46, 57, 0.6); + border-style: none none none solid; + color: #ccd3dc; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(211, 218, 227, 0.45); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + spinbutton.vertical button:first-child:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + spinbutton.vertical button:last-child:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(211, 218, 227, 0.45); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #383C4A; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.9); } + +.primary-toolbar { + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } + +.inline-toolbar { + background-color: #313541; + border-style: solid; + border-color: #2b2e39; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #383C4A; + border-style: solid; + border-color: #2b2e39; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #2b2e39; + background-color: #313541; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #262a33; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; } + .csd headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar:backdrop { + color: rgba(207, 218, 231, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: #5294E2; + border-color: #4189df; + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: #5294E2; + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #2f343f; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #2f343f; } + +.titlebar { + padding: 0 7px; + border-radius: 3px 3px 0 0; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: inset 0 1px #363b48; } + .csd .titlebar { + background-color: #2f343f; } + .titlebar:backdrop { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd .titlebar:backdrop { + background-color: #323843; } + .maximized .titlebar { + background-color: #2f343f; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #323843; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: #262a33; } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: padding-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, #a45d39); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, #aa3c3b); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + outline-offset: -3px; + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; + background-clip: padding-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(134, 144, 165, 0.4); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(207, 218, 231, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(207, 218, 231, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(207, 218, 231, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #454c5c); + border-color: rgba(21, 23, 28, 0.7); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, #50586b); + border-color: rgba(21, 23, 28, 0.7); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, #3e4553); + border-color: rgba(21, 23, 28, 0.7); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(211, 218, 227, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(211, 218, 227, 0.1); } + treeview.view:disabled { + color: rgba(211, 218, 227, 0.45); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #93b7e3; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #8a909b; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #D3DAE3; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #D3DAE3; + background-image: linear-gradient(to bottom, #2b2e39); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #b6bcc6; + background-color: #404552; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #D3DAE3; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #404552; } + treeview.view header button:active:hover { + color: #D3DAE3; } + treeview.view header button:disabled { + border-color: #383C4A; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #2f343f; + color: rgba(207, 218, 231, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(207, 218, 231, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(207, 218, 231, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #383C4A; + border: 1px solid #2b2e39; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #383C4A; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #D3DAE3; + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(211, 218, 227, 0.45); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + 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; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #4f5461; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #4f5461; } + menu arrow:hover, + .menu arrow:hover { + background-color: #4f5461; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #383C4A; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.35); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #20222a; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #383C4A; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #404552; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #2b2e39; } + notebook header { + background-color: #383C4A; } + .frame notebook header { + border: 0px solid #2b2e39; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #2b2e39; } + notebook header.bottom { + box-shadow: inset 0 1px #2b2e39; } + notebook header.right { + box-shadow: inset 1px 0 #2b2e39; } + notebook header.left { + box-shadow: inset -1px 0 #2b2e39; } + notebook header.top tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #404552; + box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.right tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } + notebook header.left tab { + border-width: 0; + background-color: rgba(64, 69, 82, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(64, 69, 82, 0.5); + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #404552; + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(211, 218, 227, 0.45); } + notebook header tabs arrow:hover { + color: rgba(211, 218, 227, 0.725); } + notebook header tabs arrow:active { + color: #D3DAE3; } + notebook header tabs arrow:disabled { + color: rgba(211, 218, 227, 0.15); } + notebook tab label { + padding: 0 2px; + color: rgba(211, 218, 227, 0.45); } + notebook tab:hover label { + color: rgba(211, 218, 227, 0.725); } + notebook tab:active label { + color: #D3DAE3; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #a5abb5; + border: 1px solid rgba(0, 0, 0, 0.3); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #3e434f; + border: 1px none #2b2e39; } + +scrollbar slider { + background-color: #767b87; } + scrollbar slider:hover { + background-color: #676b78; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(211, 218, 227, 0.45); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #444a58); + border: 1px solid #262933; + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, #505666); + border-color: #262933; } + scale slider:disabled { + background-image: linear-gradient(to bottom, #3c414e); + border-color: rgba(38, 41, 51, 0.8); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, #353945); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #2d303b); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, #454a59); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(211, 218, 227, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #2d303b; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #2d303b; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: #404552; + border-color: #404552; } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #2b2e39; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #2b2e39; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar 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; } + +scrolledwindow undershoot.bottom, placessidebar 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; } + +scrolledwindow undershoot.left, placessidebar 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; } + +scrolledwindow undershoot.right, placessidebar 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; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #3e434f; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #404552; + border-color: #2b2e39; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(255, 255, 255, 0.03); } + +row.activatable:active { + color: #D3DAE3; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: #353945; + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #1f2128; } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +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"); } + +calendar { + color: #D3DAE3; + border: 1px solid #2b2e39; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #D3DAE3; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(211, 218, 227, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #D3DAE3; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(211, 218, 227, 0.45); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #D3DAE3; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: #2f343f; + border-bottom: 1px solid #20232b; } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #383C4A; } + +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 row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #22242d; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #2b2e39); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: #353945; + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: #2b2e39; } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: #2b2e39; } + +colorswatch overlay { + border: 1px solid #2b2e39; } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + colorswatch#add-color-button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #404552; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #404552; + border: 1px solid #2b2e39; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); + color: #D3DAE3; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; + border: none; } + +.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; } + +.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; } + +.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; } + +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.35); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45), 0 0 0 1px #22242d; } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.55); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: #2f343f; + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(47, 52, 63, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #404552; + color: #D3DAE3; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #9da3ad; } + TerminalWindow .notebook tab button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #D3DAE3; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #868b97; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #404552; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(211, 218, 227, 0.5); + border-color: rgba(180, 192, 207, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #313541; + border-color: #1b1d24; } + +NautilusListView .view { + border-bottom: 1px solid #2b2e39; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #2b2e39; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.gedit-headerbar-paned { + color: #262a33; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #404552; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #D3DAE3; } + +.open-document-selector-path-label { + color: #8a909b; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #9da3ad; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #D3DAE3; } + +.gedit-document-panel-dragged-row { + border: 1px solid #2b2e39; + background-color: #22242d; + color: #D3DAE3; } + +GeditStatusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #2b2e39; } + +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #3c4150; + padding: 6px; + border-color: #2b2e39; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #D3DAE3; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #404552; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #383C4A; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #404552; + color: #D3DAE3; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook { + background-color: #404552; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #D3DAE3; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(211, 218, 227, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, #2b2e37); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: #2b2e37; } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: #414654; } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: #1b1d23; } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(211, 218, 227, 0.45); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #D3DAE3; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid #20232b; + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px #363b48; } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, #20232b); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #2b2e39; + border-right: 1px solid #2b2e39; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #2b2e39; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #2b2e39; + background-color: #383C4A; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #383C4A; + color: #D3DAE3; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: #434859; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #383C4A; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #D3DAE3; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #404552; } + +GraniteWidgetsWelcome label { + color: #868b97; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(211, 218, 227, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #404552); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #a5abb5; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: #2b2e37; + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px #1b1d23; } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #D3DAE3; } + +#content_frame { + padding-bottom: 14px; + background-color: #383C4A; + 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 { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #444a58; } + #content_frame button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #2b2e39; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(211, 218, 227, 0.45); + border-color: rgba(43, 46, 57, 0.55); + background-color: rgba(68, 74, 88, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #2f343f; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #262a33; } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +#login_window #user_combobox { + color: #D3DAE3; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: #262a33; } + +NemoWindow GtkEventBox { + background-color: #383C4A; } + +GtkFileChooserDialog .sidebar, +NautilusWindow .sidebar, +NemoWindow .sidebar { + border-right: 1px solid #2a2d37; } + +GtkFileChooserDialog .sidebar:dir(rtl), +NautilusWindow .sidebar:dir(rtl), +NemoWindow .sidebar:dir(rtl) { + border-left: 1px solid #2a2d37; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: #353945; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: #4b5162; } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: #353945; } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: #2a2d37; } + +NautilusWindow NautilusWindowSlot { + background-color: #404552; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: #353945; } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: #14151a; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: #262a33; } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: #2a2d37; } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #2b2e39; } + +.gedit-bottom-panel-paned { + background-color: #404552; } + +.gedit-document-panel { + background-color: #353945; } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: #353945; } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: #252831; } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #D3DAE3; +@define-color theme_text_color #D3DAE3; +@define-color theme_bg_color #383C4A; +@define-color theme_base_color #404552; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #D3DAE3; +@define-color text_color #D3DAE3; +@define-color bg_color #383C4A; +@define-color base_color #404552; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #3c4150; +@define-color insensitive_fg_color alpha(#d3dae3,0.5); +@define-color insensitive_base_color #404552; +@define-color theme_unfocused_fg_color #D3DAE3; +@define-color theme_unfocused_text_color #D3DAE3; +@define-color theme_unfocused_bg_color #383C4A; +@define-color theme_unfocused_base_color #404552; +@define-color borders #2b2e39; +@define-color unfocused_borders #2b2e39; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #404552; +@define-color wm_title alpha(#cfdae7,0.8); +@define-color wm_unfocused_title alpha(#cfdae7,0.5); +@define-color wm_bg #2f343f; +@define-color wm_bg_unfocused #323843; +@define-color wm_highlight #363b48; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css new file mode 100644 index 0000000..9562145 --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -0,0 +1,4203 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(92, 97, 108, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #5c616c; + background-color: #F5F6F7; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #F5F6F7; + color: #5c616c; } + .gtkstyle-fallback:hover { + background-color: white; + color: #5c616c; } + .gtkstyle-fallback:active { + background-color: #d9dde0; + color: #5c616c; } + .gtkstyle-fallback:disabled { + background-color: #fbfbfc; + color: rgba(92, 97, 108, 0.55); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(92, 97, 108, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #5c616c; + background-color: #ffffff; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #5c616c; } + +label:disabled { + color: rgba(92, 97, 108, 0.55); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #dcdfe3; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #dcdfe3; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #dcdfe3; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #fafbfb; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: #353945; + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@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; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #7d8189; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #5c616c; + caret-color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry:disabled, spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(255, 255, 255, 0.55); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(251, 251, 252, 0); + border-color: rgba(207, 214, 230, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #5c616c; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: #353945; + border-color: #23262e; } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + 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; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + .inline-toolbar toolbutton > button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #5294E2; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #edeff0; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #5c616c; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #2679db; } + *:link:visited, button:visited { + color: #1e61b0; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #5294e2; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #2679db; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(220, 223, 227, 0.6); + border-style: none none none solid; + color: #646973; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:first-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:last-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(92, 97, 108, 0.55); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.9); } + +.primary-toolbar { + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #2f343f, #20232b) 1 0 1 0; } + +.inline-toolbar { + background-color: #edeef0; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #F5F6F7; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #dcdfe3; + background-color: #edeef0; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #262a33; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; } + .csd headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar:backdrop { + color: rgba(207, 218, 231, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: #5294E2; + border-color: #4189df; + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: #5294E2; + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #2f343f; + border-color: #262a33; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #2f343f; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #2f343f; } + +.titlebar { + padding: 0 7px; + border-radius: 3px 3px 0 0; + color: rgba(207, 218, 231, 0.8); + background-color: #2f343f; + box-shadow: inset 0 1px #363b48; } + .csd .titlebar { + background-color: #2f343f; } + .titlebar:backdrop { + color: rgba(207, 218, 231, 0.5); + background-color: #323843; } + .csd .titlebar:backdrop { + background-color: #323843; } + .maximized .titlebar { + background-color: #2f343f; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #323843; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: #262a33; } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(207, 218, 231, 0) 25%, rgba(207, 218, 231, 0.15) 25%, rgba(207, 218, 231, 0.15) 75%, rgba(207, 218, 231, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: padding-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, #a45d39); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, #aa3c3b); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + outline-offset: -3px; + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; + background-clip: padding-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(134, 144, 165, 0.4); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(21, 23, 28, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); + background-color: rgba(47, 52, 63, 0); + border-color: rgba(47, 52, 63, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(207, 218, 231, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(207, 218, 231, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(207, 218, 231, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(207, 218, 231, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #454c5c); + border-color: rgba(21, 23, 28, 0.7); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, #50586b); + border-color: rgba(21, 23, 28, 0.7); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, #3e4553); + border-color: rgba(21, 23, 28, 0.7); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.4)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(92, 97, 108, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(92, 97, 108, 0.1); } + treeview.view:disabled { + color: rgba(92, 97, 108, 0.55); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #aeb0b6; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #5c616c; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #7d8189; + background-color: #ffffff; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #5c616c; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #2f343f; + color: rgba(207, 218, 231, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(207, 218, 231, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(207, 218, 231, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #ffffff; + border: 1px solid #dcdfe3; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #5c616c; + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(92, 97, 108, 0.55); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + 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; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #efeff0; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #efeff0; } + menu arrow:hover, + .menu arrow:hover { + background-color: #efeff0; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #cdd2d7; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook header { + background-color: #F5F6F7; } + .frame notebook header { + border: 0px solid #dcdfe3; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #dcdfe3; } + notebook header.bottom { + box-shadow: inset 0 1px #dcdfe3; } + notebook header.right { + box-shadow: inset 1px 0 #dcdfe3; } + notebook header.left { + box-shadow: inset -1px 0 #dcdfe3; } + notebook header.top tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + notebook header.left tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(92, 97, 108, 0.55); } + notebook header tabs arrow:hover { + color: rgba(92, 97, 108, 0.775); } + notebook header tabs arrow:active { + color: #5c616c; } + notebook header tabs arrow:disabled { + color: rgba(92, 97, 108, 0.25); } + notebook tab label { + padding: 0 2px; + color: rgba(92, 97, 108, 0.55); } + notebook tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook tab:active label { + color: #5c616c; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #8a8e96; + border: 1px solid rgba(255, 255, 255, 0.6); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #fcfcfc; + border: 1px none #dcdfe3; } + +scrollbar slider { + background-color: #b8babf; } + scrollbar slider:hover { + background-color: #c7c9cd; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(92, 97, 108, 0.55); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #fbfbfc); + border: 1px solid rgba(123, 142, 186, 0.5); + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(123, 142, 186, 0.5); } + scale slider:disabled { + background-image: linear-gradient(to bottom, #fbfbfb); + border-color: rgba(123, 142, 186, 0.3); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, #353945); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #cfd6e6); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, #454a59); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #cfd6e6; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #cfd6e6; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: rgba(92, 97, 108, 0.2); + border-color: rgba(92, 97, 108, 0.2); } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar 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; } + +scrolledwindow undershoot.bottom, placessidebar 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; } + +scrolledwindow undershoot.left, placessidebar 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; } + +scrolledwindow undershoot.right, placessidebar 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; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #fcfcfc; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: #353945; + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #1f2128; } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +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: #aaaeb7; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #5c616c; + border: 1px solid #dcdfe3; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #5c616c; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(92, 97, 108, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #5c616c; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(92, 97, 108, 0.55); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #5c616c; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: #2f343f; + border-bottom: 1px solid #20232b; } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #F5F6F7; } + +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 row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #d9dde0; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #dcdfe3); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: #353945; + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + colorswatch#add-color-button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); + color: #5c616c; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; + border: none; } + +.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; } + +.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; } + +.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; } + +decoration { + border-radius: 3px 3px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px #20232b, 0 8px 8px 0 rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: #2f343f; + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(47, 52, 63, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close-dark.png"), url("assets/titlebutton-close-dark@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop-dark.png"), url("assets/titlebutton-close-backdrop-dark@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover-dark.png"), url("assets/titlebutton-close-hover-dark@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.gedit-headerbar-paned { + color: #262a33; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, #2b2e37); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: #2b2e37; } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: #414654; } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: #1b1d23; } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + caret-color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid #20232b; + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px #363b48; } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, #20232b); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: #2b2e37; + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px #1b1d23; } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +#content_frame { + padding-bottom: 14px; + background-color: #F5F6F7; + 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 { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #353945; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #353945; } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: #262a33; } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: #353945; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: #4b5162; } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: #353945; } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: #353945; } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: #353945; } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: #252831; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: #262a33; } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: #353945; } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: #353945; } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: #353945; } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: #252831; } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #5c616c; +@define-color theme_text_color #5c616c; +@define-color theme_bg_color #F5F6F7; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #5c616c; +@define-color text_color #5c616c; +@define-color bg_color #F5F6F7; +@define-color base_color #ffffff; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c,0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #5c616c; +@define-color theme_unfocused_text_color #5c616c; +@define-color theme_unfocused_bg_color #F5F6F7; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders #dcdfe3; +@define-color unfocused_borders #dcdfe3; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#cfdae7,0.8); +@define-color wm_unfocused_title alpha(#cfdae7,0.5); +@define-color wm_bg #2f343f; +@define-color wm_bg_unfocused #323843; +@define-color wm_highlight #363b48; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #cc575d; +@define-color wm_button_close_hover_bg #d7787d; +@define-color wm_button_close_active_bg #be3841; +@define-color wm_icon_close_bg #2f343f; +@define-color wm_button_hover_bg #454C5C; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #262932; +@define-color wm_icon_bg #90939B; +@define-color wm_icon_unfocused_bg #666A74; +@define-color wm_icon_hover_bg #C4C7CC; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css new file mode 100644 index 0000000..5ddd04d --- /dev/null +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -0,0 +1,4207 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(92, 97, 108, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #5c616c; + background-color: #F5F6F7; } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #F5F6F7; + color: #5c616c; } + .gtkstyle-fallback:hover { + background-color: white; + color: #5c616c; } + .gtkstyle-fallback:active { + background-color: #d9dde0; + color: #5c616c; } + .gtkstyle-fallback:disabled { + background-color: #fbfbfc; + color: rgba(92, 97, 108, 0.55); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(92, 97, 108, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #5c616c; + background-color: #ffffff; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #5c616c; } + +label:disabled { + color: rgba(92, 97, 108, 0.55); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #dcdfe3; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #dcdfe3; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #dcdfe3; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #fafbfb; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: #353945; + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@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; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #7d8189; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #5c616c; + caret-color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry:disabled, spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(255, 255, 255, 0.55); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(251, 251, 252, 0); + border-color: rgba(207, 214, 230, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #5c616c; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: #353945; + border-color: #23262e; } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + 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; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + .inline-toolbar toolbutton > button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #5294E2; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #edeff0; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #5c616c; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #2679db; } + *:link:visited, button:visited { + color: #1e61b0; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #5294e2; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #2679db; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(220, 223, 227, 0.6); + border-style: none none none solid; + color: #646973; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:first-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:last-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(92, 97, 108, 0.55); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.9); } + +.primary-toolbar { + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #e7e8eb, #d4d5db) 1 0 1 0; } + +.inline-toolbar { + background-color: #edeef0; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #F5F6F7; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #dcdfe3; + background-color: #edeef0; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #d4d5db; + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; } + .csd headerbar { + background-color: #e7e8eb; + border-color: #d4d5db; } + headerbar:backdrop { + color: rgba(82, 93, 118, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: #5294E2; + border-color: #4189df; + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: #5294E2; + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #e7e8eb; + border-color: #d4d5db; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #e7e8eb; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #e7e8eb; } + +.titlebar { + padding: 0 7px; + border-radius: 4px 4px 0 0; + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; + box-shadow: inset 0 1px #eff0f2; } + .csd .titlebar { + background-color: #e7e8eb; } + .titlebar:backdrop { + color: rgba(82, 93, 118, 0.5); + background-color: #eff0f2; } + .csd .titlebar:backdrop { + background-color: #eff0f2; } + .maximized .titlebar { + background-color: #e7e8eb; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #eff0f2; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: #d4d5db; } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: border-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #eea57e); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #f48480); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + outline-offset: -3px; + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + background-clip: border-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(82, 93, 118, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(82, 93, 118, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(82, 93, 118, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(82, 93, 118, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(82, 93, 118, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(82, 93, 118, 0.15); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #fbfbfc); + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, #f5f5f7); + border-color: rgba(82, 93, 118, 0.3); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(92, 97, 108, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(92, 97, 108, 0.1); } + treeview.view:disabled { + color: rgba(92, 97, 108, 0.55); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #aeb0b6; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #5c616c; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #7d8189; + background-color: #ffffff; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #5c616c; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #e7e8eb; + color: rgba(82, 93, 118, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(82, 93, 118, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(82, 93, 118, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #ffffff; + border: 1px solid #dcdfe3; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #5c616c; + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(92, 97, 108, 0.55); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + 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; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #efeff0; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #efeff0; } + menu arrow:hover, + .menu arrow:hover { + background-color: #efeff0; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #cdd2d7; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook header { + background-color: #F5F6F7; } + .frame notebook header { + border: 0px solid #dcdfe3; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #dcdfe3; } + notebook header.bottom { + box-shadow: inset 0 1px #dcdfe3; } + notebook header.right { + box-shadow: inset 1px 0 #dcdfe3; } + notebook header.left { + box-shadow: inset -1px 0 #dcdfe3; } + notebook header.top tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + notebook header.left tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(92, 97, 108, 0.55); } + notebook header tabs arrow:hover { + color: rgba(92, 97, 108, 0.775); } + notebook header tabs arrow:active { + color: #5c616c; } + notebook header tabs arrow:disabled { + color: rgba(92, 97, 108, 0.25); } + notebook tab label { + padding: 0 2px; + color: rgba(92, 97, 108, 0.55); } + notebook tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook tab:active label { + color: #5c616c; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #8a8e96; + border: 1px solid rgba(255, 255, 255, 0.6); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #fcfcfc; + border: 1px none #dcdfe3; } + +scrollbar slider { + background-color: #b8babf; } + scrollbar slider:hover { + background-color: #c7c9cd; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(92, 97, 108, 0.55); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #fbfbfc); + border: 1px solid rgba(123, 142, 186, 0.5); + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(123, 142, 186, 0.5); } + scale slider:disabled { + background-image: linear-gradient(to bottom, #fbfbfb); + border-color: rgba(123, 142, 186, 0.3); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, #353945); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #cfd6e6); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, #454a59); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #cfd6e6; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #cfd6e6; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: rgba(92, 97, 108, 0.2); + border-color: rgba(92, 97, 108, 0.2); } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar 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; } + +scrolledwindow undershoot.bottom, placessidebar 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; } + +scrolledwindow undershoot.left, placessidebar 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; } + +scrolledwindow undershoot.right, placessidebar 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; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #fcfcfc; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: #353945; + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #1f2128; } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +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: #aaaeb7; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #5c616c; + border: 1px solid #dcdfe3; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #5c616c; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(92, 97, 108, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #5c616c; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(92, 97, 108, 0.55); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #5c616c; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: #e7e8eb; + border-bottom: 1px solid #d4d5db; } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #F5F6F7; } + +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 row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #d9dde0; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #dcdfe3); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: #353945; + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + colorswatch#add-color-button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); + color: #5c616c; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; + border: none; } + +.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; } + +.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; } + +.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; } + +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 4px 4px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: #e7e8eb; + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(231, 232, 235, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.gedit-headerbar-paned { + color: #d4d5db; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, #2b2e37); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: #2b2e37; } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: #414654; } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: #1b1d23; } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #e7e8eb); + color: rgba(82, 93, 118, 0.8); + box-shadow: inset 0 1px #eff0f2; } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(82, 93, 118, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: #2b2e37; + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px #1b1d23; } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +#content_frame { + padding-bottom: 14px; + background-color: #F5F6F7; + 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 { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #353945; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #353945; } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: #d4d5db; } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: #353945; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: #4b5162; } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: #353945; } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: #353945; } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: #353945; } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: #252831; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: #d4d5db; } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: #e7e8eb; } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: #eff0f2; } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #e7e8eb; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #eff0f2; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: #353945; } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: #353945; } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: #353945; } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: #252831; } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #5c616c; +@define-color theme_text_color #5c616c; +@define-color theme_bg_color #F5F6F7; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #5c616c; +@define-color text_color #5c616c; +@define-color bg_color #F5F6F7; +@define-color base_color #ffffff; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c,0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #5c616c; +@define-color theme_unfocused_text_color #5c616c; +@define-color theme_unfocused_bg_color #F5F6F7; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders #dcdfe3; +@define-color unfocused_borders #dcdfe3; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#525d76,0.8); +@define-color wm_unfocused_title alpha(#525d76,0.5); +@define-color wm_bg #e7e8eb; +@define-color wm_bg_unfocused #eff0f2; +@define-color wm_highlight #eff0f2; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css new file mode 100644 index 0000000..304ea7c --- /dev/null +++ b/common/gtk-3.0/3.20/gtk.css @@ -0,0 +1,4207 @@ +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + -GtkTreeView-horizontal-separator: 4; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: rgba(92, 97, 108, 0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; } + +.background { + color: #5c616c; + background-color: rgba(245, 246, 247, 0.999); } + +*:disabled { + -gtk-icon-effect: dim; } + +.gtkstyle-fallback { + background-color: #F5F6F7; + color: #5c616c; } + .gtkstyle-fallback:hover { + background-color: white; + color: #5c616c; } + .gtkstyle-fallback:active { + background-color: #d9dde0; + color: #5c616c; } + .gtkstyle-fallback:disabled { + background-color: #fbfbfc; + color: rgba(92, 97, 108, 0.55); } + .gtkstyle-fallback:selected { + background-color: #5294E2; + color: #ffffff; } + +.view, +textview text { + color: #5c616c; + background-color: #ffffff; } + .view.dim-label, label.view.separator, + popover.background label.view.separator, headerbar .view.subtitle, + textview text.dim-label, + textview headerbar text.subtitle, headerbar + textview text.subtitle { + color: rgba(92, 97, 108, 0.55); } + .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, + textview text.dim-label selection, + textview headerbar text.subtitle selection, headerbar + textview text.subtitle selection, + textview text.dim-label selection:focus, + textview headerbar text.subtitle selection:focus, headerbar + textview text.subtitle selection:focus { + color: rgba(255, 255, 255, 0.65); + text-shadow: none; } + +iconview { + color: #5c616c; + background-color: #ffffff; } + iconview:selected, iconview:selected:focus { + border-radius: 3px; } + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #2679db; + background-color: rgba(38, 121, 219, 0.2); } + +flowbox flowboxchild { + padding: 3px; + border-radius: 2px; } + flowbox flowboxchild:selected { + outline-offset: -2px; } + +label.separator, popover label.separator, +popover.background label.separator { + color: #5c616c; } + +label:disabled { + color: rgba(92, 97, 108, 0.55); } + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle { + opacity: 0.55; } + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid #dcdfe3; } + assistant .sidebar:dir(ltr) { + border-right: 1px solid #dcdfe3; } + assistant .sidebar:dir(rtl) { + border-left: 1px solid #dcdfe3; } + +assistant.csd .sidebar { + border-top-style: none; } + +assistant .sidebar label { + padding: 6px 12px; } + +assistant .sidebar label.highlight { + background-color: #5294E2; + color: #ffffff; } + +textview { + background-color: #fafbfb; } + +popover.osd, popover.magnifier, +popover.background.osd, +popover.background.magnifier, .osd { + color: #BAC3CF; + border: none; + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; + outline-color: rgba(186, 195, 207, 0.3); + box-shadow: none; } + +@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; } + +entry, spinbutton { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + border-radius: 3px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry.search, spinbutton.search { + border-radius: 20px; } + entry image, spinbutton image { + color: #7d8189; } + entry image.left, spinbutton image.left { + padding-left: 0; + padding-right: 5px; } + entry image.right, spinbutton image.right { + padding-right: 0; + padding-left: 5px; } + entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + color: #5c616c; + caret-color: #5c616c; + border-color: #cfd6e6; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; } + entry:focus, spinbutton:focus { + background-clip: border-box; + color: #5c616c; + caret-color: #5c616c; + border-color: #5294E2; + background-color: #ffffff; + background-image: linear-gradient(to bottom, #ffffff); } + entry:disabled, spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(255, 255, 255, 0.55); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } + entry selection, spinbutton selection, + entry selection:focus, spinbutton selection:focus { + background-color: #5294E2; + color: #ffffff; } + entry progress, spinbutton progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + entry.warning, spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning:focus, spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); + box-shadow: none; } + entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + entry.error, spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, #fd8d88); } + entry.error:focus, spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); + box-shadow: none; } + entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + .osd entry, .osd spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + color: inherit; } + .osd entry:focus, .osd spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + .osd entry:disabled, .osd spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#5294E2), to(transparent)); } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } + +button { + min-height: 26px; + min-width: 20px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + margin: 4px 1px; } + button.flat, button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(251, 251, 252, 0); + border-color: rgba(207, 214, 230, 0); + transition: none; } + button.flat:hover, button.sidebar-button:hover { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; } + button.flat:hover:active, button.sidebar-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; + -gtk-icon-effect: highlight; } + button:active, button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + transition-duration: 50ms; } + button:active { + color: #5c616c; } + button:active:hover, button:checked { + color: #ffffff; } + button.flat:disabled, button.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; } + button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button:disabled > label { + color: inherit; } + button:disabled:active, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + button:disabled:active > label, button:disabled:checked > label { + color: inherit; } + button.osd { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(35, 38, 46, 0.95); } + button.osd.image-button { + min-height: 48px; + min-width: 48px; } + button.osd:hover { + color: #5294E2; } + button.osd:active, button.osd:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.osd:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .osd button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + .osd button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + .osd button.flat, .osd button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + .osd button.flat:hover, .osd button.sidebar-button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .osd button.flat:disabled, .osd button.sidebar-button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); + background-image: none; } + .osd button.flat:active, .osd button.sidebar-button:active, .osd button.flat:checked, .osd button.sidebar-button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + button.suggested-action.flat, button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + button.suggested-action.flat:disabled, button.suggested-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.suggested-action:disabled > label { + color: inherit; } + button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + button.destructive-action.flat, button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + button.destructive-action.flat:disabled, button.destructive-action.sidebar-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + color: rgba(92, 97, 108, 0.55); } + button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + button.destructive-action:disabled > label { + color: inherit; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button label:first-child { + padding-left: 8px; } + button.text-button.image-button label:last-child { + padding-right: 8px; } + .stack-switcher > button { + 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; } + .stack-switcher > button.needs-attention > label, + .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; } + .stack-switcher > button.needs-attention > label:dir(rtl), + .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; } + .inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 2px; + border-width: 1px; } + +.inline-toolbar toolbutton > button { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + .inline-toolbar toolbutton > button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + .inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + .inline-toolbar toolbutton > button:disabled > label { + color: inherit; } + .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); + border-color: rgba(82, 148, 226, 0.75); + background-color: rgba(82, 148, 226, 0.75); + opacity: 0.6; } + .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { + color: inherit; } + +.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(207, 214, 230, 0.3); } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry + entry.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, +.linked:not(.vertical):not(.pathbar) > entry + button:hover, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, +.linked:not(.vertical):not(.pathbar) > entry + button:active, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, +.linked:not(.vertical):not(.pathbar) > entry + button:checked, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, +.linked:not(.vertical):not(.pathbar) > entry + button:disabled, +.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { + border-left-style: solid; } + +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } + +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: -1px 0 #cfd6e6; } + +.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { + border-left-color: #5294E2; } + +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(207, 214, 230, 0.4); } + +.linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } + +.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { + border-top-color: rgba(207, 214, 230, 0.3); } + +.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, +.linked.vertical > entry + entry.error, +.linked.vertical > spinbutton + entry.error, +.linked.vertical > entry + spinbutton.error, +.linked.vertical > spinbutton + spinbutton.error { + border-top-color: #FC4138; } + +.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, +.linked.vertical > entry + entry.warning, +.linked.vertical > spinbutton + entry.warning, +.linked.vertical > entry + spinbutton.warning, +.linked.vertical > spinbutton + spinbutton.warning { + border-top-color: #F27835; } + +.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { + border-top-color: #FC4138; } + +.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child, +.linked.vertical > spinbutton + entry:focus:last-child, +.linked.vertical > entry + spinbutton:focus:last-child, +.linked.vertical > spinbutton + spinbutton:focus:last-child { + border-top-color: #5294E2; } + +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + +.linked.vertical > entry + button, .linked.vertical > spinbutton + button, +.linked.vertical > entry + button:hover, +.linked.vertical > spinbutton + button:hover, +.linked.vertical > entry + button:active, +.linked.vertical > spinbutton + button:active, +.linked.vertical > entry + button:checked, +.linked.vertical > spinbutton + button:checked, +.linked.vertical > entry + button:disabled, +.linked.vertical > spinbutton + button:disabled { + border-top-style: solid; } + +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > spinbutton:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-top-color: #5294E2; } + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-top-color: #F27835; } + +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > spinbutton.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-top-color: #FC4138; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: 0 -1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active) { + box-shadow: none; } + +.linked.vertical > button:checked + button:not(:checked):not(:active):hover { + box-shadow: none; } + +.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { + border-top-color: #5294E2; } + +.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { + box-shadow: none; } + +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { + border-radius: 0; + border-right-style: none; } + +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; } + +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-right-style: solid; } + +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 3px; + border-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { + border-radius: 0; + border-bottom-style: none; } + +.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-style: solid; } + +.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { + border-radius: 3px; + border-style: solid; } + +.linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + border-left-style: none; } + .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { + border-left-style: solid; } + +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked { + border-top-style: none; } + .linked.vertical > button:first-child { + border-top-style: solid; } + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, +.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; } + +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; } + menuitem.button.flat:hover, + modelbutton.flat:hover { + background-color: #edeff0; } + menuitem.button.flat:checked, + modelbutton.flat:checked { + color: #5c616c; } + menuitem.button.flat check:last-child, + menuitem.button.flat radio:last-child, + modelbutton.flat check:last-child, + modelbutton.flat radio:last-child { + margin-left: 8px; } + menuitem.button.flat check:first-child, + menuitem.button.flat radio:first-child, + modelbutton.flat check:first-child, + modelbutton.flat radio:first-child { + margin-right: 8px; } + +modelbutton.flat arrow, modelbutton.flat arrow:hover { + background: none; } + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +*:link, button:link, button:visited { + color: #2679db; } + *:link:visited, button:visited { + color: #1e61b0; } + *:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #bad4f3; } + *:link:hover, button:hover:link, button:hover:visited { + color: #5294e2; } + *:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #eef4fc; } + *:link:active, button:active:link, button:active:visited { + color: #2679db; } + *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #dceaf9; } + *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + color: #dceaf9; } + +button:link > label, button:visited > label { + text-decoration-line: underline; } + +spinbutton:not(.vertical) button { + background-image: none; + border: 1px solid rgba(220, 223, 227, 0.6); + border-style: none none none solid; + color: #646973; + border-radius: 0; + box-shadow: none; } + spinbutton:not(.vertical) button:dir(rtl) { + border-style: none solid none none; } + spinbutton:not(.vertical) button:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button:active { + background-color: #5294E2; + color: #ffffff; } + +spinbutton.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; } + spinbutton.vertical button:first-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:first-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:first-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:first-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:first-child:disabled > label { + color: inherit; } + spinbutton.vertical button:last-child { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + spinbutton.vertical button:last-child:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + spinbutton.vertical button:last-child:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + spinbutton.vertical button:last-child:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + spinbutton.vertical button:last-child:disabled > label { + color: inherit; } + spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; } + spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; } + +treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { + padding: 1px; + border-width: 1px 0; + border-color: #5294E2; + border-radius: 0; + box-shadow: none; } + +combobox > button.combo { + padding-left: 8px; + padding-right: 8px; } + +combobox:disabled { + color: rgba(92, 97, 108, 0.55); } + +combobox arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + min-height: 16px; + min-width: 16px; } + +combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; } + combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; } + combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +combobox > button.combo:not(:only-child):dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +combobox > button.combo:not(:only-child):dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #F5F6F7; } + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + background: none; } + toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + margin: 0 6px; } + toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + margin: 6px 0; } + .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + padding: 7px; + border: 1px solid rgba(0, 0, 0, 0.5); + border-radius: 3px; + background-color: rgba(53, 57, 69, 0.85); } + +.primary-toolbar { + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #e7e8eb, rgba(212, 213, 219, 0.95)) 1 0 1 0; } + +.inline-toolbar { + background-color: #edeef0; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; } + +searchbar { + background-color: #F5F6F7; + border-style: solid; + border-color: #dcdfe3; + border-width: 0 0 1px; + padding: 3px; } + +actionbar { + padding: 6px; + border-top: 1px solid #dcdfe3; + background-color: #edeef0; } + +headerbar { + min-height: 42px; + padding: 0 5px; + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: #d4d5db; + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; } + .csd headerbar { + background-color: rgba(231, 232, 235, 0.95); + border-color: rgba(212, 213, 219, 0.95); } + headerbar:backdrop { + color: rgba(82, 93, 118, 0.5); } + headerbar .title { + padding-left: 12px; + padding-right: 12px; } + headerbar .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; } + headerbar.selection-mode, headerbar.titlebar.selection-mode { + color: #ffffff; + background-color: rgba(82, 148, 226, 0.95); + border-color: rgba(65, 137, 223, 0.95); + box-shadow: none; } + headerbar.selection-mode:backdrop, headerbar.titlebar.selection-mode:backdrop { + background-color: rgba(82, 148, 226, 0.95); + color: rgba(255, 255, 255, 0.6); } + headerbar.selection-mode button, headerbar.titlebar.selection-mode button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button.flat, headerbar.selection-mode button.sidebar-button, headerbar.titlebar.selection-mode button.flat, headerbar.titlebar.selection-mode button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:hover, headerbar.titlebar.selection-mode button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.5); } + headerbar.selection-mode button:active, headerbar.selection-mode button:checked, headerbar.titlebar.selection-mode button:active, headerbar.titlebar.selection-mode button:checked { + color: rgba(82, 148, 226, 0.95); + outline-color: rgba(82, 148, 226, 0.25); + background-color: #ffffff; + border-color: #ffffff; } + headerbar.selection-mode button:disabled, headerbar.titlebar.selection-mode button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0); } + headerbar.selection-mode button:disabled:active, headerbar.selection-mode button:disabled:checked, headerbar.titlebar.selection-mode button:disabled:active, headerbar.titlebar.selection-mode button:disabled:checked { + color: rgba(82, 148, 226, 0.35); + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); } + headerbar.selection-mode .selection-menu, headerbar.titlebar.selection-mode .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; } + headerbar.selection-mode .selection-menu GtkArrow, headerbar.titlebar.selection-mode .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; } + headerbar.selection-mode .selection-menu .arrow, headerbar.titlebar.selection-mode .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + .maximized headerbar.selection-mode, .maximized headerbar.titlebar.selection-mode { + background-color: #5294e2; } + .tiled headerbar, .tiled headerbar:backdrop, + .maximized headerbar, .maximized headerbar:backdrop { + border-radius: 0; } + .maximized headerbar { + background-color: #e7e8eb; + border-color: #d4d5db; } + headerbar.default-decoration, + .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, + .csd headerbar.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: #e7e8eb; + border-bottom-width: 0; } + .maximized headerbar.default-decoration, .maximized + .csd headerbar.default-decoration, .maximized headerbar.default-decoration:backdrop, .maximized + .csd headerbar.default-decoration:backdrop { + background-color: #e7e8eb; } + +.titlebar { + padding: 0 7px; + border-radius: 4px 4px 0 0; + color: rgba(82, 93, 118, 0.8); + background-color: #e7e8eb; + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + .csd .titlebar { + background-color: rgba(231, 232, 235, 0.95); } + .titlebar:backdrop { + color: rgba(82, 93, 118, 0.5); + background-color: #eff0f2; } + .csd .titlebar:backdrop { + background-color: rgba(239, 240, 242, 0.95); } + .maximized .titlebar { + background-color: #e7e8eb; } + .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { + background-color: #eff0f2; } + window > .titlebar:not(headerbar), + window.csd > .titlebar:not(headerbar) { + padding: 0; + border: none; + background: none; } + .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + background-color: rgba(212, 213, 219, 0.95); } + +.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, rgba(82, 93, 118, 0) 25%, rgba(82, 93, 118, 0.15) 25%, rgba(82, 93, 118, 0.15) 75%, rgba(82, 93, 118, 0) 75%) 0 1/0 1px stretch; } + .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { + opacity: 0.6; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + +.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + color: inherit; } + .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + opacity: 0.85; } + .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); + background-clip: border-box; } + .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + color: #ffffff; } + .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + background-color: #ffffff; + color: #5294E2; } + .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + border-color: #5294E2; + background-image: none; + background-color: transparent; } + .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + color: #ffffff; + border-color: #F27835; + background-image: linear-gradient(to bottom, rgba(238, 162, 121, 0.98)); } + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #F27835); } + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + background-color: #ffffff; + color: #F27835; } + .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + color: #ffffff; + border-color: #FC4138; + background-image: linear-gradient(to bottom, rgba(244, 128, 123, 0.98)); } + .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, #FC4138); } + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + background-color: #ffffff; + color: #FC4138; } + +.primary-toolbar button, headerbar button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + outline-offset: -3px; + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:backdrop, headerbar button:backdrop { + opacity: 0.7; } + .primary-toolbar button:hover, headerbar button:hover { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar button:active, headerbar button:active, .primary-toolbar button:checked, headerbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; + background-clip: border-box; } + .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button:disabled > label, headerbar button:disabled > label { + color: inherit; } + .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border-color: rgba(82, 148, 226, 0.65); + background-color: rgba(82, 148, 226, 0.65); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { + border-left-color: rgba(82, 93, 118, 0); } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: #5294E2; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { + border-left-color: #FC4138; } + +.primary-toolbar button.suggested-action, headerbar button.suggested-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.flat, .primary-toolbar button.suggested-action.sidebar-button, headerbar button.suggested-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #4DADD4; + outline-color: rgba(77, 173, 212, 0.3); } + .primary-toolbar button.suggested-action:hover, headerbar button.suggested-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:active, .primary-toolbar button.suggested-action:checked, headerbar button.suggested-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { + color: inherit; } + +.primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { + opacity: 0.8; } + +.primary-toolbar button.destructive-action, headerbar button.destructive-action { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.flat, .primary-toolbar button.destructive-action.sidebar-button, headerbar button.destructive-action.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #F04A50; + outline-color: rgba(240, 74, 80, 0.3); } + .primary-toolbar button.destructive-action:hover, headerbar button.destructive-action:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:active, .primary-toolbar button.destructive-action:checked, headerbar button.destructive-action:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(82, 93, 118, 0.35); + background-color: rgba(231, 232, 235, 0); + border-color: rgba(231, 232, 235, 0); } + .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { + color: inherit; } + +.primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { + opacity: 0.8; } + +.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { + color: #ffffff; } + .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { + background-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } + .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { + color: rgba(255, 255, 255, 0.4); } + +.primary-toolbar spinbutton button, headerbar spinbutton button { + color: rgba(82, 93, 118, 0.8); } + .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { + background-color: rgba(82, 93, 118, 0.05); + border-color: transparent; } + .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { + color: rgba(82, 93, 118, 0.5); } + .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { + background-color: rgba(0, 0, 0, 0.1); } + +.primary-toolbar combobox:disabled, headerbar combobox:disabled { + color: rgba(82, 93, 118, 0.2); } + +.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + color: inherit; } + .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); + box-shadow: none; } + .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { + border-right-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: none; } + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + box-shadow: 1px 0 #5294E2; } + +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { + border-left-style: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: none; } + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + box-shadow: -1px 0 #5294E2; } + +.primary-toolbar switch:backdrop, headerbar switch:backdrop { + opacity: 0.75; } + +.primary-toolbar progressbar trough, headerbar progressbar trough { + background-color: rgba(82, 93, 118, 0.15); } + +.primary-toolbar progressbar:backdrop, headerbar progressbar:backdrop { + opacity: 0.75; } + +.primary-toolbar scale:backdrop, headerbar scale:backdrop { + opacity: 0.75; } + +.primary-toolbar scale slider, headerbar scale slider { + background-image: linear-gradient(to bottom, #fbfbfc); + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:hover, headerbar scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(82, 93, 118, 0.3); } + .primary-toolbar scale slider:active, headerbar scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .primary-toolbar scale slider:disabled, headerbar scale slider:disabled { + background-image: linear-gradient(to bottom, rgba(245, 246, 247, 0.985)); + border-color: rgba(82, 93, 118, 0.3); } + +.primary-toolbar scale trough, headerbar scale trough { + background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.15)); } + .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } + +.path-bar button:first-child { + padding-left: 10px; } + +.path-bar button:last-child { + padding-right: 10px; } + +.path-bar button:only-child { + padding-left: 10px; + padding-right: 10px; } + +.path-bar button label:last-child { + padding-left: 4px; } + +.path-bar button label:first-child { + padding-right: 4px; } + +.path-bar button label:only-child, .path-bar button label { + padding-right: 0; + padding-left: 0; } + +treeview.view { + -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: rgba(92, 97, 108, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); } + treeview.view:selected { + border-radius: 0; + border-left-color: #a9caf1; + border-top-color: rgba(92, 97, 108, 0.1); } + treeview.view:disabled { + color: rgba(92, 97, 108, 0.55); } + treeview.view:disabled:selected { + color: #97bfee; } + treeview.view.separator { + min-height: 2px; } + treeview.view.dnd { + border-style: solid none; + border-width: 1px; + border-color: #577ba7; } + treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #aeb0b6; } + treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + treeview.view.expander:hover { + color: #5c616c; } + treeview.view.expander:selected { + color: #cbdff6; } + treeview.view.expander:selected:hover { + color: #ffffff; } + treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + treeview.view.progressbar { + color: #ffffff; + border-radius: 3px; + background-image: linear-gradient(to bottom, #5294E2); } + treeview.view.progressbar:selected { + color: #5294E2; + box-shadow: none; + background-image: linear-gradient(to bottom, #ffffff); } + treeview.view.trough, treeview.view.trough:selected { + color: #5c616c; + background-image: linear-gradient(to bottom, #cfd6e6); + border-radius: 3px; + border-width: 0; } + treeview.view header button { + color: #7d8189; + background-color: #ffffff; + font-weight: bold; } + treeview.view header button:hover { + color: #5294E2; + box-shadow: none; + transition: none; } + treeview.view header button:active { + color: #5c616c; + transition: none; } + treeview.view header button:last-child, + treeview.view header button:last-child:hover, + treeview.view header button:last-child:active { + border-right-style: none; + border-image: none; } + treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + +treeview.view header button, treeview.view header button:hover, treeview.view header button:active { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #e7e8eb; + color: rgba(82, 93, 118, 0.8); } + menubar:backdrop, + .menubar:backdrop { + color: rgba(82, 93, 118, 0.5); } + menubar > menuitem, + .menubar > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; } + menubar > menuitem:hover, + .menubar > menuitem:hover { + background-color: #5294E2; + color: #ffffff; } + menubar > menuitem:disabled, + .menubar > menuitem:disabled { + color: rgba(82, 93, 118, 0.2); + border-color: transparent; } + +menu, +.menu { + margin: 4px; + padding: 0; + border-radius: 0; + background-color: #ffffff; + border: 1px solid #dcdfe3; } + .csd menu, .csd + .menu { + padding: 4px 0px; + border-radius: 2px; + border: none; } + menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + .csd menu separator, + .csd menu .sidebar .view separator, .sidebar .view + .csd menu separator, + .menu separator, + .menu .sidebar .view separator, .sidebar .view + .menu separator, + .csd + .menu separator { + min-height: 10px; + background-color: #ffffff; } + menu menuitem, + .menu menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; } + menu menuitem:hover, + .menu menuitem:hover { + color: #5c616c; + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0 1px 0; } + menu menuitem:disabled, + .menu menuitem:disabled { + color: rgba(92, 97, 108, 0.55); } + menu menuitem arrow, + .menu menuitem arrow { + min-height: 16px; + min-width: 16px; } + menu menuitem arrow:dir(ltr), + .menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-left: 10px; } + menu menuitem arrow:dir(rtl), + .menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-right: 10px; } + 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; } + menu arrow, + .menu arrow { + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; } + menu arrow.top, + .menu arrow.top { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + border-bottom: 1px solid #efeff0; } + menu arrow.bottom, + .menu arrow.bottom { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + border-top: 1px solid #efeff0; } + menu arrow:hover, + .menu arrow:hover { + background-color: #efeff0; } + menu arrow:disabled, + .menu arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; } + +popover, +popover.background { + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.07); } + .csd popover, popover, .csd + popover.background, + popover.background { + border: 1px solid #cdd2d7; } + popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, + popover.background separator, + popover.background .sidebar .view separator, .sidebar .view + popover.background separator { + background-color: #ffffff; } + popover > list, + popover > .view, + popover > toolbar, + popover > .inline-toolbar, + popover.osd > toolbar, + popover.osd > .inline-toolbar, + popover.background > list, + popover.background > .view, + popover.background > toolbar, + popover.background > .inline-toolbar, + popover.background.osd > toolbar, + popover.background.osd > .inline-toolbar { + border-style: none; + background-color: transparent; } + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; } + cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); } + cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } + +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + padding: 0; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + notebook.frame { + border: 1px solid #dcdfe3; } + notebook header { + background-color: #F5F6F7; } + .frame notebook header { + border: 0px solid #dcdfe3; } + .frame notebook header.top { + border-bottom-width: 0; } + .frame notebook header.bottom { + border-top-width: 0; } + .frame notebook header.right { + border-left-width: 0; } + .frame notebook header.left { + border-right-width: 0; } + notebook header.top { + box-shadow: inset 0 -1px #dcdfe3; } + notebook header.bottom { + box-shadow: inset 0 1px #dcdfe3; } + notebook header.right { + box-shadow: inset 1px 0 #dcdfe3; } + notebook header.left { + box-shadow: inset -1px 0 #dcdfe3; } + notebook header.top tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-top: 2px solid transparent; + padding-top: 6px; + border-radius: 3.5px 2px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.top tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.top tab:active, notebook header.top tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-bottom: 2px solid transparent; + padding-bottom: 6px; + border-radius: 0 0 2px 3.5px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.bottom tab:active, notebook header.bottom tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-right: 2px solid transparent; + padding-right: 17px; + border-radius: 0 3.5px 3.5px 0; } + notebook header.right tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.right tab:active, notebook header.right tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } + notebook header.left tab { + border-width: 0; + background-color: rgba(255, 255, 255, 0); + padding: 4px 15px; + border-left: 2px solid transparent; + padding-left: 17px; + border-radius: 3.5px 0 0 3.5px; } + notebook header.left tab:hover { + background-color: rgba(255, 255, 255, 0.5); + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + notebook header.left tab:active, notebook header.left tab:active:hover { + background-color: #ffffff; + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + notebook header tabs arrow { + color: rgba(92, 97, 108, 0.55); } + notebook header tabs arrow:hover { + color: rgba(92, 97, 108, 0.775); } + notebook header tabs arrow:active { + color: #5c616c; } + notebook header tabs arrow:disabled { + color: rgba(92, 97, 108, 0.25); } + notebook tab label { + padding: 0 2px; + color: rgba(92, 97, 108, 0.55); } + notebook tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook tab:active label { + color: #5c616c; } + notebook tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook tab button:hover { + color: #ff4d4d; } + notebook tab button:active, notebook tab button:active:hover { + color: #5294E2; } + +* { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; } + +scrollbar button { + border: none; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + -GtkRange-slider-width: 6px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + background-color: #8a8e96; + border: 1px solid rgba(255, 255, 255, 0.6); + background-clip: padding-box; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) trough { + border-style: none; + background-color: transparent; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin-top: 2px; + margin-bottom: 2px; } + scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin-left: 2px; + margin-right: 2px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; } + +scrollbar trough { + background-color: #fcfcfc; + border: 1px none #dcdfe3; } + +scrollbar slider { + background-color: #b8babf; } + scrollbar slider:hover { + background-color: #c7c9cd; } + scrollbar slider:hover:active { + background-color: #5294E2; } + scrollbar slider:disabled { + background-color: transparent; } + +scrollbar slider { + border-radius: 100px; + margin: 3px; } + +scrollbar.fine-tune slider { + margin: 4px; } + +scrollbar.vertical slider { + margin-left: 4px; } + scrollbar.vertical slider:dir(rtl) { + margin-left: 3px; + margin-right: 4px; } + +scrollbar.vertical.fine-tune .slider { + margin-left: 5px; } + scrollbar.vertical.fine-tune .slider:dir(rtl) { + margin-left: 4px; + margin-right: 5px; } + +scrollbar.vertical trough { + border-left-style: solid; } + scrollbar.vertical trough:dir(rtl) { + border-left-style: none; + border-right-style: solid; } + +scrollbar.horizontal slider { + margin-top: 4px; } + +scrollbar.horizontal.fine-tune slider { + margin-top: 5px; } + +scrollbar.horizontal trough { + border-top-style: solid; } + +switch { + font: 1; + outline-color: transparent; } + switch, switch slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; } + switch:dir(rtl), switch slider:dir(rtl) { + background-position: left center; } + switch slider { + min-width: 52px; + min-height: 24px; } + +switch { + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); } + +row:selected switch, +infobar switch { + background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); } + +headerbar switch, +.primary-toolbar switch { + background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); } + +switch:active { + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); } + +row:selected switch:active, +infobar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); } + +headerbar switch:active, +.primary-toolbar switch:active { + background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); } + +switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); } + +row:selected switch:disabled, +infobar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); } + +headerbar switch:disabled, +.primary-toolbar switch:disabled { + background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); } + +switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); } + +row:selected switch:active:disabled, +infobar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); } + +headerbar switch:active:disabled, +.primary-toolbar switch:active:disabled { + background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } + +check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + +.view check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } + +check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + +.view check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } + +check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + +.view check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } + +check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + +.view check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } + +check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + +.view check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } + +check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + +.view check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } + +radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + +.view radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } + +radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + +.view radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } + +radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + +.view radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } + +radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + +.view radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } + +radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + +.view radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } + +radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + +.view radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } + +.view.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; } + +.view.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; } + +checkbutton.text-button, radiobutton.text-button { + padding: 1px 2px 4px; + outline-offset: 0; } + checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { + color: rgba(92, 97, 108, 0.55); } + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; } + radiobutton radio:only-child, + checkbutton check:only-child { + margin: 0; } + +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; } + scale marks { + color: alpha(currentColor,0.7); } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; + margin: 3px; } + scale trough, scale fill, scale highlight { + border-radius: 2.5px; } + scale slider { + background-clip: border-box; + background-image: linear-gradient(to bottom, #fbfbfc); + border: 1px solid rgba(123, 142, 186, 0.5); + border-radius: 50%; + box-shadow: none; } + scale slider:hover { + background-image: linear-gradient(to bottom, white); + border-color: rgba(123, 142, 186, 0.5); } + scale slider:disabled { + background-image: linear-gradient(to bottom, #fbfbfb); + border-color: rgba(123, 142, 186, 0.3); } + scale slider:active { + background-image: linear-gradient(to bottom, #5294E2); + border-color: #5294E2; } + .osd scale slider { + background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95)); + border-color: #5294E2; } + .osd scale slider:hover { + background-image: linear-gradient(to bottom, #5294E2); } + .osd scale slider:active { + background-image: linear-gradient(to bottom, #2679db); + border-color: #2679db; } + row:selected scale slider, + infobar scale slider { + background-image: linear-gradient(to bottom, #ffffff); + border-color: #ffffff; } + row:selected scale slider:hover, + infobar scale slider:hover { + background-image: linear-gradient(to bottom, #e5effb); + border-color: #e5effb; } + row:selected scale slider:active, + infobar scale slider:active { + background-image: linear-gradient(to bottom, #a9caf1); + border-color: #a9caf1; } + row:selected scale slider:disabled, + infobar scale slider:disabled { + background-image: linear-gradient(to bottom, #b1cff2); + border-color: #b1cff2; } + scale trough { + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, #cfd6e6); } + scale trough highlight { + background-image: linear-gradient(to bottom, #5294E2); } + scale trough highlight:disabled { + background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } + scale trough fill { + background: none; + background-color: red; } + scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } + .osd scale trough { + background-image: linear-gradient(to bottom, rgba(69, 74, 89, 0.95)); + outline-color: rgba(186, 195, 207, 0.2); } + .osd scale trough highlight { + background-image: none; + background-image: linear-gradient(to bottom, #5294E2); } + row:selected scale trough, + infobar scale trough { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); } + row:selected scale trough highlight, + infobar scale trough highlight { + background-image: linear-gradient(to bottom, #ffffff); } + row:selected scale trough highlight:disabled, + infobar scale trough highlight:disabled { + background-image: linear-gradient(to bottom, #b1cff2); } + row:selected scale trough:disabled, + infobar scale trough:disabled { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(92, 97, 108, 0.7); } + progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; } + progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; } + progressbar progress { + background-color: #5294E2; + border: none; + border-radius: 3px; + box-shadow: none; } + row:selected progressbar progress, + infobar progressbar progress { + background-color: #ffffff; } + progressbar trough { + border: none; + border-radius: 3px; + background-color: #cfd6e6; } + row:selected progressbar trough, + infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); } + +levelbar block { + min-width: 32px; + min-height: 1px; } + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; } + +levelbar trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: #cfd6e6; } + +levelbar.horizontal.discrete block { + margin: 0 1px; } + +levelbar.vertical.discrete block { + margin: 1px 0; } + +levelbar block:not(.empty) { + border: 1px solid #5294E2; + background-color: #5294E2; + border-radius: 2px; } + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; } + +levelbar block.high { + border-color: #5294E2; + background-color: #5294E2; } + +levelbar block.full { + border-color: #73d216; + background-color: #73d216; } + +levelbar block.empty { + background-color: rgba(92, 97, 108, 0.2); + border-color: rgba(92, 97, 108, 0.2); } + +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid #dcdfe3; + padding: 0; } + frame border.flat, + .frame.flat { + border-style: none; } + +paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +scrolledwindow viewport.frame, placessidebar viewport.frame { + border-style: none; } + +scrolledwindow overshoot.top, placessidebar overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.left, placessidebar overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow overshoot.right, placessidebar overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; } + +scrolledwindow undershoot.top, placessidebar 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; } + +scrolledwindow undershoot.bottom, placessidebar 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; } + +scrolledwindow undershoot.left, placessidebar 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; } + +scrolledwindow undershoot.right, placessidebar 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; } + +scrolledwindow junction, placessidebar junction { + border-color: transparent; + border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; + background-color: #fcfcfc; } + scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + border-image-slice: 0 1 0 0; } + +separator, .sidebar separator, .sidebar .view separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; } + +list { + background-color: #ffffff; + border-color: #dcdfe3; } + +row { + padding: 2px; } + +row.activatable.has-open-popup, row.activatable:hover { + background-color: rgba(0, 0, 0, 0.05); } + +row.activatable:active { + color: #5c616c; } + +row.activatable:selected:active { + color: #ffffff; } + +row.activatable:selected.has-open-popup, row.activatable:selected:hover { + background-color: #4a85cb; } + +row.activatable:selected:disabled { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(82, 148, 226, 0.7); } + row.activatable:selected:disabled label { + color: inherit; } + +row, row.activatable { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row:hover, row.activatable:hover { + transition: none; } + +.app-notification { + padding: 10px; + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: rgba(31, 33, 40, 0.95); } + .app-notification border { + border: none; } + .app-notification button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + .app-notification button.flat, .app-notification button.sidebar-button { + border-color: rgba(82, 148, 226, 0); } + .app-notification button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + .app-notification button:active, .app-notification button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; + background-clip: padding-box; } + .app-notification button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +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: #aaaeb7; } + expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +calendar { + color: #5c616c; + border: 1px solid #dcdfe3; + border-radius: 3px; + padding: 2px; } + calendar:selected { + background-color: #5294E2; + color: #ffffff; + border-radius: 1.5px; } + calendar.header { + color: #5c616c; + border: none; + border-radius: 0; } + calendar.button, calendar.button:focus { + color: rgba(92, 97, 108, 0.45); + border-color: transparent; + background-color: transparent; + background-image: none; } + calendar.button:hover, calendar.button:focus:hover { + color: #5c616c; } + calendar.button:disabled, calendar.button:focus:disabled { + color: rgba(92, 97, 108, 0.55); + background-color: transparent; + background-image: none; } + calendar:indeterminate { + color: alpha(currentColor,0.55); } + calendar.highlight { + color: #5c616c; } + +messagedialog { + -GtkDialog-button-spacing: 0; } + messagedialog .titlebar { + background-color: rgba(231, 232, 235, 0.95); + border-bottom: 1px solid rgba(212, 213, 219, 0.95); } + messagedialog .dialog-action-area button { + padding: 2px; } + messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + messagedialog.csd .dialog-action-area button { + padding: 2px; + border-radius: 0; } + messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { + border-right-style: none; + border-bottom-style: none; } + messagedialog.csd .dialog-action-area button:last-child { + border-bottom-right-radius: 3px; } + messagedialog.csd .dialog-action-area button:first-child { + border-left-style: none; + border-bottom-left-radius: 3px; } + +.sidebar, .sidebar .view { + border: none; + background-color: #F5F6F7; } + +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 row { + padding: 0px; } + placessidebar row > revealer { + padding: 8px 10px; } + placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; } + placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; } + placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; } + placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; } + button.sidebar-button { + min-width: 26px; + min-height: 26px; + padding: 0; + border-radius: 100%; + -gtk-outline-radius: 100%; } + button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; } + +placessidebar row.sidebar-placeholder-row { + border: solid 1px #5294E2; } + +placessidebar row.sidebar-new-bookmark-row { + background-color: #d9dde0; } + +placesview .server-list-button > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); } + +placesview row.activatable:hover { + background-color: transparent; } + +paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, #dcdfe3); + background-size: 1px 1px; } + paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + background-image: linear-gradient(to top, #5294E2); } + paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); + background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { + background-repeat: repeat-y; } + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; } + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; } + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + background-repeat: repeat-y, repeat-y; + background-position: left, right; } + +paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; } + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; } + +infobar { + border-style: none; } + +.info, +.question, +.warning, +.error, +infobar { + background-color: #5294E2; + color: #ffffff; } + +row:selected button, infobar button { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); } + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + border-color: transparent; + background-color: transparent; + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); } + row:selected button:hover, infobar button:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.8); } + row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + color: #5294E2; + outline-color: rgba(82, 148, 226, 0.3); + background-color: #ffffff; + border-color: #ffffff; } + row:selected button:disabled, infobar button:disabled { + color: rgba(255, 255, 255, 0.4); + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.2); } + row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + color: rgba(82, 148, 226, 0.4); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.2); } + +tooltip { + border-radius: 2px; + box-shadow: none; } + tooltip.background { + background-color: rgba(53, 57, 69, 0.95); + background-clip: padding-box; } + tooltip decoration { + background-color: transparent; } + tooltip * { + padding: 4px; + background-color: transparent; + color: #BAC3CF; } + +colorswatch, colorswatch:drop(active) { + border-style: none; } + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; } + colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; } + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; } + colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; } + colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; } + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); } + colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); } + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); } + colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); } + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); } + colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); } + +colorswatch:disabled { + opacity: 0.5; } + colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; } + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + colorswatch#add-color-button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; } + +button.color { + padding: 0; } + button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; } + +.content-view { + background-color: #ffffff; } + .content-view:hover { + -gtk-icon-effect: highlight; } + +.scale-popup button { + padding: 6px; } + .scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + +button.scale { + padding: 8px; } + +.context-menu, popover.touch-selection, +popover.background.touch-selection { + font: initial; } + +.monospace { + font: Monospace; } + +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; } + button.circular label, + button.circular-button label { + padding: 0; } + +.keycap { + background-color: #ffffff; + border: 1px solid #dcdfe3; + border-radius: 2px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); + color: #5c616c; + padding: 3px 8px 3px 8px; } + .keycap border { + border-style: none; } + +stackswitcher button.text-button { + min-width: 80px; } + +stackswitcher button.circular { + min-width: 0; } + +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; } + +.overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; + border: none; } + +.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; } + +.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; } + +.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; } + +decoration { + border-radius: 4px 4px 0 0; + border-width: 0px; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 rgba(0, 0, 0, 0.2); + margin: 10px; } + decoration:backdrop { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .tiled decoration { + border-radius: 0; } + .popup decoration { + box-shadow: none; + border-radius: 0; } + decoration.popup { + box-shadow: none; + border-radius: 0; } + decoration.ssd { + border-radius: 4px 4px 0 0; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } + decoration.ssd.maximized { + border-radius: 0; } + .csd.popup decoration { + border-radius: 2px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); } + tooltip.csd decoration { + border-radius: 2px; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } + messagedialog.csd decoration { + border-radius: 3px; } + .solid-csd decoration { + border-radius: 0; + margin: 1px; + background-color: rgba(231, 232, 235, 0.95); + box-shadow: none; } + +headerbar.default-decoration button.titlebutton, +.titlebar.default-decoration button.titlebutton { + padding: 0 4px; + min-width: 0; } + +headerbar button.titlebutton, +.titlebar button.titlebutton { + padding: 0; + min-width: 24px; + border-color: transparent; + background-color: transparent; + background-image: none; + background-color: rgba(231, 232, 235, 0); } + headerbar button.titlebutton:hover, + .titlebar button.titlebutton:hover { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + headerbar button.titlebutton:active, headerbar button.titlebutton:checked, + .titlebar button.titlebutton:active, + .titlebar button.titlebutton:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.close, + .titlebar button.titlebutton.maximize, + .titlebar button.titlebutton.minimize { + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; } + headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + opacity: 1; } + headerbar button.titlebutton.close, + .titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); } + headerbar button.titlebutton.close:backdrop, + .titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); } + headerbar button.titlebutton.close:hover, + .titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); } + headerbar button.titlebutton.close:active, + .titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } + headerbar button.titlebutton.maximize, + .titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } + headerbar button.titlebutton.maximize:backdrop, + .titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + headerbar button.titlebutton.maximize:hover, + .titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } + headerbar button.titlebutton.maximize:active, + .titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } + headerbar button.titlebutton.minimize, + .titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } + headerbar button.titlebutton.minimize:backdrop, + .titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + headerbar button.titlebutton.minimize:hover, + .titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } + headerbar button.titlebutton.minimize:active, + .titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } + +.view:selected, +.view selection, +.view selection:focus, +.view selection:hover, +textview text:selected, +textview text selection, +textview text selection:focus, +textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, +label selection, +label selection:focus, +label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +modelbutton.flat:active, +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { + background-image: none; + background-color: #5294E2; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.gedit-headerbar-paned { + color: rgba(212, 213, 219, 0.95); } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, DhSidebar spinbutton.search, +SymbolTree entry.search, +SymbolTree spinbutton.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus, +spinbutton.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: rgba(27, 29, 35, 0.95); } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(82, 93, 118, 0.8); + caret-color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + caret-color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #e7e8eb); + color: rgba(82, 93, 118, 0.8); + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(82, 93, 118, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + +#panel_window { + background-color: rgba(43, 46, 55, 0.95); + color: #BAC3CF; + font: bold; + box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); } + #panel_window .menubar, + #panel_window .menubar > .menuitem { + background-color: transparent; + color: #BAC3CF; + font: bold; } + #panel_window .menubar .menuitem:disabled { + color: rgba(186, 195, 207, 0.5); } + #panel_window .menubar .menuitem:disabled label { + color: inherit; } + #panel_window .menubar .menu .menuitem { + font: normal; } + +#login_window, +#shutdown_dialog, +#restart_dialog { + font: normal; + border-style: none; + background-color: transparent; + color: #5c616c; } + +#content_frame { + padding-bottom: 14px; + background-color: #F5F6F7; + 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 { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: #fbfbfc; } + #content_frame button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } + #content_frame button:active, #content_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); + border-color: rgba(207, 214, 230, 0.55); + background-color: rgba(251, 251, 252, 0.55); } + #content_frame button:disabled > label { + color: inherit; } + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(53, 57, 69, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px rgba(53, 57, 69, 0.95); } + +#buttonbox_frame button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + #buttonbox_frame button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + #buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + #buttonbox_frame button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +#login_window #user_combobox { + color: #5c616c; + font: 13px; } + #login_window #user_combobox .menu { + font: normal; } + +#user_image { + padding: 3px; + border-radius: 2px; } + +#shutdown_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #F04A50; + border-color: #F04A50; } + #shutdown_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #f4797e; + border-color: #f4797e; } + #shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #ec1b22; + border-color: #ec1b22; } + +#restart_button.button { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #4DADD4; + border-color: #4DADD4; } + #restart_button.button:hover { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #76c0de; + border-color: #76c0de; } + #restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + background-color: #2e96c0; + border-color: #2e96c0; } + +#greeter_infobar { + border-bottom-width: 0; + font: bold; } + +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: rgba(212, 213, 219, 0.95); } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: rgba(75, 81, 98, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: rgba(53, 57, 69, 0.95); } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: rgba(53, 57, 69, 0.95); } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: rgba(53, 57, 69, 0.95); } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: rgba(212, 213, 219, 0.95); } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: rgba(231, 232, 235, 0.95); } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: rgba(239, 240, 242, 0.95); } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #e7e8eb; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #eff0f2; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: rgba(53, 57, 69, 0.95); } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: rgba(53, 57, 69, 0.95); } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, +GtkFileChooserDialog .dialog-vbox > .frame entry, +GtkFileChooserDialog .dialog-vbox > .frame spinbutton { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + +@define-color theme_fg_color #5c616c; +@define-color theme_text_color #5c616c; +@define-color theme_bg_color #F5F6F7; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #5294E2; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #5c616c; +@define-color text_color #5c616c; +@define-color bg_color #F5F6F7; +@define-color base_color #ffffff; +@define-color selected_bg_color #5294E2; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfc; +@define-color insensitive_fg_color alpha(#5c616c,0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #5c616c; +@define-color theme_unfocused_text_color #5c616c; +@define-color theme_unfocused_bg_color #F5F6F7; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders #dcdfe3; +@define-color unfocused_borders #dcdfe3; +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #73d216; +@define-color placeholder_text_color #A8A8A8; +@define-color content_view_bg #ffffff; +@define-color wm_title alpha(#525d76,0.8); +@define-color wm_unfocused_title alpha(#525d76,0.5); +@define-color wm_bg #e7e8eb; +@define-color wm_bg_unfocused #eff0f2; +@define-color wm_highlight #eff0f2; +@define-color wm_shadow alpha(black,0.35); +@define-color wm_button_close_bg #f46067; +@define-color wm_button_close_hover_bg #f68086; +@define-color wm_button_close_active_bg #f13039; +@define-color wm_icon_close_bg #F8F8F9; +@define-color wm_button_hover_bg #fdfdfd; +@define-color wm_button_active_bg #5294E2; +@define-color wm_button_hover_border #D1D3DA; +@define-color wm_icon_bg #90949E; +@define-color wm_icon_unfocused_bg #B6B8C0; +@define-color wm_icon_hover_bg #7A7F8B; +@define-color wm_icon_active_bg #ffffff; diff --git a/common/gtk-3.0/3.20/gulpfile.js b/common/gtk-3.0/3.20/gulpfile.js new file mode 100644 index 0000000..230ac9d --- /dev/null +++ b/common/gtk-3.0/3.20/gulpfile.js @@ -0,0 +1,18 @@ +var gulp = require("gulp"); +var sass = require("gulp-sass"); +var filter = require('gulp-filter'); + +gulp.task('sass', function () { + return gulp.src('sass/*.scss') + .pipe(sass({ + outputStyle: 'nested', + precision: 5, + onError: function (err) { + notify().write(err); + } + })) + .pipe(gulp.dest('.')) +}); + + +gulp.task('default', ['sass']); diff --git a/common/gtk-3.0/3.20/package.json b/common/gtk-3.0/3.20/package.json new file mode 100644 index 0000000..b08961b --- /dev/null +++ b/common/gtk-3.0/3.20/package.json @@ -0,0 +1,7 @@ +{ + "devDependencies": { + "gulp": "~3.9.0", + "gulp-filter": "~2.0.2", + "gulp-sass": "~2.0.4" + } +} diff --git a/common/gtk-3.0/3.20/render-assets.sh b/common/gtk-3.0/3.20/render-assets.sh new file mode 100755 index 0000000..d31fbb8 --- /dev/null +++ b/common/gtk-3.0/3.20/render-assets.sh @@ -0,0 +1,34 @@ +#! /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-png=$ASSETS_DIR/$i.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i.png +fi +if [ -f $ASSETS_DIR/$i@2.png ]; then + echo $ASSETS_DIR/$i@2.png exists. +else + echo + echo Rendering $ASSETS_DIR/$i@2.png + $INKSCAPE --export-id=$i \ + --export-dpi=180 \ + --export-id-only \ + --export-png=$ASSETS_DIR/$i@2.png $SRC_FILE >/dev/null \ + && $OPTIPNG -o7 --quiet $ASSETS_DIR/$i@2.png +fi +done +exit 0 diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss new file mode 100644 index 0000000..9d31307 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -0,0 +1,782 @@ +// +// Tab overrides +// +GeditNotebook.notebook, +ScratchMainWindow .notebook, +EphyNotebook.notebook, +MidoriNotebook .notebook, +TerminalWindow .notebook, +PantheonTerminalPantheonTerminalWindow .notebook { + + header.top tab { + &:active { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + } +} + +TerminalWindow .notebook, +PantheonTerminalPantheonTerminalWindow .notebook { + + &.header.top { + box-shadow: inset 0 1px opacify($header_border, 1), + inset 0 -1px $borders_color; + + tab { + padding-top: 7px; + border-top-width: 3px; + } + } +} + +// +// Evolution +// +// needed for webkit/GtkStyle/Evolution compatibility +GtkHTML { + background-color: $base_color; + color: $text_color; + + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + } +} + +// +// Sushi +// +// used by gnome-font-viewer and sushi +SushiFontWidget { + padding: 6px 12px; +} + +// +// GNOME Terminal +// +TerminalWindow { + .background { + background-color: transparent; + } + + scrollbar { + &.vertical slider { margin-left: 3px; } + + trough { border-width: 0; } + } + + .notebook { + tab button { + color: mix($bg_color, $fg_color, 35%); + + &:hover { + color: $fg_color; + border-color: $button_border; + background-color: $button_bg; + } + } + tab:active, tab:hover { + button { + @extend %undecorated_button; + &:hover { color: lighten(red, 15%); @extend %undecorated_button;} + &:active { color: $selected_bg_color; @extend %undecorated_button;} + } + } + } +} + +// +// Nautilus +// +.nautilus-canvas-item { + border-radius: 2px; +} + +.nautilus-desktop.nautilus-canvas-item { + color: $selected_fg_color; + text-shadow: 1px 1px transparentize(black, 0.4); + + &:active { color: $fg_color; } + &:selected { color: $selected_fg_color; } +} + +.nautilus-canvas-item.dim-label, +.nautilus-list-dim-label { + color: mix($fg_color, $bg_color, 50%); + + &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); } +} + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: $base_color; +} + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; +} + +$disk_space_unknown: transparentize($fg_color, 0.5); +$disk_space_used: transparentize($selected_bg_color, 0.2); +$disk_space_free: darken($bg_color, 3%); + +.disk-space-display { + border-style: solid; + border-width: 1px; + + &.unknown { + background-color: $disk_space_unknown; + border-color: darken($disk_space_unknown, 10%); + } + &.used { + background-color: $disk_space_used; + border-color: darken($disk_space_used, 10%); + } + &.free { + background-color: $disk_space_free; + border-color: darken($disk_space_free, 10%); + } +} + +// View +NautilusListView .view { border-bottom: 1px solid $borders_color; } + +// +// Nemo +// +.nemo-desktop.nemo-canvas-item { @extend .nautilus-desktop.nautilus-canvas-item; } + +NemoWindow { + + EelEditableLabel { transition: none; } // Workaround for invisible text in rename entry + + .sidebar .frame { border-width: 0; } + + separator.horizontal { color: $borders_color; } + + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + + @include button(header-hover); + + &:hover { background-color: lighten($header_button_bg, 15%); } + &:active, &:checked { @include button(header-active); } + &:disabled { color: transparentize($header_fg, 0.4); } + } + + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + @extend %linked; + @extend %linked_button; + } + + .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) { + + $_linked_separator_color: $header_button_border; + + > button:hover:not(:checked):not(:active):not(:only-child) { + + &:hover { + box-shadow: inset 1px 0 $_linked_separator_color, + inset -1px 0 $_linked_separator_color; + } + &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; } + &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; } + } + } +} + +// +// Gedit +// +.gedit-headerbar-paned { color: $header_border; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: $base_color; // disable borders, making them transparent doesn't work for some reason + + &:hover { + background-color: transparentize(black, 0.95); + + &:selected { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + } +} + +.open-document-selector-name-label { + color: $fg_color; +} + +.open-document-selector-path-label { + color: mix($fg_color, $base_color, 50%); + font-size: smaller; + + &:selected { color: transparentize($selected_fg_color, 0.1); } +} + +.gedit-document-panel { + + row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; + & image { color: inherit; } + } + .prelight-row button { + color: mix($bg_color, $fg_color, 35%); + } + row button:hover, + .prelight-row button:hover { + color: lighten(red, 15%); + } + .prelight-row:selected button:hover { + color: lighten(red, 20%); + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + &:active { color: $selected_fg_color; } + } + .prelight-row button:active { + color: $fg_color; + } +} + +.gedit-document-panel-dragged-row { + border: 1px solid $borders_color; + background-color: darken($bg_color, 10%); + color: $fg_color; +} + +//.gedit-document-panel-placeholder-row { +//} + +GeditStatusbar { + border-top: 1px solid $borders_color; + background-color: $bg_color; +} + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; +} + + +GeditViewFrame .gedit-search-slider { @extend %search_slider } + +GeditFileBrowserWidget toolbar { + border-bottom: 1px solid $borders_color; +} + +.gedit-search-entry-occurrences-tag { + color: transparentize($fg_color, 0.4); + border: none; + margin: 2px; + padding: 2px; +} + +%search_slider { + background-color: lighten($bg_color, 2%); + padding: 6px; + border-color: $borders_color; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +// +// Gnome Builder +// +GbWorkbench .floating-bar { color: $fg_color; } + +GbSearchBox.linked:not(.vertical) { + + > button.popup:last-child:dir(ltr), + > button.popup:first-child:dir(rtl) { + padding: 0 10px; + + @include entry(header-normal); + + &:hover { @include entry(header-focus); } + &:active, &:checked { @include entry(header-focus); } + &:disabled { @include entry(header-insensitive); } + } + + > button.popup:last-child:dir(ltr), + > button.popup:last-child:dir(ltr):hover, + > button.popup:last-child:dir(ltr):active, + > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; + } + + > button.popup:last-child:dir(rtl), + > button.popup:last-child:dir(rtl):hover, + > button.popup:last-child:dir(rtl):active, + > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; + } +} + +// Preference page language style +GbPreferencesPageLanguage { + entry { border-radius: 3px 3px 0 0; } + .frame { border-top-width: 0 } +} + +// Editor tweak widget +GbEditorTweakWidget { + .linked.vertical > entry { border-bottom-style: solid; } + scrolledwindow { border-top: none; } +} + +// View stack styling +GbViewStack box.header.notebook { + border-bottom: 1px solid $borders_color; +} + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: $base_color; +} + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid $borders_color; +} + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; +} + +// Workspace pane header styling +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid $borders_color; +} + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: $bg_color; +} + +// Adjust devehlp and symbol panel styling +DhSidebar entry.search, +SymbolTree entry.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; +} + +// Command Bar styling +entry.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: $osd_fg_color; + background-image: none; + background-color: opacify($osd_bg_color, 1); + padding: 6px 6px 6px 6px; + border: none; + + &:selected, + &:selected:focus { + @extend %selected_items; + } +} + +GbTerminalView { + background-color: $base_color; + color: $fg_color; +} + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; +} + +scrolledwindow.gb-linked-scroller { + border-top: none; +} + +// Disable various animatinos that are enabled by default and really annoying +// to the overall flow of Builder. +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; +} + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid $borders_color; +} + +GbViewStack.focused box.header.notebook { + background-color: $base_color; + + button.dim-label { opacity: 1; } +} + +// +// Epiphany +// +EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it + color: $fg_color; +} + +// +// Gnome Documents +// +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 2px; +} + +.documents-collection-icon { + background-color: transparentize($fg_color, 0.7); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: lighten($selected_bg_color, 20%); +} + +.documents-entry-tag { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; + + &:hover { + color: $selected_fg_color; + background-color: lighten($selected_bg_color, 4%); + } + &:active { + color: $selected_fg_color; + background-color: darken($selected_bg_color, 4%); + } + + toolbar .linked & button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; + + &:hover { color: transparentize($selected_fg_color, 0.3) } + } +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +// +// Totem +// +TotemGrilo.vertical GdMainView.frame { + border-width: 0; +} + +// +// Synapse +// +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { background-color: $selected_bg_color; } + +// +// Transmission +// +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; // Remove black border on over- and undershoot +} + +// +// Fallback Mode/Budgie Panel +// +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: $panel_fg; + background-image: linear-gradient(to bottom, $panel_bg); +} + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: $panel_fg; +} + +PanelApplet button:hover { + color: lighten($panel_fg, 10%); + background-color: transparentize(black, 0.83); + border-color: transparentize(black, 0.83); +} + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: $selected_fg_color; + background-color: transparentize(black, 0.75); + border-radius: 0; + border-color: transparentize(black, 0.75); + box-shadow: inset 0 -2px $selected_bg_color; +} + +PanelApplet:hover { + color: $selected_fg_color; +} + +PanelApplet:active, +PanelApplet:hover:active { + color: $selected_bg_color; +} + +WnckPager { + color: mix($panel_fg, black, 50%); + &:selected { color: $selected_bg_color } +} + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; +} + +ClockBox { + color: $panel_fg; +} + +// Xfce Panel +.xfce4-panel.panel { + background-color: $panel_bg; + + button.flat { + color: $panel_fg; + background-color: transparentize($panel_bg, 1); + border-radius: 0; + + &:hover { + border: none; + background-color: lighten($panel_bg, 10%); + } + &:active, &:checked { + color: $selected_bg_color; + border: none; + background-color: darken($panel_bg, 7%); + } + } +} + +// +// Floating Bar +// +.floating-bar { + background-color: $selected_bg_color; + color: $selected_fg_color; + + &.top { border-radius: 0 0 2px 2px; } + &.right { border-radius: 2px 0 0 2px; } + &.bottom { border-radius: 2px 2px 0 0; } + &.left { border-radius: 0 2px 2px 0; } + + button { + background-color: transparent; + box-shadow: none; + border: none; + } +} + +// Elementary Apps + +// +// Birdie +// +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; +} + +// +// Marlin / Pantheon Files +// +MarlinViewWindow { + + *:selected, *:selected:focus { + color: $selected_fg_color; + background-color: $selected_bg_color; + outline-color: transparent; + } + GtkIconView.view:selected { + &, &:focus, &:hover, &:focus:hover { background-color: transparent; } + } + FMListView, FMColumnView { outline-color: transparent; } +} + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + + @include entry(header-normal); + + &:focus { @include entry(header-focus) } + + &:disabled { @include entry(header-insensitive) } + + &:active, &:checked { + color: $selected_bg_color; + } +} + +// +// Gala +// +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; + + .title, .label { + color: #5c616c; + } +} + +// +// Wingpanel +// +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px transparentize(black, 0.4); + -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.4); + + &-shadow { + background-image: none; + background-color: transparent; + } + .menu { + box-shadow: none; + + .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; + } + + .window-frame.menu.csd, + .window-frame.popup.csd { + box-shadow: 0 0 0 1px transparentize(black, 0.8), + 0 10px 20px transparentize(black, 0.81), + 0 6px 6px transparentize(black, 0.77); + } + } + .menubar > .menuitem { + padding: 3px 6px; + &:hover { background-color: transparent; } + } + .window-frame.menu.csd, + .window-frame.popup.csd { box-shadow: none; } +} + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px transparentize(black, 0.4); + -gtk-icon-shadow: 0 1px 2px transparentize(black, 0.4); + + > GtkWidget > GtkWidget:first-child { padding: 0 2px; } + + .menuitem:active, .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; + } + > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; + } +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.panel .menu .spinner, +.menu .spinner { opacity: 1 } // Fixes sound indicator buttons + +// +// Wingpanel Popover +// +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + + text-shadow: none; + -gtk-icon-shadow: none; + + menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; + + label, image { padding: 0 3px; } + + &:hover, &:active { + background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); + border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); + border-width: 1px 0; + } + *:disabled { color: $insensitive_fg_color; } + } +} + +// +// Pantheon Terminal +// +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; +} + +// +// Switchboard +// +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: $fg_color; +} diff --git a/common/gtk-3.0/3.20/sass/_colors-public.scss b/common/gtk-3.0/3.20/sass/_colors-public.scss new file mode 100644 index 0000000..8807853 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_colors-public.scss @@ -0,0 +1,66 @@ +//apps rely on some named colors to be exported + +// 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 +@define-color theme_fg_color #{"" + $fg_color}; +@define-color theme_text_color #{"" + $text_color}; +@define-color theme_bg_color #{"" + $bg_color}; +@define-color theme_base_color #{"" + $base_color}; +@define-color theme_selected_bg_color #{"" + $selected_bg_color}; +@define-color theme_selected_fg_color #{"" + $selected_fg_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 insensitive_bg_color #{"" + $insensitive_bg_color}; +@define-color insensitive_fg_color gtkalpha(#{"" + opacify($insensitive_fg_color, 1)}, 0.5); +@define-color insensitive_base_color #{"" + $base_color}; +@define-color theme_unfocused_fg_color #{"" + $fg_color}; +@define-color theme_unfocused_text_color #{"" + $text_color}; +@define-color theme_unfocused_bg_color #{"" + $bg_color}; +@define-color theme_unfocused_base_color #{"" + $base_color}; +@define-color borders #{"" + $borders_color}; +@define-color unfocused_borders #{"" + $borders_color}; + +@define-color warning_color #{"" + $warning_color}; +@define-color error_color #{"" + $error_color}; +@define-color success_color #{"" + $success_color}; +@define-color placeholder_text_color #A8A8A8; + +@define-color content_view_bg #{"" + $base_color}; + +//WM +$wm_highlight: lighten(opacify($header_bg, 1), 3%); +$wm_bg_unfocused: opacify($header_bg_backdrop, 1); + +@define-color wm_title gtkalpha(#{"" + opacify($header_fg, 1)}, 0.8); +@define-color wm_unfocused_title gtkalpha(#{"" + opacify($header_fg, 1)}, 0.5); + +@define-color wm_bg #{"" + opacify($header_bg, 1)}; +@define-color wm_bg_unfocused #{"" + $wm_bg_unfocused}; + +@define-color wm_highlight #{"" + $wm_highlight}; +@define-color wm_shadow gtkalpha(#{black}, 0.35); + +//WM Buttons + +// Close +@define-color wm_button_close_bg #{"" + $wm_button_close_bg}; +@define-color wm_button_close_hover_bg #{"" + $wm_button_close_hover_bg}; +@define-color wm_button_close_active_bg #{"" + $wm_button_close_active_bg}; + +@define-color wm_icon_close_bg #{"" + $wm_icon_close_bg}; + +// Minimize, Maximize +@define-color wm_button_hover_bg #{"" + $wm_button_hover_bg}; +@define-color wm_button_active_bg #{"" + $wm_button_active_bg}; + +@define-color wm_button_hover_border #{"" + $wm_button_hover_border}; + +@define-color wm_icon_bg #{"" + $wm_icon_bg}; +@define-color wm_icon_unfocused_bg #{"" + $wm_icon_unfocused_bg}; +@define-color wm_icon_hover_bg #{"" + $wm_icon_hover_bg}; +@define-color wm_icon_active_bg #{"" + $wm_icon_active_bg}; + diff --git a/common/gtk-3.0/3.20/sass/_colors.scss b/common/gtk-3.0/3.20/sass/_colors.scss new file mode 100644 index 0000000..47daa0f --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_colors.scss @@ -0,0 +1,94 @@ +// When color definition differs for dark and light variant, +// it gets @if ed depending on $variant + + +$base_color: if($variant =='light', #ffffff, #404552); +$text_color: if($variant == 'light', #5c616c, #D3DAE3); +$bg_color: if($variant =='light', #F5F6F7, #383C4A); +$fg_color: if($variant =='light', #5c616c, #D3DAE3); + +$selected_fg_color: #ffffff; +$selected_bg_color: #5294E2; +$selected_borders_color: darken($selected_bg_color, 20%); +$borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,6%)); + +$link_color: if($variant == 'light', darken($selected_bg_color,10%), + lighten($selected_bg_color,20%)); +$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%), + lighten($selected_bg_color,10%)); + +$selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color); +$warning_color: #F27835; +$error_color: #FC4138; +$success_color: #73d216; +$destructive_color: #F04A50; +$suggested_color: #4DADD4; + +//insensitive state derived colors +$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); +$insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); + +$header_bg: red; +@if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); } +@if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; } +@if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343f, 0.03); } +@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343f; } + +$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%)); + +$header_border: if($variant == 'light' and $darker=='false', darken($header_bg, 7%), darken($header_bg, 4%)); + +$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%)); +$header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg); + +$dark_sidebar_bg: if($transparency == 'true', transparentize(#353945, 0.05), #353945); +$dark_sidebar_fg: #BAC3CF; +$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 5%)); + +$osd_fg_color: $dark_sidebar_fg; +$osd_bg_color: $dark_sidebar_bg; + +$osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); +$osd_button_border: transparentize(darken($osd_bg_color, 12%), 0.6); + +$osd_entry_bg: transparentize(lighten($osd_bg_color, 22%), 0.6); +$osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6); + +$osd_insensitive_bg_color: darken($osd_bg_color, 3%); +$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%); +$osd_borders_color: transparentize(black, 0.3); + +$panel_bg: darken($dark_sidebar_bg, 4.7%); +$panel_fg: $dark_sidebar_fg; + +$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%)); +$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%)); + +$header_entry_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($base_color, 0.1)); +$header_entry_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); + +$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%)); +$button_border: $entry_border; + +$header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(lighten($header_bg, 22%), 0.6), transparentize($button_bg, 0.1)); +$header_button_border: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 12%), 0.6), transparentize($header_fg, 0.7)); + +//WM Buttons + +// Close +$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f46067, #cc575d); +$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f68086, #d7787d); +$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #f13039, #be3841); + +$wm_icon_close_bg: if($variant == 'light' and $darker == 'false',#F8F8F9 , #2f343f); + +// Minimize, Maximize +$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #454C5C); +$wm_button_active_bg: $selected_bg_color; + +$wm_button_hover_border: if($variant == 'light' and $darker == 'false', #D1D3DA, #262932); + +$wm_icon_bg: if($variant == 'light' and $darker == 'false', #90949E, #90939B); +$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #B6B8C0, #666A74); +$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #7A7F8B, #C4C7CC); +$wm_icon_active_bg: $selected_fg_color; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss new file mode 100644 index 0000000..a39faee --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -0,0 +1,3129 @@ +@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', ''); // use dark assets in dark variant +$darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: $error_color; + + -GtkScrolledWindow-scrollbar-spacing: 0; + + -GtkToolItemGroup-expander-size: 11; + -GtkTreeView-expander-size: 11; + + -GtkTreeView-horizontal-separator: 4; + + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + + // We use the outline properties to signal the focus properties + outline-color: transparentize($fg_color, 0.7); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 2px; +} + + +// +// Base States +// +.background { + color: $fg_color; + background-color: if($transparency == 'true', transparentize($bg_color, 0.001), $bg_color); // without this headerbar transparency doesn't seem to work +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: $bg_color; + color: $fg_color; + &:hover { + background-color: lighten($bg_color, 10%); + color: $fg_color; + } + &:active { + background-color: darken($bg_color, 10%); + color: $fg_color; + } + &:disabled { + background-color: $insensitive_bg_color; + color: $insensitive_fg_color; + } + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +.view, +textview text { + color: $text_color; + background-color: $base_color; + + &:selected, + selection, + selection:focus, + selection:hover { + @extend %selected_items; + } + &.dim-label { + color: transparentize($text_color, 0.45); + + selection, selection:focus { + color: transparentize($selected_fg_color, 0.35); + text-shadow: none; + } + } +} + +iconview { + color: $text_color; + background-color: $base_color; + + &:selected, + &:selected:focus { + border-radius: 3px; + @extend %selected_items; + } +} + +rubberband, +.rubberband { + border: 1px solid darken($selected_bg_color, 10%); + background-color: transparentize(darken($selected_bg_color, 10%), 0.8); +} + +flowbox { + rubberband { @extend rubberband } + + flowboxchild { + padding: 3px; + border-radius: 2px; + + &:selected { + outline-offset: -2px; + + @extend %selected_items + } + } +} + +label { + &.separator { + color: $fg_color; + @extend .dim-label; + } + &:selected, + selection, + selection:focus, + selection:hover { + @extend %selected_items; + } + &:disabled { + color: $insensitive_fg_color; + } +} + +.dim-label { + opacity: 0.55; +} + +assistant { + .sidebar { + background-color: $base_color; + border-top: 1px solid $borders_color; + &:dir(ltr) { border-right: 1px solid $borders_color; } + &:dir(rtl) { border-left: 1px solid $borders_color; } + } + &.csd .sidebar { border-top-style: none; } + .sidebar label { + padding: 6px 12px; + } + .sidebar label.highlight { + background-color: $selected_bg_color; + color: $selected_fg_color; + } +} + +textview { // This will get overridden by .view, needed by gedit line numbers + background-color: mix($bg_color, $base_color, 50%); +} + +%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); + box-shadow: none; +} + +// +// Spinner Animations +// +@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; + } + } +} + +// +// Text Entries +// +entry { + min-height: 26px; + border: 1px solid; + padding-left: 8px; + padding-right: 8px; + + border-radius: 3px; + transition: all 200ms $ease-out-quad; + + &.search { border-radius: 20px; } + + @include entry(normal); + + image { // icons inside the entry + color: mix($fg_color,$base_color,80%); + + &.left { padding-left: 0; padding-right: 5px; } + &.right { padding-right: 0; padding-left: 5px; } + } + + &.flat, &.flat:focus { + @include entry(normal); + padding-left: 2px; + padding-right: 2px; + border: none; + border-radius: 0; + } + + &:focus { + background-clip: border-box; + @include entry(focus); + } + + &:disabled { @include entry(insensitive); } + + selection, + selection:focus { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + + progress { + margin: 2px 12px; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + } + + @each $e_type, $e_color in (warning, $warning_color), + (error, $error_color) { + &.#{$e_type} { + color: $selected_fg_color; + border-color: if($variant=='light', $e_color, $entry_border); + background-image: linear-gradient(to bottom, mix($e_color, $base_color, 60%)); + + &:focus { + color: $selected_fg_color; + background-image: linear-gradient(to bottom, $e_color); + box-shadow: none; + } + selection, selection:focus { + background-color: $selected_fg_color; + color: $e_color; + } + } + } + + .osd & { + @include entry(osd); + &:focus { @include entry(osd-focus); } + &:disabled { @include entry(osd-insensitive); } + } +} + +// +// Buttons +// +// stuff for .needs-attention +$_dot_color: $selected_bg_color; + +@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_transition: all 200ms $ease-out-quad; + + min-height: 26px; + min-width: 20px; + transition: $_button_transition; + border: 1px solid; + border-radius: 3px; + padding: 0 6px; + + @include button(normal); + + separator { margin: 4px 1px; } + + &.flat { + @include button(undecorated); + background-color: transparentize($button_bg, 1); + border-color: transparentize($button_border, 1); + // 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: 350ms; + &:active { transition: $_button_transition; } + } + } + &:hover { + @include button(hover); + -gtk-icon-effect: highlight; + } + &:active, &:checked { + background-clip: if($variant=='light', border-box, padding-box); + @include button(active); + transition-duration: 50ms; + } + + //Webkitgtk workaround start + &:active { color: $fg_color; } + &:active:hover, &:checked { color: $selected_fg_color; } + //Webkitgtk workaround end + + &.flat:disabled { + @include button(undecorated); + } + &:disabled { + @include button(insensitive); + &:active, &:checked { + @include button(insensitive-active); + } + } + // big standalone buttons like in Documents pager + &.osd { + color: $osd_fg_color; + outline-color: transparentize($osd_fg_color, 0.7); + background-color: $osd_bg_color; + border-color: darken($osd_bg_color, 8%); + + &.image-button { + min-height: 48px; + min-width: 48px; + } + + &:hover { color: $selected_bg_color; } + &:active, &:checked { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } + } + + //overlay / OSD style + .osd & { + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { + background-clip: padding-box; + @include button(osd-active); + } + &:disabled { @include button(osd-insensitive); } + + &.flat { + @include button(undecorated); + box-shadow: none; + &:hover { @include button(osd-hover); } + &:disabled { + @include button(osd-insensitive); + background-image: none; + } + &:active, &:checked { @include button(osd-active); } + } + } + // Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + &.#{$b_type} { + @include button(suggested_destructive, $b_color); + + &.flat { + @include button(undecorated); + color: $b_color; + outline-color: transparentize($b_color, 0.7); + } + &:hover { + @include button(suggested_destructive, lighten($b_color, 10%)); + } + &:active, &:checked { + @include button(suggested_destructive, darken($b_color, 10%)); + } + &.flat:disabled { + @include button(undecorated); + color: $insensitive_fg_color; + } + &:disabled { @include button(insensitive); } + } + } + + &.text-button { + padding-left: 16px; + padding-right: 16px; + } + + &.text-button.image-button { + // those buttons needs uneven horizontal padding, we want the icon side + // to have the image-button padding, while the text side the text-button + // one, so we're adding the missing padding to the label depending on + // its position inside the button + label:first-child { padding-left: 8px; } + label:last-child { padding-right: 8px; } + } + + .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 overridden by GtkRadioButton outline-offset + + > label { + padding-left: 6px; // label padding + padding-right: 6px; // + } + > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; + } + &.text-button { + padding-left: 10px; + padding-right: 10px; + } + &.image-button { + padding-left: 2px; + padding-right: 2px; + } + + &.needs-attention > label, + &.needs-attention > image { @extend %needs_attention; } + &.needs-attention:active > label, + &.needs-attention:active > image, + &.needs-attention:checked > label, + &.needs-attention:checked > image { + animation: none; + background-image: none; + } + } + + %needs_attention { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, + center center, 0, + center center, 0.5, + to($_dot_color), + 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; } + &:dir(rtl) { + @if $variant == 'light' { background-position: left 3px, left 4px; } + @else { background-position: left 3px, left 2px; } + } + } + + //inline-toolbar buttons + .inline-toolbar &, .inline-toolbar &:backdrop { + border-radius: 2px; + border-width: 1px; + @extend %linked; + } + + .linked:not(.vertical) > &, + .linked:not(.vertical) > &:hover, + .linked:not(.vertical) > &:active, + .linked:not(.vertical) > &:checked { + @extend %linked; + @extend %linked_button; + } + + .linked.vertical > &, + .linked.vertical > &:hover, + .linked.vertical > &:active, + .linked.vertical > &:checked { + @extend %linked_vertical; + @extend %linked_vertical_button; + } +} + +// 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(normal); + &:hover { @include button(hover); } + &:active, + &:checked{ @include button(active); } + &:disabled { @include button(insensitive); } + &:disabled:active, + &:disabled:checked { @include button(insensitive-active); } +} + +// More inline toolbar buttons +toolbar.inline-toolbar toolbutton { + & > button.flat { @extend %linked_middle; } + &:first-child > button.flat { @extend %linked:first-child; } + &:last-child > button.flat { @extend %linked:last-child; } + &:only-child > button.flat { @extend %linked:only-child; } +} + +// Some crazy linking stuff + +// horizontal +.linked:not(.vertical):not(.pathbar) { + > entry { @extend %linked; } + + + > entry + entry { border-left-color: transparentize($entry_border, 0.7); } + + > entry.error + entry, + > entry + entry.error { border-left-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7)); } + + > entry.warning + entry, + > entry + entry.warning { border-left-color: if($variant=='light', $warning_color, transparentize($entry_border, 0.7)); } + + > entry.error + entry.warning { border-left-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7));} + + + > entry + entry:focus:not(:last-child), + > entry + entry:focus:last-child { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry + entry.warning:focus:not(:last-child), + > entry + entry.warning:focus:last-child { border-left-color: if($variant=='light', $warning_color, $entry_border); } + + > entry + entry.error:focus:not(:last-child), + > entry + entry.error:focus:last-child { border-left-color: if($variant=='light', $error_color, $entry_border); } + + + > entry + button, + > entry + button:hover, + > entry + button:active, + > entry + button:checked, + > entry + button:disabled { border-left-style: solid; } + + + > entry:focus:not(:only-child) + entry, + > entry:focus:not(:only-child) + button, + > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry.warning:focus:not(:only-child) + entry, + > entry.warning:focus:not(:only-child) + button, + > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $warning_color, $entry_border); } + + > entry.error:focus:not(:only-child) + entry, + > entry.error:focus:not(:only-child) + button, + > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $error_color, $entry_border); } + + + > button:hover:not(:checked):not(:active):not(:only-child), + > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: -1px 0 $button_border; } + > button:first-child:hover:not(:checked):not(:active) { box-shadow: none; } + > button:checked + button:not(:checked):not(:active):hover { box-shadow: none; } + > button:checked + entry { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } + > entry + button:not(:checked):not(:active):hover { box-shadow: none; } +} + +// special case for path-bars +.linked:not(.vertical).path-bar { + +$_linked_separator_color: if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5)); + + > button:hover:not(:checked):not(:active):not(:only-child) { + + &:hover { + box-shadow: inset 1px 0 $_linked_separator_color, + inset -1px 0 $_linked_separator_color; + } + &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; } + &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; } + } +} + +// vertical +.linked.vertical { + > entry { @extend %linked_vertical; } + + + > entry + entry { border-top-color: transparentize($entry_border, 0.7); } + + > entry.error + entry, + > entry + entry.error { border-top-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7)); } + + > entry.warning + entry, + > entry + entry.warning { border-top-color: if($variant=='light', $warning_color, transparentize($entry_border, 0.7)); } + + > entry.error + entry.warning { border-top-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7));} + + + > entry + entry:focus:not(:last-child), + > entry + entry:focus:last-child { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry + entry.warning:focus:not(:last-child), + > entry + entry.warning:focus:last-child { border-top-color: if($variant=='light', $warning_color, $entry_border); } + + > entry + entry.error:focus:not(:last-child), + > entry + entry.error:focus:last-child { border-top-color: if($variant=='light', $error_color, $entry_border); } + + + > entry + button, + > entry + button:hover, + > entry + button:active, + > entry + button:checked, + > entry + button:disabled { border-top-style: solid; } + + + > entry:focus:not(:only-child) + entry, + > entry:focus:not(:only-child) + button, + > entry:focus:not(:only-child) + combobox > button.combo { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry.warning:focus:not(:only-child) + entry, + > entry.warning:focus:not(:only-child) + button, + > entry.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: if($variant=='light', $warning_color, $entry_border); } + + > entry.error:focus:not(:only-child) + entry, + > entry.error:focus:not(:only-child) + button, + > entry.error:focus:not(:only-child) + combobox > button.combo { border-top-color: if($variant=='light', $error_color, $entry_border); } + + + > button:hover:not(:checked):not(:active):not(:only-child), + > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: 0 -1px $button_border; } + > button:first-child:hover:not(:checked):not(:active) { box-shadow: none; } + > button:checked + button:not(:checked):not(:active):hover { box-shadow: none; } + > button:checked + entry { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } + > entry + button:not(:checked):not(:active):hover { box-shadow: none; } +} + +%linked_middle { + border-radius: 0; + border-right-style: none; +} + +%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-radius: 0; + border-bottom-style: none; +} + +%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-bottom-style: solid; + } + &:only-child { + border-radius: 3px; + border-style: solid; + } +} + +%linked_button { + border-left-style: none; + &:first-child { border-left-style: solid; } +} + +%linked_vertical_button { + border-top-style: none; + &:first-child { border-top-style: solid; } +} + +%undecorated_button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +// menu buttons +menuitem.button.flat, +modelbutton.flat { + transition: none; + min-height: 22px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -2px; + border-radius: 2px; + + @extend %undecorated_button; + + &:hover { background-color: if($variant=='light', mix($fg_color,$bg_color,5%), mix($fg_color,$bg_color,10%)); } + &:active, &:selected { @extend %selected_items; } + &:checked { color: $fg_color; } + + // FIXME: temporary workaround + check:last-child, + radio:last-child { margin-left: 8px; } + + check:first-child, + radio:first-child { margin-right: 8px; } +} + +modelbutton.flat arrow { + &, &:hover { background: none; } + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } +} + +// +// 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%); } + } + &:selected, *:selected & { + color: mix($selected_fg_color, $selected_bg_color, 80%); + } +} + +button:link, button:visited { + @extend %undecorated_button; + @extend *:link; + &:hover, &:active, &:checked { + @extend %undecorated_button; + } + > label { text-decoration-line: underline; } +} + +// +// Spinbuttons +// +spinbutton { + @extend entry; + &:not(.vertical) { + button { + background-image: none; + border: 1px solid transparentize($borders_color,0.4); + border-style: none none none solid; + color: mix($fg_color,$base_color,95%); + border-radius: 0; + box-shadow: none; + // padding-left: 6px; + // padding-right: 6px; + &:dir(rtl) { border-style: none solid none none; } + + &:disabled { + color: $insensitive_fg_color; + } + &:active { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + } + +// .osd & { +// 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; +// &: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); +// box-shadow: none; +// } +// &:disabled { +// @include button(undecorated); +// color: $osd_insensitive_fg_color; +// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); +// box-shadow: none; +// } +// &:last-child { border-radius: 0 2px 2px 0; } +// &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } +// } +// } + + &.vertical { + border-radius: 0; + padding-left: 5px; + padding-right: 5px; + button { + &:first-child { + @extend %top_button; + @include button(normal); + &:active { + @extend %top_button; + @include button(active); + } + &:hover { + @extend %top_button; + @include button(hover); + } + &:disabled { + @extend %top_button; + @include button(insensitive); + } + } + &:last-child { + @extend %bottom_button; + @include button(normal); + &:active { + @extend %bottom_button; + @include button(active); + } + &:hover { + @extend %bottom_button; + @include button(hover); + } + &:disabled { + @extend %bottom_button; + @include button(insensitive); + } + } + } + %top_button { + border-radius: 2px 2px 0 0; + border-style: solid solid none solid; + } + %bottom_button { + border-radius: 0 0 2px 2px; + border-style: none solid solid solid; + } + } + treeview & { + entry, entry:focus { + padding: 1px; + border-width: 1px 0; + border-color: $selected_bg_color; + border-radius: 0; + box-shadow: none; + } + } +} + +// +// Comboboxes +// +combobox { + + > button.combo { + padding-left: 8px; + padding-right: 8px; + } + + &:disabled { + color: $insensitive_fg_color; + } + arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + min-height: 16px; + min-width: 16px; + } + > entry.combo { + &:dir(ltr) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right-style: none; + + @if $variant=='light' { &:focus { box-shadow: 1px 0 $selected_bg_color; } } + } + &:dir(rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-style: none; + + @if $variant=='light' { &:focus { box-shadow: -1px 0 $selected_bg_color; } } + } + } + > button.combo:not(:only-child) { + &:dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + &:dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + } +} + +.linked > combobox > button.combo { + // the combo is a composite widget so the way we do button linkind 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 > combobox:first-child > button.combo { + @extend %linked:first-child; +} +.linked > combobox:last-child > button.combo { + @extend %linked:last-child; +} +.linked > combobox:only-child > button.combo { + @extend %linked:only-child; +} + +.linked.vertical > combobox > button.combo { @extend %linked_vertical_middle; } +.linked.vertical > combobox:first-child > button.combo { @extend %linked_vertical:first-child; } +.linked.vertical > combobox:last-child > button.combo { @extend %linked_vertical:last-child; } +.linked.vertical > combobox:only-child > button.combo { @extend %linked_vertical:only-child; } + +// +// Toolbars +// +toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: $bg_color; + + separator { background: none; } + &.horizontal separator { margin: 0 6px; } + &.vertical separator { margin: 6px 0; } + + .osd &, &.osd { + padding: 7px; + border: 1px solid transparentize(black, 0.5); + border-radius: 3px; + background-color: transparentize($osd_bg_color, 0.1); + } +} + +.primary-toolbar { + color: $header_fg; + background-color: opacify($header_bg, 1); + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, opacify($header_bg, 1), + darken($header_bg, 7%)) 1 0 1 0; //temporary hack for rhythmbox 3.1 + + //&:backdrop { background-color: opacify($header_bg_backdrop, 1); } + + separator { @extend %header_separator; } + + @extend %header_widgets; +} + +.inline-toolbar { + @extend toolbar; + background-color: darken($bg_color, 3%); + border-style: solid; + border-color: $borders_color; + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 3px 3px; +} + +searchbar { + background-color: $bg_color; + border-style: solid; + border-color: $borders_color; + border-width: 0 0 1px; + padding: 3px; +} + +actionbar { + padding: 6px; + border-top: 1px solid $borders_color; + background-color: darken($bg_color, 3%); +} + +// +// Headerbars +// +headerbar { + min-height: 42px; + padding: 0 5px; + + border-width: 0 0 1px; + border-style: solid; + border-radius: 0; + border-color: opacify($header_border, 1); + + color: $header_fg; + background-color: opacify($header_bg, 1); + + .csd & { // Transparent header-bars only in csd windows + background-color: $header_bg; + border-color: $header_border; + } + + &:backdrop { color: transparentize($header_fg, 0.3); } + + .title { + padding-left: 12px; + padding-right: 12px; + } + + .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; + @extend .dim-label; + } + + // Selectionmode + &.selection-mode, + &.titlebar.selection-mode { + color: $selected_fg_color; + background-color: $selection_mode_bg; + border-color: darken($selection_mode_bg, 4%); + box-shadow: none; + + &:backdrop { + background-color: $selection_mode_bg; + color: transparentize($selected_fg_color, 0.4); + } + + .subtitle:link { @extend *:link:selected; } + + button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 1); + + &.flat { + @include button(undecorated); + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + } + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 0.95); + border-color: transparentize($selected_fg_color, 0.5); + } + &:active, &:checked { + color: $selection_mode_bg; + outline-color: transparentize($selection_mode_bg, 0.7); + background-color: $selected_fg_color; + border-color: $selected_fg_color; + } + &:disabled { + color: transparentize($selected_fg_color, 0.6); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 1); + + &:active, &:checked { + color: transparentize($selection_mode_bg, 0.6); + background-color: transparentize($selected_fg_color, 0.85); + border-color: transparentize($selected_fg_color, 0.85); + } + } + } + + .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; + GtkArrow { -GtkArrow-arrow-scaling: 1; } + .arrow { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + .maximized & { background-color: opacify($selection_mode_bg, 1); } + } + + .tiled &, .tiled &:backdrop, + .maximized &, .maximized &:backdrop { + border-radius: 0; // squared corners when the window is max'd or tiled + } + + .maximized & { + background-color: opacify($header_bg, 1); + border-color: opacify($header_border, 1); + } + + &.default-decoration, + .csd &.default-decoration, // needed under wayland, since all gtk3 windows are csd windows + &.default-decoration:backdrop, + .csd &.default-decoration:backdrop { + padding-top: 5px; + padding-bottom: 5px; + background-color: opacify($header_bg, 1); + border-bottom-width: 0; + + .maximized & { background-color: opacify($header_bg, 1); } + } +} + +.titlebar { + padding: 0 7px; + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + color: $header_fg; + background-color: opacify($header_bg, 1); + box-shadow: inset 0 1px lighten($header_bg, 3%); + + .csd & { background-color: $header_bg; } + + &:backdrop { + color: transparentize($header_fg, 0.3); + background-color: opacify($header_bg_backdrop, 1); + + .csd & { background-color: $header_bg_backdrop; } + } + + .maximized & { + background-color: opacify($header_bg, 1); + + &:backdrop, .csd &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + } + + // Fixes double backgrounds on paned headerbars + &:not(headerbar) { + window > &, + window.csd > & { + padding: 0; + border: none; + background: none; + } + } + // Separator in Gnome Tweak Tool + separator { background-color: $header_border; } + +} + +// Only extending headerbar avoids some problems (Gnome Documents searchbar) +headerbar { + separator.titlebutton { @extend %header_separator; } + + @extend %header_widgets; +} + +%header_separator { + min-width: 1px; + min-height: 1px; + background: none; + border-width: 0 1px; + border-image: linear-gradient(to bottom, + transparentize($header_fg, 1) 25%, + transparentize($header_fg, 0.65) 25%, + transparentize($header_fg, 0.65) 75%, + transparentize($header_fg, 1) 75%) 0 1/0 1px stretch; + + &:backdrop { opacity: 0.6; } +} + +%header_widgets { + + entry, button, separator { + margin-top: 6px; + margin-bottom: 6px; + } + + // Headerbar Entries + entry, spinbutton { + @include entry(header-normal); + + &:backdrop { opacity: 0.85; } + + &:focus { + @include entry(header-focus); + background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); + + image { color: $selected_fg_color; } + } + &:disabled { @include entry(header-insensitive); } + + selection:focus { + background-color: $selected_fg_color; + color: $selected_bg_color; + } + + progress { + border-color: $selected_bg_color; + background-image: none; + background-color: transparent; + } + + @each $e_type, $e_color in (warning, $warning_color), + (error, $error_color) { + &.#{$e_type} { + color: $selected_fg_color; + border-color: if($darker=='false' and $variant=='light', $e_color, $header_entry_border); + background-image: linear-gradient(to bottom, mix($e_color, $header_bg, 60%)); + + &:focus { + color: $selected_fg_color; + background-image: linear-gradient(to bottom, $e_color); + } + selection, selection:focus { + background-color: $selected_fg_color; + color: $e_color; + } + } + } + } + + // Headerbar Buttons + button { + + @include button(header-normal); + + &:backdrop { opacity: 0.7; } + + &:hover { @include button(header-hover); } + &:active, &:checked { + @include button(header-active); + background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); + } + &:disabled { @include button(header-insensitive); } + &:disabled:active, &:disabled:checked { @include button(header-insensitive-active); } + } + + // Linking stuff + .linked:not(.vertical):not(.path-bar) > button, + .linked:not(.vertical):not(.path-bar) > button:hover, + .linked:not(.vertical):not(.path-bar) > button:active, + .linked:not(.vertical):not(.path-bar) > button:checked, + .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 3px; + border-style: solid; + + } + .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), + .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), + .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } + + // special case for path-bars and stack-switchers + .linked:not(.vertical):not(.path-bar).stack-switcher > button, + .linked:not(.vertical).path-bar > button { + + @include button(header-hover); + + &:hover { background-color: lighten($header_button_bg, 15%); } + &:active, &:checked { @include button(header-active); } + &:disabled { color: transparentize($header_fg, 0.4); } + } + + .linked:not(.vertical):not(.path-bar).stack-switcher > button, + .linked:not(.vertical).path-bar > button, + .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, + .linked:not(.vertical).path-bar > button:hover, + .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, + .linked:not(.vertical).path-bar > button:active, + .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, + .linked:not(.vertical).path-bar > button:checked, + .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, + .linked:not(.vertical).path-bar > button:disabled { + @extend %linked; + @extend %linked_button; + } + + .linked:not(.vertical).path-bar, + .linked:not(.vertical):not(.path-bar).stack-switcher { + + $_linked_separator_color: $header_button_border; + + > button:hover:not(:checked):not(:active):not(:only-child) { + + &:hover { + box-shadow: inset 1px 0 $_linked_separator_color, + inset -1px 0 $_linked_separator_color; + } + &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; } + &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; } + } + } + + .linked:not(.vertical):not(.pathbar) { + + > entry + entry { border-left-color: transparentize($header_entry_border, 0.5); } + + > entry.error + entry, + > entry + entry.error { border-left-color: if($variant=='light', $error_color, transparentize($header_entry_border, 0.5)); } + + > entry.warning + entry, + > entry + entry.warning { border-left-color: if($variant=='light', $warning_color, transparentize($header_entry_border, 0.5)); } + + > entry.error + entry.warning { border-left-color: if($variant=='light', $error_color, transparentize($header_entry_border, 0.5));} + + + > entry + entry:focus:not(:last-child), + > entry + entry:focus:last-child { border-left-color: if($darker=='false' and $variant=='light', $selected_bg_color, $header_entry_border); } + + > entry + entry.warning:focus:not(:last-child), + > entry + entry.warning:focus:last-child { border-left-color: if($variant=='light', $warning_color, $header_entry_border); } + + > entry + entry.error:focus:not(:last-child), + > entry + entry.error:focus:last-child { border-left-color: if($variant=='light', $error_color, $header_entry_border); } + + + > entry:focus:not(:only-child) + entry, + > entry:focus:not(:only-child) + button, + > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: if($darker=='false' and $variant=='light', $selected_bg_color, $header_entry_border); } + + > entry.warning:focus:not(:only-child) + entry, + > entry.warning:focus:not(:only-child) + button, + > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $warning_color, $header_entry_border); } + + > entry.error:focus:not(:only-child) + entry, + > entry.error:focus:not(:only-child) + button, + > entry.error:focus:not(:only-child) + button.combo > button.combo { border-left-color: if($variant=='light', $error_color, $header_entry_border); } + + } + + // Headerbar Suggested and Destructive Action buttons + @each $b_type, $b_color in (suggested-action, $suggested_color), + (destructive-action, $destructive_color) { + button.#{$b_type} { + @include button(suggested_destructive, $b_color); + + &.flat { + @include button(undecorated); + color: $b_color; + outline-color: transparentize($b_color, 0.7); + } + &:hover { + @include button(suggested_destructive, lighten($b_color, 10%)); + } + &:active, &:checked { + @include button(suggested_destructive, darken($b_color, 10%)); + } + &.flat:disabled, + &:disabled { @include button(header-insensitive); } + } + button.#{$b_type}:backdrop, + button.#{$b_type}:backdrop { + opacity: 0.8; + } + } + + // Headerbar Spinbuttons + spinbutton { + + &:focus button { + color: $selected_fg_color; + + &:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; } + &:disabled { color: transparentize($selected_fg_color, 0.6); } + } + button { + color: $header_fg; + + &:hover { background-color: transparentize($header_fg, 0.75); border-color: transparent; } + &:disabled { color: transparentize($header_fg, 0.3); } + &:active { background-color: rgba(0,0,0,0.1); } + } + } + + // Headerbar ComboBoxes + combobox { + &:disabled { color: transparentize($header_fg, 0.6); } + + &.combobox-entry button { + @include entry(header-normal); + + &:hover { @include entry(header-focus); box-shadow: none; } + &:disabled { @include entry(header-insensitive); } + } + &.combobox-entry entry { + &:dir(ltr) { + border-right-style: none; + + &:focus { box-shadow: none; } + @if $variant=='light' and $darker=='false' { &:focus { box-shadow: 1px 0 $selected_bg_color; } } + } + &:dir(rtl) { + border-left-style: none; + + &:focus { box-shadow: none; } + @if $variant=='light' and $darker=='false' { &:focus { box-shadow: -1px 0 $selected_bg_color; } } + } + } + + } + + // Headerbar Switches + switch { + &:backdrop { opacity: 0.75; } + } + + progressbar { + trough { background-color: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); } + + &:backdrop { opacity: 0.75; } + } + + // Headerbar Scale + scale { + $_trough_bg: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.05), $header_button_border); + + &:backdrop { opacity: 0.75; } + + slider { + $_slider_border: if($variant=='light' and $darker=='false', opacify($header_button_border, 0.2), opacify($header_button_border, 0.3)); + $_slider_bg: if($variant=='light' and $darker=='false', opacify($header_button_bg,1), lighten(opacify($header_bg,1), 10%)); + + background-image: linear-gradient(to bottom, $_slider_bg); + border-color: $_slider_border; + + &:hover { + background-image: linear-gradient(to bottom, lighten($_slider_bg, 5%)); + border-color: $_slider_border; + } + &:active { + background-image: linear-gradient(to bottom, $selected_bg_color); + border-color: $selected_bg_color; + } + &:disabled { + background-image: linear-gradient(to bottom, mix($_slider_bg, $header_bg, 70%)); + border-color: $_slider_border; + } + } + trough { + background-image: linear-gradient(to bottom, $_trough_bg); + + &:disabled { background-image: linear-gradient(to bottom, if($variant=='light' and $darker=='false', transparentize($_trough_bg, 0.05), transparentize($_trough_bg, 0.1))); } + } + } +} + +// +// Pathbars +// +.path-bar button { + + &:first-child { padding-left: 10px; } + &:last-child { padding-right: 10px; } + &:only-child { + padding-left: 10px; + padding-right: 10px; + } + + // the following is for spacing the icon and the label inside the home button + label:last-child { padding-left: 4px; } + label:first-child { padding-right: 4px; } + label:only-child, label { padding-right: 0; padding-left: 0; } +} + +// +// Tree Views +// +treeview.view { + + -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: transparentize($fg_color, 0.85); // this is actually the tree lines color, + border-top-color: transparentize(black, 0.9); // while this is the grid lines color, better then nothing + + rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props + + &:selected { + border-radius: 0; + border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); + border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly + + @extend %selected_items; + } + + &:disabled { + color: $insensitive_fg_color; + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 40%); + } + } + + &.separator { min-height: 2px; } + + &.dnd { + border-style: solid none; + border-width: 1px; + border-color: mix($fg_color, $selected_bg_color, 50%); + } + + &.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, 50%); + + &:hover { color: $fg_color; } + + &:selected { + color: mix($selected_fg_color, $selected_bg_color, 70%); + &:hover { color: $selected_fg_color; } + } + + &:checked { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + } + + &.progressbar { // progress bar in treeviews + color: $selected_fg_color; + border-radius: 3px; + background-image: linear-gradient(to bottom, $selected_bg_color); + + &:selected { + color: $selected_bg_color; + box-shadow: none; + background-image: linear-gradient(to bottom, $selected_fg_color); + } + } + &.trough, &.trough:selected { // progress bar trough in treeviews + color: $fg_color; + background-image: linear-gradient(to bottom, $button_border); + border-radius: 3px; + border-width: 0; + } + + header { + button { + @extend %column_header_button; + $_column_header_color: mix($fg_color,$base_color,80%); + color: $_column_header_color; + background-color: $base_color; + font-weight: bold; + &:hover { + @extend %column_header_button; + color: $selected_bg_color; + 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 + } + &.dnd { + @extend header.button.dnd; + } + } + button:last-child, + button:last-child:hover, + button:last-child:active { //treeview-like derived widgets in Banshee and Evolution + border-right-style: none; + border-image: none; + } + } + header.button.dnd { // for treeview-like derive widgets + transition: none; + color: $selected_bg_color; + box-shadow: inset 1px 1px 0 1px $selected_bg_color, + inset -1px 0 0 1px $selected_bg_color, + inset 1px 1px $base_color, inset -1px 0 $base_color;; + &:active { @extend header.button.dnd; } + &:selected { @extend header.button.dnd; } + &:hover { @extend header.button.dnd; } + } +} + +%column_header_button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, + transparentize(if($variant == 'light', black, white), 1) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 80%, + transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; + + &:active, &:hover { background-color: $base_color; } + &:active:hover { color: $fg_color; } + &:disabled { + border-color: $bg_color; + background-image: none; + } +} + +// +// Menus +// +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: opacify($header_bg, 1); + color: $header_fg; + + &:backdrop { + color: transparentize($header_fg, 0.3); + //background-color: opacify($header_bg_backdrop, 1); + } + + & > menuitem { + padding: 6px 8px; + border: solid transparent; + border-width: 0; + + &:hover { //Seems like it :hover even with keyboard focus + background-color: $selected_bg_color; + color: $selected_fg_color; + } + &:disabled { + color: transparentize($header_fg, 0.6); + border-color: transparent; + } + } +} + +menu, +.menu { + $_menu_bg: if($variant=='light', $base_color, $bg_color); + margin: 4px; + padding: 0; + border-radius: 0; + background-color: $_menu_bg; + border: 1px solid $borders_color; + + .csd & { + padding: 4px 0px; + border-radius: 2px; + border: none; + } + + separator, + .csd & separator { + min-height: 10px; + background-color: $_menu_bg; + } + + menuitem { + padding: 4px; + min-width: 40px; + border: solid transparent; + border-width: 1px 0 1px 0; + &:hover { + color: $fg_color; + background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); + border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); + border-width: 1px 0 1px 0; + } + &:disabled { + color: $insensitive_fg_color; + } + + //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; + } + } + @at-root 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; } + } + } + } + arrow { // overflow buttons + @extend %undecorated_button; + border-style: none; + border-radius: 0; + min-width: 16px; + min-height: 16px; + + &.top { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + border-bottom: 1px solid mix($fg_color, $base_color, 10%); + } + &.bottom { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + border-top: 1px solid mix($fg_color, $base_color, 10%); + } + &:hover { background-color: mix($fg_color, $base_color, 10%); } + &:disabled { + color: transparent; + background-color: transparent; + border-color: transparent ; + } + } +} + +// +// Popovers +// +popover, +popover.background { + $_popover_bg: if($variant=='light', $base_color, $bg_color); + padding: 2px; + border-radius: 3px; + background-clip: border-box; + background-color: $_popover_bg; + + box-shadow: 0 2px 6px 1px if($variant=='light', transparentize(black, 0.93), transparentize(black, 0.65)); + + .csd &, & { border: 1px solid darken($borders_color, 5%); } + + & separator { background-color: $_popover_bg; } + label.separator { @extend label.separator; } // Noice + + > list, + > .view, + > toolbar, + &.osd > toolbar { + border-style: none; + background-color: transparent; + } + &.osd, &.magnifier { @extend %osd; } + + &.touch-selection { @extend .context-menu } +} + +//touch selection handlebars for the Popover.osd above +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; + &.top { -gtk-icon-source: -gtk-icontheme('selection-start-symbolic'); } + &.bottom { -gtk-icon-source: -gtk-icontheme('selection-end-symbolic'); } +} + +// +// Notebooks and Tabs +// +notebook { + -GtkNotebook-initial-gap: 4; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 1; + -GtkNotebook-has-tab-gap: false; + + padding: 0; + background-color: $base_color; + transition: all 200ms $ease-out-quad; + + &.frame { + border: 1px solid $borders_color; + } + header { + // tab sizing + $vpadding: 4px; + $hpadding: 15px; + + background-color: $bg_color; + + .frame & { + border: 0px solid $borders_color; + &.top { border-bottom-width: 0; } + &.bottom { border-top-width: 0; } + &.right { border-left-width: 0; } + &.left { border-right-width: 0; } + } + + $_header_border: $borders_color; + + &.top { box-shadow: inset 0 -1px $_header_border; } + &.bottom { box-shadow: inset 0 1px $_header_border; } + &.right { box-shadow: inset 1px 0 $_header_border; } + &.left { box-shadow: inset -1px 0 $_header_border; } + + @each $_pos in (top, bottom, right, left) { + &.#{$_pos} tab { + border-width: 0; + background-color: transparentize($base_color, 1); + padding: $vpadding $hpadding; + + border-#{$_pos}: 2px solid transparent; + + @if $_pos==top or $_pos==bottom { + padding-#{$_pos}: $vpadding + 2; + + &.reorderable-page { + padding-left: 12px; // for a nicer close button + padding-right: 12px; // placement + } + } + + @else if $_pos==left or $_pos==right { + padding-#{$_pos}: $hpadding + 2; // FIXME + + } + + @if $_pos==top { border-radius: 3.5px 2px 0 0; } + @else if $_pos==bottom { border-radius: 0 0 2px 3.5px; } + @else if $_pos==left { border-radius: 3.5px 0 0 3.5px; } + @else if $_pos==right { border-radius: 0 3.5px 3.5px 0; } + + &:hover { + background-color: transparentize($base_color, 0.5); + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + + &:active, &:active:hover { + background-color: $base_color; + + @if $_pos==top { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $base_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + @else if $_pos==bottom { + box-shadow: inset 0 -1px $base_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $borders_color; + } + @else if $_pos==left { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $borders_color, + inset -1px 0 $base_color; + } + @else if $_pos==right { + box-shadow: inset 0 1px $borders_color, + inset 0 -1px $borders_color, + inset 1px 0 $base_color, + inset -1px 0 $borders_color; + } + } + } + } + + &.top, &.bottom { + & tabs arrow.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } + & tabs arrow.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + } + &.left, &.right { + & tabs arrow.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } + & tabs arrow.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + } + & tabs arrow { + color: $insensitive_fg_color; + + &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } + &:active { color: $fg_color; } + &:disabled { color: transparentize($insensitive_fg_color,0.3); } + } + } + + tab { + label { //tab text + padding: 0 2px; // needed for a nicer focus ring + color: $insensitive_fg_color; + } + &:hover label { + // prelight tab text + color: mix($fg_color, $insensitive_fg_color, 50%); + } + &:active label { + // active tab text + color: $fg_color; + } + button { //tab close button + min-height: 18px; + min-width: 16px; + padding: 0; + color: mix($bg_color, $fg_color, 35%); + + @extend %undecorated_button; + + &:hover { + @extend %undecorated_button; + color: lighten(red, 15%); + } + &:active, &:active:hover { + @extend %undecorated_button; + color: $selected_bg_color; + } + } + } +} + +// +// Scrollbars +// +$_scrollbar_bg_color: darken($base_color, 1%); + +scrollbar { + @at-root * { + -GtkRange-slider-width: 13; + -GtkRange-trough-border: 0; + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; + -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. + // sadly can't be in '.slider' + // where it belongs + -GtkRange-stepper-spacing: 0; + -GtkRange-trough-under-steppers: 1; + } + + $_slider_margin: 3px; + $_slider_fine_tune_margin: 4px; + + button { border: none; } + + &.overlay-indicator { + &:not(.dragging):not(.hovering) { // Overlay scrolling indicator + opacity: 0.4; + + -GtkRange-slider-width: 6px; + + slider { + margin: 0; + background-color: mix($fg_color, $bg_color, 70%); + border: 1px solid if($variant == 'light', transparentize(white, 0.4), transparentize(black, 0.7)); + background-clip: padding-box; + } + + trough { + border-style: none; + background-color: transparent; + } + + // w/o the following margin tweaks the slider shrinks when hovering/dragging + &.vertical slider { + margin-top: $_slider_margin - 1px; + margin-bottom: $_slider_margin - 1px; + } + + &.horizontal slider { + margin-left: $_slider_margin - 1px; + margin-right: $_slider_margin - 1px; + } + + } + + &.dragging, + &.hovering { opacity: 0.99; } + } + + // trough coloring + trough { + background-color: $_scrollbar_bg_color; + border: 1px none $borders_color; + } + + // slider coloring + slider { + background-color: mix($fg_color, $bg_color, 40%); + + &:hover { background-color: mix($fg_color, $bg_color, 30%); } + + &:hover:active { background-color: $selected_bg_color;} + + &:disabled { + background-color: transparent; + } + } + + // sizing + slider { + border-radius: 100px; + margin: $_slider_margin; + } + + &.fine-tune slider { margin: $_slider_fine_tune_margin; } + + &.vertical { + + slider { + margin-left: 1px + $_slider_margin; + + &:dir(rtl) { + margin-left: $_slider_margin; + margin-right: 1px + $_slider_margin; + } + } + + &.fine-tune .slider { + margin-left: 1px + $_slider_fine_tune_margin; + + &:dir(rtl) { + margin-left: $_slider_fine_tune_margin; + margin-right: 1px + $_slider_fine_tune_margin; + } + } + + trough { + border-left-style: solid; + + &:dir(rtl) { + border-left-style: none; + border-right-style: solid; + } + } + } + + &.horizontal { + slider { margin-top: 1px + $_slider_margin; } + + &.fine-tune slider { margin-top: 1px + $_slider_fine_tune_margin; } + + trough { border-top-style: solid; } + } +} + +// +// Switches +// +switch { + font: 1; + outline-color: transparent; + + &, slider { + background-size: 52px 24px; + background-repeat: no-repeat; + background-position: right center; + color: transparent; + border-color: transparent; + border-image: none; + border-style: none; + box-shadow: none; + + &:dir(rtl) { background-position: left center; } + } + slider { + min-width: 52px; + min-height: 24px; + } +} + +@each $k,$l in ('',''), + (':active','-active'), + (':disabled','-insensitive'), + (':active:disabled','-active-insensitive') { + + // load switch troughs from .png files in assets directory + + switch#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$asset_suffix}@2.png")); + } + + row:selected switch#{$k}, + infobar switch#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}-selected.png"),url("assets/switch#{$l}-selected@2.png")); + } + + headerbar switch#{$k}, + .primary-toolbar switch#{$k} { + background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png")); + } +} + +// +// Check and Radio items * +// +@each $w,$a in ('check', 'checkbox'), + ('radio','radio') { + + //standard checks and radios + @each $s,$as in ('','-unchecked'), + (':disabled','-unchecked-insensitive'), + (':indeterminate', '-mixed'), + (':indeterminate:disabled', '-mixed-insensitive'), + (':checked', '-checked'), + (':checked:disabled','-checked-insensitive') { + #{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), + url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); + } + + %osd_check_radio { + #{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-dark.png"), + url("assets/#{$a}#{$as}-dark@2.png")); + } + } + // the borders of checks and radios are + // too similar in luminosity to the selected background color, hence + // we need special casing. + .view #{$w}#{$s}:selected, + row:selected #{$w}#{$s}, + infobar #{$w}#{$s} { + -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), + url("assets/#{$a}#{$as}-selected@2.png")); + } + } +} + +// Selectionmode +@each $s,$as in ('','-selectionmode'), + (':checked', '-checked-selectionmode') { + .view.content-view.check#{$s}:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), + url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); + background-color: transparent; + } +} + +checkbutton, radiobutton { + // this is for a nice focus on check and radios text + &.text-button { + padding: 1px 2px 4px; + outline-offset: 0; + &:disabled, + &:disabled:active, + &:disabled:indeterminate { + // set insensitive color, which is overriden otherwise + color: $insensitive_fg_color; + } + } +} + +radiobutton radio, +checkbutton check { + min-width: 16px; + min-height: 16px; + margin: 0 2px; + &:only-child { margin: 0; } +} + +// +// GtkScale +// +scale { + -GtkScale-slider-length: 15; + -GtkRange-slider-width: 15; + -GtkRange-trough-border: 0; + outline-offset: -1px; + -gtk-outline-radius: 2px; + + marks { color: gtkalpha(currentColor, 0.7); } + + &.fine-tune { + trough, fill, highlight { + border-radius: 5px; + margin: 3px; + } + } + + trough, fill, highlight { + border-radius: 2.5px; + } + + slider { + $_slider_border: if($variant=='light', transparentize(darken($button_border,25%), 0.5), darken($button_border,2%)); + + background-clip: border-box; + background-image: linear-gradient(to bottom, $button_bg); + border: 1px solid $_slider_border; + border-radius: 50%; + box-shadow: none; + + &:hover { + background-image: linear-gradient(to bottom, lighten($button_bg, 5%)); + border-color: $_slider_border; + } + &:disabled { + background-image: linear-gradient(to bottom, mix($entry_bg, $bg_color, 55%)); + border-color: transparentize($_slider_border, 0.2); + } + &:active { + background-image: linear-gradient(to bottom, $selected_bg_color); + border-color: $selected_bg_color; + } + //OSD sliders + .osd & { + background-image: linear-gradient(to bottom, $osd_bg_color); + border-color: $selected_bg_color; + + &:hover { background-image: linear-gradient(to bottom, $selected_bg_color); } + &:active { + background-image: linear-gradient(to bottom, darken($selected_bg_color, 10%)); + border-color: darken($selected_bg_color, 10%); + } + } + //selected list-row and infobar sliders + row:selected &, + infobar & { + background-image: linear-gradient(to bottom, $selected_fg_color); + border-color: $selected_fg_color; + + &:hover { + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 85%)); + border-color: mix($selected_fg_color, $selected_bg_color, 85%); + } + &:active { + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 50%)); + border-color: mix($selected_fg_color, $selected_bg_color, 50%); + } + &:disabled{ + background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); + border-color: mix($selected_fg_color, $selected_bg_color, 55%); + } + } + } + trough { + $_scale_trough_bg: if($variant == 'light', $button_border, darken($bg_color, 5%)); + + margin: 5px; + border: none; + background-image: linear-gradient(to bottom, $_scale_trough_bg); + highlight { + background-image: linear-gradient(to bottom, $selected_bg_color); + + &:disabled { + background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 0.45)); + } + } + fill { + background: none; + background-color: red; + } + &:disabled { + background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45)); + } + + //OSD troughs + .osd & { + background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%)); + outline-color: transparentize($osd_fg_color, 0.8); + highlight { + background-image: none; + background-image: linear-gradient(to bottom, $selected_bg_color); + } + &:disabled { } + } + // troughs in selected list-rows and infobars + row:selected &, + infobar & { + background-image: linear-gradient(to bottom, transparentize(black, 0.8)); + + highlight { + background-image: linear-gradient(to bottom, $selected_fg_color); + + &:disabled { background-image: linear-gradient(to bottom, mix($selected_fg_color, $selected_bg_color, 55%)); } + } + &:disabled { background-image: linear-gradient(to bottom, transparentize(black, 0.9)); } + } + } +} + +// +// Progress bars +// +progressbar { + padding: 0; + font-size: smaller; + color: transparentize($fg_color, 0.3); + + &.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; + + trough { + border-style: none; + background-color: transparent; + box-shadow: none; + } + } + // Moving bit + progress { + background-color: $selected_bg_color; + border: none; + border-radius: 3px; + box-shadow: none; //needed for clipping + + row:selected &, + infobar & { background-color: $selected_fg_color; } + } + // Trough + trough { + border: none; + border-radius: 3px; + background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); + + row:selected &, + infobar & { background-color: transparentize(black, 0.8); } + } +} + +// FIXME +//.osd .scale.progressbar { +// background-color: $selected_bg_color; +//} + +// +// Level Bar +// +levelbar { + + block { + min-width: 32px; + min-height: 1px; + } + &.vertical block { + min-width: 1px; + min-height: 32px; + } + + trough { + border: none; + padding: 3px; + border-radius: 3px; + background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); + } + + &.horizontal.discrete block { margin: 0 1px; } + &.vertical.discrete block { margin: 1px 0; } + + block:not(.empty) { + border: 1px solid $selected_bg_color; + background-color: $selected_bg_color; + border-radius: 2px; + } + block.low { + border-color: $warning_color; + background-color: $warning_color; + } + block.high { + border-color: $selected_bg_color; + background-color: $selected_bg_color; + } + block.full { + border-color: $success_color; + background-color: $success_color; + } + block.empty { + background-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); + border-color: if($variant=='light', transparentize($fg_color,0.8), $base_color); + } +} + +// +// Frames +// +frame border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid $borders_color; + &.flat { border-style: none; } + padding: 0; +} + +paper { + border: 1px solid $borders_color; + background: white; + padding: 0; +} + +scrolledwindow { + viewport.frame { // avoid double borders when viewport inside + // scrolled window + border-style: none; + } + + // This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. + // This draws a box on top of the content, the size changes programmatically. + overshoot { + &.top { @include overshoot(top); } + &.bottom { @include overshoot(bottom); } + &.left { @include overshoot(left); } + &.right { @include overshoot(right); } + } + + // 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; } + } +} + +//vbox and hbox separators +separator { + background-color: transparentize(black, 0.9); + min-width: 1px; + min-height: 1px; +} + +// +// Lists +// +list { + background-color: $base_color; + border-color: $borders_color; +} + +row { padding: 2px; } + +row.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(black, 0.95), transparentize(white, 0.97)); } + + &:active { color: $fg_color; } + + &:selected { + &:active { color: $selected_fg_color; } + + &.has-open-popup, + &:hover { background-color: mix(black, $selected_bg_color, 10%); } + + &:disabled { + color: transparentize($selected_fg_color, 0.3); + background-color: transparentize($selected_bg_color, 0.3); + label { color: inherit; } + } + } +} + +row:selected { + @extend %selected_items; + button { @extend %selected-button } +} + +// transition +row, row.activatable { + transition: all 150ms $ease-out-quad; + &:hover { transition: none; } +} + +// +// App Notifications +// +.app-notification { + padding: 10px; + color: $dark_sidebar_fg; + background-color: $dark_sidebar_bg; + background-clip: border-box; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: darken($dark_sidebar_bg, 10%); + + border { border: none; } + + button { + @include button(osd); + &.flat { + @extend %undecorated_button; + border-color: transparentize($selected_bg_color, 1); + &:disabled { @extend %undecorated_button; } + } + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); background-clip: padding-box; } + &:disabled { @include button(osd-insensitive); + } + } +} + +// +// 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'); } + } +} + +// +// Calendar +// +calendar { + color: $fg_color; + border: 1px solid $borders_color; + border-radius: 3px; + padding: 2px; + + &:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 1.5px; + } + &.header { + color: $fg_color; + border: none; + border-radius: 0; + } + &.button, &.button:focus { + color: transparentize($fg_color,0.55); + @include button(undecorated); + + &:hover { + color: $fg_color; + } + &:disabled { + color: $insensitive_fg_color; + background-color: transparent; + background-image: none; + } + } + &:indeterminate { color: gtkalpha(currentColor,0.55); } + &.highlight { + color: $fg_color; + } +} + +// +// Dialogs +// +messagedialog { // Message Dialog styling + -GtkDialog-button-spacing: 0; + + .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } + + .dialog-action-area button { padding: 2px; } + + &.csd { // rounded bottom border styling for csd version + &.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; + } + .dialog-action-area button { + padding: 2px; + border-radius: 0; + + @extend %middle_button; + + &:hover, &:active, &:disabled { + @extend %middle_button; + } + + &:first-child{ @extend %first_button; } + &:last-child { @extend %last_button; } + } + %middle_button { + border-right-style: none; + border-bottom-style: none; + } + %last_button { + border-bottom-right-radius: 3px; + } + %first_button { + border-left-style: none; + border-bottom-left-radius: 3px; + } + } +} + +// +// Sidebar +// +.sidebar, .sidebar .view { + border: none; + background-color: $bg_color; + + &:selected { @extend %selected_items; } + separator { @extend separator; } +} + +stacksidebar { + row { + padding: 10px 4px; + > label { + padding-left: 6px; + padding-right: 6px; + } + &.needs-attention > label { + @extend %needs_attention; + background-size: 6px 6px, 0 0; + } + } +} + +placessidebar { + + @extend scrolledwindow; + + row { + // Needs overriding of the GtkListBoxRow padding + padding: 0px; + // Using margins/padding directly in the SidebarRow + // will make the animation of the new bookmark row jump + > revealer { + padding: 8px 10px; + } + image.sidebar-icon { + &: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 { + min-width: 26px; + min-height: 26px; + padding: 0; + @extend button.flat; + border-radius: 100%; + -gtk-outline-radius: 100%; + &:not(:hover):not(:active) > image { opacity: 0.5 }; + } + } + + row.sidebar-placeholder-row { border: solid 1px $selected_bg_color; } + + row.sidebar-new-bookmark-row { background-color: darken($bg_color, 10%); } +} + +// +// Placesview +// +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; } +} + +// +// Paned +// + +paned { + > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to top, $borders_color); + background-size: 1px 1px; + + &:selected { background-image: linear-gradient(to top, $selected_bg_color); } + + &.wide { + margin: 0; + padding: 0; + min-width: 5px; + min-height: 5px; + background-image: linear-gradient(to top, $borders_color), linear-gradient(to top, $borders_color); + background-size: 1px 1px, 1px 1px; + } + } + + &.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 { + 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 { + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; + } + } +} + +// +// GtkInfoBar +// +infobar { + border-style: none; + + button { @extend %selected-button } +} + +.info, +.question, +.warning, +.error, +infobar { + background-color: $selected_bg_color; + color: $selected_fg_color; +} + + +// +// Buttons on selected backgrounds +// +%selected-button { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.5); + + &.flat { + @include button(undecorated); + color: $selected_fg_color; + background-color: transparentize($selected_fg_color, 1); + } + &:hover { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: transparentize($selected_fg_color, 0.8); + border-color: transparentize($selected_fg_color, 0.2); + } + &:active, &:active:hover, &:checked { + color: $selected_bg_color; + outline-color: transparentize($selected_bg_color, 0.7); + background-color: $selected_fg_color; + border-color: $selected_fg_color; + } + &:disabled { + color: transparentize($selected_fg_color, 0.6); + background-color: transparentize($selected_fg_color, 1); + border-color: transparentize($selected_fg_color, 0.8); + + &:active, &:checked { + color: transparentize($selected_bg_color, 0.6); + background-color: transparentize($selected_fg_color, 0.8); + border-color: transparentize($selected_fg_color, 0.8); + } + } +} + +// +// 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: $osd_bg_color; + background-clip: padding-box; + } + + border-radius: 2px; + box-shadow: none; + + decoration { background-color: transparent; } + + * { //Yeah this is ugly + padding: 4px; + background-color: transparent; + color: $osd_fg_color; // just to be sure + } +} + +// +// Color Chooser +// +colorswatch { + // This widget is made of two boxes one on top of the other, the lower box is GtkColorSwatch {} the other one + // is GtkColorSwatch .overlay {}, GtkColorSwatch has the programmatically set background, so most of the style + // is applied to the overlay box. + + $_colorswatch-radius: 2px; + + &, &:drop(active) { border-style: none; } + + // border rounding + &.top { + border-top-left-radius: $_colorswatch-radius + 0.5px; + border-top-right-radius: $_colorswatch-radius + 0.5; + + 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.5; + + 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: transparentize(white, 0.3); + &:hover { + border-color: if($variant == 'light', transparentize(black, 0.5), $borders_color); + } + } + &.light overlay { + color: transparentize(black, 0.3); + &:hover { + border-color: if($variant == 'light', transparentize(black, 0.7), $borders_color); + } + } + + overlay { + border: 1px solid if($variant == 'light', transparentize(black, 0.85), $borders_color); + &:hover { background-color: transparentize(white, 0.8) } + } + + &:disabled { + opacity: 0.5; + overlay { + border-color: transparentize(black, 0.4); + box-shadow: none; + } + } + + &#add-color-button { + border-style: solid; // the borders are drawn by the overlay for standard colorswatches to have them semi + border-width: 1px; // translucent on the colored background, here it's not necessary so they need to be set + @include button(normal); + &:hover { @include button(hover); } + overlay { @include button(undecorated); } // reset the overlay to not cover the button style underneath + } +} + +button.color { + padding: 0; + + colorswatch:first-child:last-child { + &, overlay { + margin: 4px; + border-radius: 0; + } + } +} + +// +// Misc +// +//content view (grid/list) +.content-view { + background-color: $base_color; + + &:hover { -gtk-icon-effect: highlight; } + + rubberband { @extend rubberband; } +} + +.scale-popup button { // +/- buttons on GtkVolumeButton popup + padding: 6px; + &:hover { + @include button(hover); + } +} + +button.scale { padding: 8px; } + +// Decouple the font of context menus from their entry/textview +.context-menu { font: initial; } +.monospace { font: Monospace; } + +// +// Shortcuts Help +// +button.circular, +button.circular-button { + padding: 0; + min-width: 26px; + min-height: 26px; + border-radius: 50%; + -gtk-outline-radius: 50%; + + label { padding: 0; } +} + +.keycap { + background-color: $base_color; + border: 1px solid $borders_color; + border-radius: 2px; + box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85)); + color: $fg_color; + padding: 3px 8px 3px 8px; + + border { border-style: none; } +} + +stackswitcher button { + &.text-button { min-width: 80px; } + &.circular { min-width: 0; } +} + +// +// Dnd +// +*:drop(active):focus, +*:drop(active) { + border: 1px solid black; +} + +// +// Overshoot +// +// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. +// This draws a box on top of the content, the size changes programmatically. +.overshoot { + &.top { @include overshoot(top); } + &.bottom { @include overshoot(bottom); } + &.left { @include overshoot(left); } + &.right { @include overshoot(right); } +} + +// +// Undershoot +// +// 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); } +} + +// +// Window Decorations +// + +decoration { + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + border-width: 0px; + + $_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.45)); + + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), $_wm_border), + 0 8px 8px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); + + // 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 + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(darken($header_bg, 7%), 0.1), $_wm_border), + 0 8px 8px 0 transparent, + 0 5px 5px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); + } + .tiled & { + border-radius: 0; + } + .popup & { + box-shadow: none; + border-radius: 0; + } + &.popup { + box-shadow: none; + border-radius: 0; + } + // server-side decorations as used by mutter + &.ssd { + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); + box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(black, 0.35), $_wm_border); + + &.maximized { border-radius: 0; } + } + .csd.popup & { + border-radius: 2px; + box-shadow: 0 3px 6px if($variant == 'light', $_wm_border, transparentize($_wm_border, 0.1)), + 0 0 0 1px if($variant == 'light', $_wm_border, darken($bg_color, 10%)); + } + tooltip.csd & { + border-radius: 2px; + box-shadow: 0 1px 3px 1px $_wm_border; + } + messagedialog.csd & { + border-radius: 3px; + } + .solid-csd & { + border-radius: 0; + margin: 1px; + background-color: $header_bg; + box-shadow: none; + } +} + +// +// Titlebuttons +// +headerbar, +.titlebar { + + &.default-decoration button.titlebutton { // no vertical padding for ssd buttons + padding: 0 4px; // already handled by the titlebar-padding + min-width: 0; + } + + button.titlebutton { + padding: 0; + min-width: 24px; + + @include button(undecorated); + background-color: transparentize($header_bg, 1); + + &:hover { + @include button(header-hover); + } + &:active, &:checked { + @include button(header-active); + } + + &.close, &.maximize, &.minimize { + + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + border-width: 0; + + &:backdrop { opacity: 1; } + } + + &.close { background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); } + &.close:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); } + &.close:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); } + &.close:active { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); } + + &.maximize { background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); } + &.maximize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); } + &.maximize:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); } + &.maximize:active { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); } + + &.minimize { background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); } + &.minimize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); } + &.minimize:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); } + &.minimize:active { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); } + } +} + +// catch all extend +%selected_items { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); +} diff --git a/common/gtk-3.0/3.20/sass/_drawing.scss b/common/gtk-3.0/3.20/sass/_drawing.scss new file mode 100644 index 0000000..bc4a8e2 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_drawing.scss @@ -0,0 +1,384 @@ +// Drawing mixins + +// generic drawing of more complex things + +@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 + +@mixin entry($t) { +// +// Entries drawing function +// +// $t: entry type +// + + @if $t==normal { + // + // normal entry + // + color: $text_color; + caret-color: $text_color; + border-color: $entry_border; + background-color: $entry_bg; + background-image: linear-gradient(to bottom, $entry_bg); + } + + @if $t==focus { + // + // focused entry + // + color: $text_color; + caret-color: $text_color; + border-color: if($variant=='light', $selected_bg_color, $button_border); + background-color: $entry_bg; + background-image: linear-gradient(to bottom, $entry_bg); + + @if $variant == 'dark' { + box-shadow: inset 1px 0 $selected_bg_color, + inset -1px 0 $selected_bg_color, + inset 0 1px $selected_bg_color, + inset 0 -1px $selected_bg_color; + } + } + + @if $t==insensitive { + // + // insensitive entry + // + color: $insensitive_fg_color; + border-color: transparentize($entry_border, 0.45); + background-color: transparentize($entry_bg, 0.45); + background-image: linear-gradient(to bottom, transparentize($entry_bg, 0.45)); + } + + @if $t==header-normal { + // + // normal header-bar entry + // + + color: $header_fg; + caret-color: $header_fg; + border-color: $header_entry_border; + background-image: linear-gradient(to bottom, $header_entry_bg); + background-color: transparent; + + image, image:hover { color: inherit; } + } + + @if $t==header-focus { + // + // focused header-bar entry + // + color: $selected_fg_color; + caret-color: $selected_fg_color; + border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); + background-image: linear-gradient(to bottom, $selected_bg_color); + } + + @if $t==header-insensitive { + // + // insensitive header-bar entry + // + color: transparentize($header_fg, 0.45); + background-image: linear-gradient(to bottom, transparentize($header_entry_bg, 0.15)); + } + + @else if $t==osd { + // + // normal osd entry + // + color: $osd_fg_color; + border-color: $osd_entry_border; + background-image: linear-gradient(to bottom, $osd_entry_bg); + background-color: transparent; + + image, image:hover { color: inherit; } + } + + @else if $t==osd-focus { + // + // active osd entry + // + color: $selected_fg_color; + border-color: $osd_entry_border; + background-image: linear-gradient(to bottom, $selected_bg_color); + } + + @else if $t==osd-insensitive { + // + // insensitive osd entry + // + color: transparentize($osd_fg_color, 0.45); + background-image: linear-gradient(to bottom, transparentize($osd_entry_bg, 0.15)); + } +} + +// Buttons + +@mixin button($t, $actionb_color:red) { +// +// Button drawing function +// +// $t: button type, +// $actionb_color: used for destructive and suggested action buttons + + @if $t==normal { + // + // normal button + // + color: $fg_color; + outline-color: transparentize($fg_color, 0.7); + border-color: $button_border; + background-color: $button_bg; + } + + @else if $t==hover { + // + // hovered button + // + color: $fg_color; + outline-color: transparentize($fg_color, 0.7); + border-color: $button_border; + background-color: lighten($button_bg, 5%); + } + + @else if $t==active { + // + // pushed button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + + border-color: if($variant=='light', $selected_bg_color, $button_border); + background-color: $selected_bg_color; + } + + @else if $t==insensitive { + // + // insensitive button + // + color: $insensitive_fg_color; + border-color: transparentize($button_border, 0.45); + background-color: transparentize($button_bg, 0.45); + + > label { color: inherit; } + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + color: transparentize($selected_fg_color, 0.2); + border-color: transparentize($selected_bg_color, 0.25); + background-color: transparentize($selected_bg_color, 0.25); + + opacity: 0.6; + + > label { color: inherit; } + } + + @if $t==header-normal { + // + // normal header-bar button + // + color: $header_fg; + outline-color: transparentize($header_fg, 0.7); + outline-offset: -3px; + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + } + + @else if $t==header-hover { + // + // hovered header-bar button + // + color: $header_fg; + outline-color: transparentize($header_fg, 0.7); + border-color: $header_button_border; + background-color: $header_button_bg; + } + + @else if $t==header-active { + // + // pushed header-bar button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); + background-color: $selected_bg_color; + } + + @else if $t==header-insensitive { + // + // insensitive header-bar button + // + color: transparentize($header_fg, 0.45); + background-color: transparentize($header_bg, 1); + border-color: transparentize($header_bg, 1); + + > label { color: inherit; } + } + + @else if $t==header-insensitive-active { + // + // header-bar insensitive pushed button + // + color: transparentize($selected_fg_color, 0.25); + border-color: transparentize($selected_bg_color, 0.35); + background-color: transparentize($selected_bg_color, 0.35); + } + + @else if $t==osd { + // + // normal osd button + // + color: $osd_fg_color; + outline-color: transparentize($osd_fg_color, 0.7); + border-color: $osd_button_border; + background-color: $osd_button_bg; + } + + @else if $t==osd-hover { + // + // active osd button + // + color: $osd_fg_color; + outline-color: transparentize($osd_fg_color, 0.7); + border-color: $osd_button_border; + background-color: opacify(lighten($osd_button_bg, 7%), 0.1); + } + + @else if $t==osd-active { + // + // active osd button + // + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + border-color: $osd_button_border; + background-color: $selected_bg_color; + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: $osd_button_border; + background-color: transparentize($osd_button_bg, 0.15); + } + + @else if $t==suggested_destructive { + // + // suggested or destructive action buttons + // + background-clip: border-box; + + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + background-color: $actionb_color; + border-color: $actionb_color; + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + } +} + +// +// Overshoot +// +@mixin overshoot($p, $c:$selected_bg_color) { +// $p: position +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// + + $_big_gradient_length: 60%; + + $_position: center top; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + } + + @else if $p==right { + $_position: right center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + background-image: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($c, 0.8)), + to(transparentize($c, 1))); + + background-size: $_big_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; // +} + +// +// Undershoot +// +@mixin undershoot($p) { +// $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; +} diff --git a/common/gtk-3.0/3.20/sass/_granite.scss b/common/gtk-3.0/3.20/sass/_granite.scss new file mode 100644 index 0000000..a491d31 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_granite.scss @@ -0,0 +1,218 @@ +// Granite Widgets + +// +// Overlay Bar +// +.overlay-bar { + background-color: $selected_bg_color; + border-color: $selected_bg_color; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; + + label { color: $selected_fg_color; } +} + +// +// Thin Pane Separator +// +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid $borders_color; + border-right: 1px solid $borders_color; + +} + +// avoid borders when a viewport is +// packed into a Static Notebook, or Popover +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +// +// Help Button +// +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +// +// Secondary Toolbars +// +toolbar.secondary-toolbar { + padding: 3px; + border-bottom: 1px solid $borders_color; + + button { padding: 0 3px 0 3px; } +} + +// +// Bottom Toolbars +// +toolbar.bottom-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: $borders_color; + background-color: $bg_color; + + button { padding: 2px 3px 2px 3px; } +} + +// +// Sidebar & Source List +// +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view { + background-color: $bg_color; + color: $fg_color; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover { + background-color: lighten($bg_color, 5%); +} + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: $bg_color; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: $selected_bg_color; + color: $selected_fg_color; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: $selected_fg_color; + color: $selected_bg_color; +} + +// +// Expander +// +.source-list.category-expander { + color: $fg_color; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +// +// Welcome +// +GraniteWidgetsWelcome { + background-color: $base_color; +} + +GraniteWidgetsWelcome label { + color: mix($fg_color, $bg_color, 50%); + font: open sans 11; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: transparentize($fg_color, 0.2); +} + +// +// Help Button +// +.help_button { + border-radius: 0; +} + +// +// Popover +// +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + + border: 1px solid transparentize(black, 0.7); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, $base_color); + border: 1px solid transparentize(black, 0.7); +} + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +// +// Xs Entry +// +GraniteWidgetsXsEntry entry { padding: 4px; } + +// +// Text Styles +// +.h1 { font: open sans 24px; } +.h2 { font: open sans light 18px; } +.h3 { font: open sans 11px; } +.h4, +.category-label { + color: mix($bg_color, $text_color, 30%); + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4{ + padding-left: 6px; +} diff --git a/common/gtk-3.0/3.20/sass/_lightdm.scss b/common/gtk-3.0/3.20/sass/_lightdm.scss new file mode 100644 index 0000000..527dc99 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_lightdm.scss @@ -0,0 +1,110 @@ +// the panel widget at the top +#panel_window { + background-color: $panel_bg; + color: $panel_fg; + font: bold; + box-shadow: inset 0 -1px darken($panel_bg, 7%); + + // the menubars/menus of the panel, i.e. indicators + .menubar, + .menubar > .menuitem { + background-color: transparent; + color: $panel_fg; + font: bold; + } + + .menubar .menuitem:disabled { + color: transparentize($panel_fg, 0.5); + + label { color: inherit; } + } + .menubar .menu .menuitem { font: normal; } +} + +// the login window +#login_window, +#shutdown_dialog, +#restart_dialog { + font: 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, $header_bg); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid transparentize(black, 0.9); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px if($variant=="light", $dark_sidebar_border, $header_border); +} + +#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: 13px; + + .menu { font: normal; } + .arrow {} +} + +// the user's avatar box +#user_image { + padding: 3px; + border-radius: 2px; +} + +// the border around the user's avatar box +#user_image_border {} + +// 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: bold; +} diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss new file mode 100644 index 0000000..3083f38 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -0,0 +1,276 @@ +.titlebar separator { + color: $header_border; //fixes separator in gnome-tweak-tool +} + +NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar + +GtkFileChooserDialog *, +NautilusWindow *, +NemoWindow { + //-GtkPaned-handle-size: 0; +} + +@if $variant==dark { + GtkFileChooserDialog, + NautilusWindow , + NemoWindow { + .sidebar { border-right: 1px solid $dark_sidebar_border; } + + .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } + } +} + +// Dark transparent sidebars +GtkFileChooserDialog, +NautilusWindow { + + &.csd.background, placessidebar list { background-color: transparent; } + + placessidebar.sidebar { + background-color: $dark_sidebar_bg; + + row.sidebar-placeholder-row { border: 1px solid $selected_bg_color; } + + row.sidebar-new-bookmark-row { background-color: lighten($dark_sidebar_bg, 10%); } + + row.activatable { + border: none; + color: $dark_sidebar_fg; + + .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); } + + &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); } + + &:selected, &:selected:hover, &:active:hover { + @extend %selected_items; + .sidebar-icon { color: inherit; } + } + } + + separator { color: transparent; } + + scrollbar { @extend %dark_sidebar_scrollbar } + } + + &.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); } + + .sidebar-button.button { + color: $dark_sidebar_fg; + + &:hover { @include button(osd-hover); } + &:active { @include button(osd-active); } + + &:not(:hover):not(:active) > image { opacity: 0.5 }; + } +} + + +NemoWindow, +MarlinViewWindow { + + &.csd.background, + .source-list, .source-list.view, .source-list.view:hover { background-color: transparent; } + + .sidebar, .source-list.sidebar.view { + background-color: $dark_sidebar_bg; + + .view, row { + background-color: transparent; + color: $dark_sidebar_fg; + + &.cell:selected { + background-color: $selected_bg_color; + color: $selected_fg_color; + } + } + + &.frame { + color: $dark_sidebar_fg; + } + + separator { color: transparent; } + + scrollbar { @extend %dark_sidebar_scrollbar } + } + &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } + +} + +NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator { background-color: $dark_sidebar_border } + +// Fix Nautilus transparency issues +NautilusWindow NautilusWindowSlot { background-color: $base_color; } +NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } + +GtkFileChooserDialog { + + &.background.csd, &.background { background-color: $dark_sidebar_bg } + scrolledwindow.sidebar { background-color: transparent } + + // Yeah, this is ugly, but prevents a transparent background in the image preview box + paned > .vertical > .horizontal { background-color: $bg_color; } + + // fix for non gnome environments + .dialog-action-box { background-color: $bg_color } + + .dialog-vbox > .frame { + color: $dark_sidebar_fg; + border-color: transparent; + } + GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); + } + + GtkFileChooserWidget > actionbar > revealer > .action-bar.frame, + .dialog-vbox > .frame { + + button { @extend %dark_sidebar_button; } + entry { @extend %dark_sidebar_entry; } + + @extend %osd_check_radio; + + label, combobox { color: $dark_sidebar_fg; } + } +} + +// +// Paned Headerbars +// +FeedReaderreaderUI.background.csd, +GeditWindow.background.csd { + + > .titlebar .pane-separator, + &.maximized > .titlebar .pane-separator, + > .titlebar .pane-separator:backdrop, + &.maximized > .titlebar .pane-separator:backdrop { background-color: $header_border; } + + > .titlebar > headerbar.titlebar { + background-color: $header_bg; + + &:backdrop { background-color: $header_bg_backdrop; } + } + + &.maximized > .titlebar > headerbar.titlebar { + background-color: opacify($header_bg, 1); + + &:backdrop { background-color: opacify($header_bg_backdrop, 1); } + } +} + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; +} + +// Gedit +GeditWindow.background { + &.csd { background-color: transparent; } + + .gedit-side-panel-paned .pane-separator { background-color: $dark_sidebar_border; } + .gedit-bottom-panel-paned .pane-separator { background-color: $borders_color; } +} + +.gedit-bottom-panel-paned { background-color: $base_color; } + +.gedit-document-panel { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + row { color: $dark_sidebar_fg; } + + row { + background-color: transparentize($dark_sidebar_fg, 1); + border: solid transparentize($dark_sidebar_fg, 1); + border-width: 3px 2px 3px 2px; + } + row:hover { + border: solid transparentize($dark_sidebar_fg, 0.85); + border-width: 3px 2px 3px 2px; + background-color: transparentize($dark_sidebar_fg, 0.85); + } + row:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + + button { color: $selected_fg_color; } + } + row:selected, row:selected:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + border: solid $selected_bg_color; + border-width: 3px 2px 3px 2px; + } + .prelight-row button:active { + color: $dark_sidebar_fg; + } +} + +GeditFileBrowserWidget { + background-color: $dark_sidebar_bg; + + .maximized & { background-color: opacify($dark_sidebar_bg, 1); } + + scrollbar { @extend %dark_sidebar_scrollbar; } + + .horizontal { + background-color: transparent; + border-color: darken($dark_sidebar_bg, 7%); + + button { @extend %dark_sidebar_button; } + combobox { color: $dark_sidebar_fg; } + } +} + +GeditWindow.background.csd GeditFileBrowserView.view { + + background-color: transparent; + color: $dark_sidebar_fg; + + &.expander { + color: $dark_sidebar_fg; + &:hover { color: $selected_bg_color; } + } +} + +%dark_sidebar_button { + @include button(osd); + + &:hover { @include button(osd-hover); } + &:active, &:checked { @include button(osd-active); } + &:disabled { @include button(osd-insensitive); } +} + +%dark_sidebar_entry { + @include entry(osd); + + &:focus { @include entry(osd-focus); } + &:disabled { @include entry(osd-insensitive); } +} + +%dark_sidebar_scrollbar { + + &.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: lighten($dark_sidebar_fg, 15%); + border: 1px solid transparentize(black, 0.7); + } + slider { + background-color: transparentize(lighten($dark_sidebar_fg, 15%), 0.3); + + &:hover { background-color: lighten($dark_sidebar_fg, 20%); } + + &:hover:active { background-color: $selected_bg_color; } + + &:disabled { + background-color: transparent; + } + } + trough { + background-color: transparentize(black, 0.8); + border: none; + } +} diff --git a/common/gtk-3.0/3.20/sass/_unity.scss b/common/gtk-3.0/3.20/sass/_unity.scss new file mode 100644 index 0000000..00fec8f --- /dev/null +++ b/common/gtk-3.0/3.20/sass/_unity.scss @@ -0,0 +1,59 @@ +// Decorations +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: $selected_bg_color; + + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; + + &.top { + border: 1px solid if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + + background-image: linear-gradient(to bottom, opacify($header_bg, 1)); + color: $header_fg; // The foreground color will be used to paint the text + + box-shadow: inset 0 1px lighten($header_bg, 3%); + + &:backdrop { + border-bottom-width: 0; + //background-image: linear-gradient(to bottom, opacify($header_bg_backdrop, 1)); + color: transparentize($header_fg, 0.3); + } + } + &.left, &.right, &.bottom, + &.left:backdrop, &.right:backdrop, &.bottom:backdrop { + background-image: linear-gradient(to bottom, if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9))); + } +} + +// Panel Style +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, opacify($panel_bg, 1)); + color: lighten($panel_fg, 20%); + box-shadow: none; + + &:backdrop { color: lighten($panel_fg, 1%); } +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: $selected_fg_color; + background-image: linear-gradient(to bottom, $selected_bg_color); + border-bottom: none; +} diff --git a/common/gtk-3.0/3.20/sass/gtk-dark.scss b/common/gtk-3.0/3.20/sass/gtk-dark.scss new file mode 100644 index 0000000..529ee3d --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk-dark.scss @@ -0,0 +1,13 @@ +$variant: 'dark'; +$darker: 'false'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-darker.scss b/common/gtk-3.0/3.20/sass/gtk-darker.scss new file mode 100644 index 0000000..34b8f81 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk-darker.scss @@ -0,0 +1,13 @@ +$variant: 'light'; +$darker: 'true'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss b/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss new file mode 100644 index 0000000..959d8b1 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss @@ -0,0 +1,13 @@ +$variant: 'dark'; +$darker: 'false'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss b/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss new file mode 100644 index 0000000..45b7dbe --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss @@ -0,0 +1,13 @@ +$variant: 'light'; +$darker: 'true'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid.scss b/common/gtk-3.0/3.20/sass/gtk-solid.scss new file mode 100644 index 0000000..28ff2b6 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk-solid.scss @@ -0,0 +1,13 @@ +$variant: 'light'; +$darker: 'false'; +$transparency: 'false'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk.scss b/common/gtk-3.0/3.20/sass/gtk.scss new file mode 100644 index 0000000..9bb0348 --- /dev/null +++ b/common/gtk-3.0/3.20/sass/gtk.scss @@ -0,0 +1,13 @@ +$variant: 'light'; +$darker: 'false'; +$transparency: 'true'; + +@import 'colors'; +@import 'drawing'; +@import 'common'; +@import 'applications'; +@import 'unity'; +@import 'granite'; +@import 'lightdm'; +@import 'transparent_widgets'; +@import 'colors-public'; -- cgit v1.2.3 From 2319f5dcc2795bf4ce90de41dc28c5831eeb77ce Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: notebook: remove deprecated style properties --- common/gtk-3.0/3.20/gtk-dark.css | 5 ----- common/gtk-3.0/3.20/gtk-darker.css | 5 ----- common/gtk-3.0/3.20/gtk-solid-dark.css | 5 ----- common/gtk-3.0/3.20/gtk-solid-darker.css | 5 ----- common/gtk-3.0/3.20/gtk-solid.css | 5 ----- common/gtk-3.0/3.20/gtk.css | 5 ----- common/gtk-3.0/3.20/sass/_common.scss | 6 ------ 7 files changed, 36 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 11df0ba..61b22c1 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1618,11 +1618,6 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - -GtkNotebook-initial-gap: 4; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; padding: 0; background-color: #404552; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index c358c44..592e0f1 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1621,11 +1621,6 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - -GtkNotebook-initial-gap: 4; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; padding: 0; background-color: #ffffff; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 94271f5..f9e06aa 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1618,11 +1618,6 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - -GtkNotebook-initial-gap: 4; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; padding: 0; background-color: #404552; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 9562145..d86b4c7 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1621,11 +1621,6 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - -GtkNotebook-initial-gap: 4; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; padding: 0; background-color: #ffffff; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 5ddd04d..8dd5886 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1625,11 +1625,6 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - -GtkNotebook-initial-gap: 4; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; padding: 0; background-color: #ffffff; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 304ea7c..477b5b1 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1625,11 +1625,6 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - -GtkNotebook-initial-gap: 4; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; padding: 0; background-color: #ffffff; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index a39faee..b85d450 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1781,12 +1781,6 @@ cursor-handle { // Notebooks and Tabs // notebook { - -GtkNotebook-initial-gap: 4; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 1; - -GtkNotebook-has-tab-gap: false; - padding: 0; background-color: $base_color; transition: all 200ms $ease-out-quad; -- cgit v1.2.3 From e2bd5989d463c7e7c66b12d0bd7e552d8e017a6a Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: update notebook styling --- common/gtk-3.0/3.20/gtk-dark.css | 162 +++++++++++++++---------------- common/gtk-3.0/3.20/gtk-darker.css | 162 +++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 162 +++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 162 +++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid.css | 162 +++++++++++++++---------------- common/gtk-3.0/3.20/gtk.css | 162 +++++++++++++++---------------- common/gtk-3.0/3.20/sass/_common.scss | 144 +++++++++++---------------- 7 files changed, 519 insertions(+), 597 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 61b22c1..996754a 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -746,7 +746,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1624,17 +1624,8 @@ notebook { notebook.frame { border: 1px solid #2b2e39; } notebook header { + padding: 2px; background-color: #383C4A; } - .frame notebook header { - border: 0px solid #2b2e39; } - .frame notebook header.top { - border-bottom-width: 0; } - .frame notebook header.bottom { - border-top-width: 0; } - .frame notebook header.right { - border-left-width: 0; } - .frame notebook header.left { - border-right-width: 0; } notebook header.top { box-shadow: inset 0 -1px #2b2e39; } notebook header.bottom { @@ -1643,72 +1634,66 @@ notebook { box-shadow: inset 1px 0 #2b2e39; } notebook header.left { box-shadow: inset -1px 0 #2b2e39; } - notebook header.top tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-top: 2px solid transparent; - padding-top: 6px; - border-radius: 3.5px 2px 0 0; } - notebook header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.top tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.top tab:active, notebook header.top tab:active:hover { - background-color: #404552; - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.bottom tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-bottom: 2px solid transparent; - padding-bottom: 6px; - border-radius: 0 0 2px 3.5px; } - notebook header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.bottom tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.bottom tab:active, notebook header.bottom tab:active:hover { - background-color: #404552; - box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.right tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-right: 2px solid transparent; - padding-right: 17px; - border-radius: 0 3.5px 3.5px 0; } - notebook header.right tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.right tab:active, notebook header.right tab:active:hover { - background-color: #404552; - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } - notebook header.left tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-left: 2px solid transparent; - padding-left: 17px; - border-radius: 3.5px 0 0 3.5px; } - notebook header.left tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.left tab:active, notebook header.left tab:active:hover { - background-color: #404552; - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } + notebook header.top { + padding-bottom: 0; } + notebook header.top tab { + padding: 4px 15px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom { + padding-top: 0; } + notebook header.bottom tab { + padding: 4px 15px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.right { + padding-left: 0; } + notebook header.right tab { + padding: 4px 15px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook header.right tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.left { + padding-right: 0; } + notebook header.left tab { + padding: 4px 15px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + notebook header.left tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + margin-left: 2px; } 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + margin-right: 2px; } notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + margin-top: 2px; } 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.down:first-child, notebook header.right tabs arrow.down:first-child { + margin-bottom: 2px; } notebook header tabs arrow { color: rgba(211, 218, 227, 0.45); } notebook header tabs arrow:hover { @@ -1717,22 +1702,29 @@ notebook { color: #D3DAE3; } notebook header tabs arrow:disabled { color: rgba(211, 218, 227, 0.15); } - notebook tab label { - padding: 0 2px; - color: rgba(211, 218, 227, 0.45); } - notebook tab:hover label { - color: rgba(211, 218, 227, 0.725); } - notebook tab:active label { - color: #D3DAE3; } - notebook tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #9da3ad; } - notebook tab button:hover { - color: #ff4d4d; } - notebook tab button:active, notebook tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(64, 69, 82, 0); } + notebook header tab label { + color: rgba(211, 218, 227, 0.45); } + notebook header tab:hover { + background-color: rgba(64, 69, 82, 0.5); + border-color: #2b2e39; } + notebook header tab:hover label { + color: rgba(211, 218, 227, 0.725); } + notebook header tab:active { + background-color: #404552; + border-color: #2b2e39; } + notebook header tab:active label { + color: #D3DAE3; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 592e0f1..9c7d946 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -745,7 +745,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1627,17 +1627,8 @@ notebook { notebook.frame { border: 1px solid #dcdfe3; } notebook header { + padding: 2px; background-color: #F5F6F7; } - .frame notebook header { - border: 0px solid #dcdfe3; } - .frame notebook header.top { - border-bottom-width: 0; } - .frame notebook header.bottom { - border-top-width: 0; } - .frame notebook header.right { - border-left-width: 0; } - .frame notebook header.left { - border-right-width: 0; } notebook header.top { box-shadow: inset 0 -1px #dcdfe3; } notebook header.bottom { @@ -1646,72 +1637,66 @@ notebook { box-shadow: inset 1px 0 #dcdfe3; } notebook header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-top: 2px solid transparent; - padding-top: 6px; - border-radius: 3.5px 2px 0 0; } - notebook header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.top tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.top tab:active, notebook header.top tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.bottom tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-bottom: 2px solid transparent; - padding-bottom: 6px; - border-radius: 0 0 2px 3.5px; } - notebook header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.bottom tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.bottom tab:active, notebook header.bottom tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.right tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-right: 2px solid transparent; - padding-right: 17px; - border-radius: 0 3.5px 3.5px 0; } - notebook header.right tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.right tab:active, notebook header.right tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } - notebook header.left tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-left: 2px solid transparent; - padding-left: 17px; - border-radius: 3.5px 0 0 3.5px; } - notebook header.left tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.left tab:active, notebook header.left tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top { + padding-bottom: 0; } + notebook header.top tab { + padding: 4px 15px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom { + padding-top: 0; } + notebook header.bottom tab { + padding: 4px 15px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.right { + padding-left: 0; } + notebook header.right tab { + padding: 4px 15px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook header.right tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.left { + padding-right: 0; } + notebook header.left tab { + padding: 4px 15px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + notebook header.left tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + margin-left: 2px; } 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + margin-right: 2px; } notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + margin-top: 2px; } 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.down:first-child, notebook header.right tabs arrow.down:first-child { + margin-bottom: 2px; } notebook header tabs arrow { color: rgba(92, 97, 108, 0.55); } notebook header tabs arrow:hover { @@ -1720,22 +1705,29 @@ notebook { color: #5c616c; } notebook header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook tab label { - padding: 0 2px; - color: rgba(92, 97, 108, 0.55); } - notebook tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook tab:active label { - color: #5c616c; } - notebook tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #92959d; } - notebook tab button:hover { - color: #ff4d4d; } - notebook tab button:active, notebook tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(255, 255, 255, 0); } + notebook header tab label { + color: rgba(92, 97, 108, 0.55); } + notebook header tab:hover { + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; } + notebook header tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook header tab:active { + background-color: #ffffff; + border-color: #dcdfe3; } + notebook header tab:active label { + color: #5c616c; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index f9e06aa..05d02a6 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -746,7 +746,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1624,17 +1624,8 @@ notebook { notebook.frame { border: 1px solid #2b2e39; } notebook header { + padding: 2px; background-color: #383C4A; } - .frame notebook header { - border: 0px solid #2b2e39; } - .frame notebook header.top { - border-bottom-width: 0; } - .frame notebook header.bottom { - border-top-width: 0; } - .frame notebook header.right { - border-left-width: 0; } - .frame notebook header.left { - border-right-width: 0; } notebook header.top { box-shadow: inset 0 -1px #2b2e39; } notebook header.bottom { @@ -1643,72 +1634,66 @@ notebook { box-shadow: inset 1px 0 #2b2e39; } notebook header.left { box-shadow: inset -1px 0 #2b2e39; } - notebook header.top tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-top: 2px solid transparent; - padding-top: 6px; - border-radius: 3.5px 2px 0 0; } - notebook header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.top tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.top tab:active, notebook header.top tab:active:hover { - background-color: #404552; - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #404552, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.bottom tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-bottom: 2px solid transparent; - padding-bottom: 6px; - border-radius: 0 0 2px 3.5px; } - notebook header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.bottom tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.bottom tab:active, notebook header.bottom tab:active:hover { - background-color: #404552; - box-shadow: inset 0 -1px #404552, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.right tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-right: 2px solid transparent; - padding-right: 17px; - border-radius: 0 3.5px 3.5px 0; } - notebook header.right tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.right tab:active, notebook header.right tab:active:hover { - background-color: #404552; - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #404552, inset -1px 0 #2b2e39; } - notebook header.left tab { - border-width: 0; - background-color: rgba(64, 69, 82, 0); - padding: 4px 15px; - border-left: 2px solid transparent; - padding-left: 17px; - border-radius: 3.5px 0 0 3.5px; } - notebook header.left tab:hover { - background-color: rgba(64, 69, 82, 0.5); - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - notebook header.left tab:active, notebook header.left tab:active:hover { - background-color: #404552; - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #404552; } + notebook header.top { + padding-bottom: 0; } + notebook header.top tab { + padding: 4px 15px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom { + padding-top: 0; } + notebook header.bottom tab { + padding: 4px 15px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.right { + padding-left: 0; } + notebook header.right tab { + padding: 4px 15px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook header.right tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.left { + padding-right: 0; } + notebook header.left tab { + padding: 4px 15px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + notebook header.left tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + margin-left: 2px; } 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + margin-right: 2px; } notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + margin-top: 2px; } 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.down:first-child, notebook header.right tabs arrow.down:first-child { + margin-bottom: 2px; } notebook header tabs arrow { color: rgba(211, 218, 227, 0.45); } notebook header tabs arrow:hover { @@ -1717,22 +1702,29 @@ notebook { color: #D3DAE3; } notebook header tabs arrow:disabled { color: rgba(211, 218, 227, 0.15); } - notebook tab label { - padding: 0 2px; - color: rgba(211, 218, 227, 0.45); } - notebook tab:hover label { - color: rgba(211, 218, 227, 0.725); } - notebook tab:active label { - color: #D3DAE3; } - notebook tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #9da3ad; } - notebook tab button:hover { - color: #ff4d4d; } - notebook tab button:active, notebook tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(64, 69, 82, 0); } + notebook header tab label { + color: rgba(211, 218, 227, 0.45); } + notebook header tab:hover { + background-color: rgba(64, 69, 82, 0.5); + border-color: #2b2e39; } + notebook header tab:hover label { + color: rgba(211, 218, 227, 0.725); } + notebook header tab:active { + background-color: #404552; + border-color: #2b2e39; } + notebook header tab:active label { + color: #D3DAE3; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index d86b4c7..11652b7 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -745,7 +745,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1627,17 +1627,8 @@ notebook { notebook.frame { border: 1px solid #dcdfe3; } notebook header { + padding: 2px; background-color: #F5F6F7; } - .frame notebook header { - border: 0px solid #dcdfe3; } - .frame notebook header.top { - border-bottom-width: 0; } - .frame notebook header.bottom { - border-top-width: 0; } - .frame notebook header.right { - border-left-width: 0; } - .frame notebook header.left { - border-right-width: 0; } notebook header.top { box-shadow: inset 0 -1px #dcdfe3; } notebook header.bottom { @@ -1646,72 +1637,66 @@ notebook { box-shadow: inset 1px 0 #dcdfe3; } notebook header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-top: 2px solid transparent; - padding-top: 6px; - border-radius: 3.5px 2px 0 0; } - notebook header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.top tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.top tab:active, notebook header.top tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.bottom tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-bottom: 2px solid transparent; - padding-bottom: 6px; - border-radius: 0 0 2px 3.5px; } - notebook header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.bottom tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.bottom tab:active, notebook header.bottom tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.right tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-right: 2px solid transparent; - padding-right: 17px; - border-radius: 0 3.5px 3.5px 0; } - notebook header.right tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.right tab:active, notebook header.right tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } - notebook header.left tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-left: 2px solid transparent; - padding-left: 17px; - border-radius: 3.5px 0 0 3.5px; } - notebook header.left tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.left tab:active, notebook header.left tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top { + padding-bottom: 0; } + notebook header.top tab { + padding: 4px 15px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom { + padding-top: 0; } + notebook header.bottom tab { + padding: 4px 15px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.right { + padding-left: 0; } + notebook header.right tab { + padding: 4px 15px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook header.right tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.left { + padding-right: 0; } + notebook header.left tab { + padding: 4px 15px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + notebook header.left tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + margin-left: 2px; } 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + margin-right: 2px; } notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + margin-top: 2px; } 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.down:first-child, notebook header.right tabs arrow.down:first-child { + margin-bottom: 2px; } notebook header tabs arrow { color: rgba(92, 97, 108, 0.55); } notebook header tabs arrow:hover { @@ -1720,22 +1705,29 @@ notebook { color: #5c616c; } notebook header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook tab label { - padding: 0 2px; - color: rgba(92, 97, 108, 0.55); } - notebook tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook tab:active label { - color: #5c616c; } - notebook tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #92959d; } - notebook tab button:hover { - color: #ff4d4d; } - notebook tab button:active, notebook tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(255, 255, 255, 0); } + notebook header tab label { + color: rgba(92, 97, 108, 0.55); } + notebook header tab:hover { + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; } + notebook header tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook header tab:active { + background-color: #ffffff; + border-color: #dcdfe3; } + notebook header tab:active label { + color: #5c616c; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 8dd5886..9db47d2 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -745,7 +745,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1631,17 +1631,8 @@ notebook { notebook.frame { border: 1px solid #dcdfe3; } notebook header { + padding: 2px; background-color: #F5F6F7; } - .frame notebook header { - border: 0px solid #dcdfe3; } - .frame notebook header.top { - border-bottom-width: 0; } - .frame notebook header.bottom { - border-top-width: 0; } - .frame notebook header.right { - border-left-width: 0; } - .frame notebook header.left { - border-right-width: 0; } notebook header.top { box-shadow: inset 0 -1px #dcdfe3; } notebook header.bottom { @@ -1650,72 +1641,66 @@ notebook { box-shadow: inset 1px 0 #dcdfe3; } notebook header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-top: 2px solid transparent; - padding-top: 6px; - border-radius: 3.5px 2px 0 0; } - notebook header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.top tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.top tab:active, notebook header.top tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.bottom tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-bottom: 2px solid transparent; - padding-bottom: 6px; - border-radius: 0 0 2px 3.5px; } - notebook header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.bottom tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.bottom tab:active, notebook header.bottom tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.right tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-right: 2px solid transparent; - padding-right: 17px; - border-radius: 0 3.5px 3.5px 0; } - notebook header.right tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.right tab:active, notebook header.right tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } - notebook header.left tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-left: 2px solid transparent; - padding-left: 17px; - border-radius: 3.5px 0 0 3.5px; } - notebook header.left tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.left tab:active, notebook header.left tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top { + padding-bottom: 0; } + notebook header.top tab { + padding: 4px 15px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom { + padding-top: 0; } + notebook header.bottom tab { + padding: 4px 15px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.right { + padding-left: 0; } + notebook header.right tab { + padding: 4px 15px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook header.right tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.left { + padding-right: 0; } + notebook header.left tab { + padding: 4px 15px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + notebook header.left tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + margin-left: 2px; } 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + margin-right: 2px; } notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + margin-top: 2px; } 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.down:first-child, notebook header.right tabs arrow.down:first-child { + margin-bottom: 2px; } notebook header tabs arrow { color: rgba(92, 97, 108, 0.55); } notebook header tabs arrow:hover { @@ -1724,22 +1709,29 @@ notebook { color: #5c616c; } notebook header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook tab label { - padding: 0 2px; - color: rgba(92, 97, 108, 0.55); } - notebook tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook tab:active label { - color: #5c616c; } - notebook tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #92959d; } - notebook tab button:hover { - color: #ff4d4d; } - notebook tab button:active, notebook tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(255, 255, 255, 0); } + notebook header tab label { + color: rgba(92, 97, 108, 0.55); } + notebook header tab:hover { + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; } + notebook header tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook header tab:active { + background-color: #ffffff; + border-color: #dcdfe3; } + notebook header tab:active label { + color: #5c616c; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 477b5b1..a1aac63 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -745,7 +745,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook tab button, notebook tab button:hover, notebook tab button:active, notebook tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1631,17 +1631,8 @@ notebook { notebook.frame { border: 1px solid #dcdfe3; } notebook header { + padding: 2px; background-color: #F5F6F7; } - .frame notebook header { - border: 0px solid #dcdfe3; } - .frame notebook header.top { - border-bottom-width: 0; } - .frame notebook header.bottom { - border-top-width: 0; } - .frame notebook header.right { - border-left-width: 0; } - .frame notebook header.left { - border-right-width: 0; } notebook header.top { box-shadow: inset 0 -1px #dcdfe3; } notebook header.bottom { @@ -1650,72 +1641,66 @@ notebook { box-shadow: inset 1px 0 #dcdfe3; } notebook header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-top: 2px solid transparent; - padding-top: 6px; - border-radius: 3.5px 2px 0 0; } - notebook header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.top tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.top tab:active, notebook header.top tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #ffffff, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.bottom tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-bottom: 2px solid transparent; - padding-bottom: 6px; - border-radius: 0 0 2px 3.5px; } - notebook header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook header.bottom tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.bottom tab:active, notebook header.bottom tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 -1px #ffffff, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.right tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-right: 2px solid transparent; - padding-right: 17px; - border-radius: 0 3.5px 3.5px 0; } - notebook header.right tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.right tab:active, notebook header.right tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #ffffff, inset -1px 0 #dcdfe3; } - notebook header.left tab { - border-width: 0; - background-color: rgba(255, 255, 255, 0); - padding: 4px 15px; - border-left: 2px solid transparent; - padding-left: 17px; - border-radius: 3.5px 0 0 3.5px; } - notebook header.left tab:hover { - background-color: rgba(255, 255, 255, 0.5); - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - notebook header.left tab:active, notebook header.left tab:active:hover { - background-color: #ffffff; - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #ffffff; } + notebook header.top { + padding-bottom: 0; } + notebook header.top tab { + padding: 4px 15px; + border: 1px solid transparent; + border-bottom: none; + margin-right: -1px; + border-radius: 1px 1px 0 0; } + notebook header.top tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.bottom { + padding-top: 0; } + notebook header.bottom tab { + padding: 4px 15px; + border: 1px solid transparent; + border-top: none; + margin-right: -1px; + border-radius: 0 0 1px 1px; } + notebook header.bottom tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.right { + padding-left: 0; } + notebook header.right tab { + padding: 4px 15px; + border: 1px solid transparent; + border-left: none; + margin-bottom: -1px; + border-radius: 0 1px 1px 0; } + notebook header.right tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } + notebook header.left { + padding-right: 0; } + notebook header.left tab { + padding: 4px 15px; + border: 1px solid transparent; + border-right: none; + margin-bottom: -1px; + border-radius: 1px 0 0 1px; } + notebook header.left tab.reorderable-page { + padding-left: 12px; + padding-right: 12px; } notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + margin-left: 2px; } 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + margin-right: 2px; } notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + margin-top: 2px; } 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.down:first-child, notebook header.right tabs arrow.down:first-child { + margin-bottom: 2px; } notebook header tabs arrow { color: rgba(92, 97, 108, 0.55); } notebook header tabs arrow:hover { @@ -1724,22 +1709,29 @@ notebook { color: #5c616c; } notebook header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook tab label { - padding: 0 2px; - color: rgba(92, 97, 108, 0.55); } - notebook tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook tab:active label { - color: #5c616c; } - notebook tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #92959d; } - notebook tab button:hover { - color: #ff4d4d; } - notebook tab button:active, notebook tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(255, 255, 255, 0); } + notebook header tab label { + color: rgba(92, 97, 108, 0.55); } + notebook header tab:hover { + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; } + notebook header tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook header tab:active { + background-color: #ffffff; + border-color: #dcdfe3; } + notebook header tab:active label { + color: #5c616c; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index b85d450..8169509 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1785,106 +1785,71 @@ notebook { background-color: $base_color; transition: all 200ms $ease-out-quad; - &.frame { - border: 1px solid $borders_color; - } + &.frame { border: 1px solid $borders_color; } + header { - // tab sizing $vpadding: 4px; $hpadding: 15px; - + padding: 2px; background-color: $bg_color; - .frame & { - border: 0px solid $borders_color; - &.top { border-bottom-width: 0; } - &.bottom { border-top-width: 0; } - &.right { border-left-width: 0; } - &.left { border-right-width: 0; } - } - $_header_border: $borders_color; - &.top { box-shadow: inset 0 -1px $_header_border; } - &.bottom { box-shadow: inset 0 1px $_header_border; } - &.right { box-shadow: inset 1px 0 $_header_border; } - &.left { box-shadow: inset -1px 0 $_header_border; } + // FIXME use borders and margins + &.top { box-shadow: inset 0 -1px $_header_border; } + &.bottom { box-shadow: inset 0 1px $_header_border; } + &.right { box-shadow: inset 1px 0 $_header_border; } + &.left { box-shadow: inset -1px 0 $_header_border; } - @each $_pos in (top, bottom, right, left) { - &.#{$_pos} tab { - border-width: 0; - background-color: transparentize($base_color, 1); - padding: $vpadding $hpadding; + @each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) { - border-#{$_pos}: 2px solid transparent; + &.#{$_pos} { + padding-#{$_bpos}: 0; - @if $_pos==top or $_pos==bottom { - padding-#{$_pos}: $vpadding + 2; + tab { + padding: $vpadding $hpadding; + border: 1px solid transparent; + border-#{$_bpos}: none; &.reorderable-page { padding-left: 12px; // for a nicer close button padding-right: 12px; // placement } - } - - @else if $_pos==left or $_pos==right { - padding-#{$_pos}: $hpadding + 2; // FIXME - - } - @if $_pos==top { border-radius: 3.5px 2px 0 0; } - @else if $_pos==bottom { border-radius: 0 0 2px 3.5px; } - @else if $_pos==left { border-radius: 3.5px 0 0 3.5px; } - @else if $_pos==right { border-radius: 0 3.5px 3.5px 0; } + // Tab overlap + @if $_pos==top or $_pos==bottom { margin-right: -1px; } + @else { margin-bottom: -1px; } - &:hover { - background-color: transparentize($base_color, 0.5); - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - - &:active, &:active:hover { - background-color: $base_color; - - @if $_pos==top { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $base_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - @else if $_pos==bottom { - box-shadow: inset 0 -1px $base_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - @else if $_pos==left { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $base_color; - } - @else if $_pos==right { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $base_color, - inset -1px 0 $borders_color; - } + // Tab border radius + @if $_pos==top { border-radius: 1px 1px 0 0; } + @else if $_pos==bottom { border-radius: 0 0 1px 1px; } + @else if $_pos==left { border-radius: 1px 0 0 1px; } + @else if $_pos==right { border-radius: 0 1px 1px 0; } } } } &.top, &.bottom { - & tabs arrow.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } - & tabs arrow.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); } + tabs arrow.up { + -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); + &:last-child { margin-left: 2px; } + } + tabs arrow.down { + -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); + &:first-child { margin-right: 2px; } + } } &.left, &.right { - & tabs arrow.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } - & tabs arrow.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); } + tabs arrow.up { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + &:last-child { margin-top: 2px; } + } + tabs arrow.down { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + &:first-child { margin-bottom: 2px; } + } } - & tabs arrow { + tabs arrow { color: $insensitive_fg_color; &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } @@ -1893,20 +1858,25 @@ notebook { } } - tab { - label { //tab text - padding: 0 2px; // needed for a nicer focus ring - color: $insensitive_fg_color; - } - &:hover label { - // prelight tab text - color: mix($fg_color, $insensitive_fg_color, 50%); + header tab { + background-color: transparentize($base_color, 1); + + label { color: $insensitive_fg_color; } + + &:hover { + background-color: transparentize($base_color, 0.5); + border-color: $borders_color; + + label { color: mix($fg_color, $insensitive_fg_color, 50%); } } - &:active label { - // active tab text - color: $fg_color; + &:active { + background-color: $base_color; + border-color: $borders_color; + + label { color: $fg_color; } } - button { //tab close button + + button { // close button min-height: 18px; min-width: 16px; padding: 0; -- cgit v1.2.3 From a4be52f1a58bf0802e061bb3e17377f30c288f71 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: cleanup --- common/gtk-3.0/3.20/gtk-dark.css | 2 -- common/gtk-3.0/3.20/gtk-darker.css | 2 -- common/gtk-3.0/3.20/gtk-solid-dark.css | 2 -- common/gtk-3.0/3.20/gtk-solid-darker.css | 2 -- common/gtk-3.0/3.20/gtk-solid.css | 2 -- common/gtk-3.0/3.20/gtk.css | 2 -- common/gtk-3.0/3.20/sass/_common.scss | 2 -- 7 files changed, 14 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 996754a..68bff8c 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2683,8 +2683,6 @@ button.circular-button { box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); color: #D3DAE3; padding: 3px 8px 3px 8px; } - .keycap border { - border-style: none; } stackswitcher button.text-button { min-width: 80px; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 9c7d946..ed57a6e 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2686,8 +2686,6 @@ button.circular-button { box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); color: #5c616c; padding: 3px 8px 3px 8px; } - .keycap border { - border-style: none; } stackswitcher button.text-button { min-width: 80px; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 05d02a6..78f586b 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2683,8 +2683,6 @@ button.circular-button { box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); color: #D3DAE3; padding: 3px 8px 3px 8px; } - .keycap border { - border-style: none; } stackswitcher button.text-button { min-width: 80px; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 11652b7..4005772 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2686,8 +2686,6 @@ button.circular-button { box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); color: #5c616c; padding: 3px 8px 3px 8px; } - .keycap border { - border-style: none; } stackswitcher button.text-button { min-width: 80px; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 9db47d2..986013b 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2690,8 +2690,6 @@ button.circular-button { box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); color: #5c616c; padding: 3px 8px 3px 8px; } - .keycap border { - border-style: none; } stackswitcher button.text-button { min-width: 80px; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index a1aac63..94dfc47 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2690,8 +2690,6 @@ button.circular-button { box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); color: #5c616c; padding: 3px 8px 3px 8px; } - .keycap border { - border-style: none; } stackswitcher button.text-button { min-width: 80px; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 8169509..a148fba 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -2930,8 +2930,6 @@ button.circular-button { box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85)); color: $fg_color; padding: 3px 8px 3px 8px; - - border { border-style: none; } } stackswitcher button { -- cgit v1.2.3 From c361a65cc27b0ebab7f388517135d4201bd16bd2 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: simplify comboboxes --- common/gtk-3.0/3.20/gtk-dark.css | 31 ++------------ common/gtk-3.0/3.20/gtk-darker.css | 35 ++-------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 31 ++------------ common/gtk-3.0/3.20/gtk-solid-darker.css | 35 ++-------------- common/gtk-3.0/3.20/gtk-solid.css | 35 ++-------------- common/gtk-3.0/3.20/gtk.css | 35 ++-------------- common/gtk-3.0/3.20/sass/_common.scss | 69 +++++++++----------------------- 7 files changed, 36 insertions(+), 235 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 68bff8c..13a69c8 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -691,16 +691,16 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -881,36 +881,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } -combobox > button.combo { - padding-left: 8px; - padding-right: 8px; } - -combobox:disabled { - color: rgba(211, 218, 227, 0.45); } - combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } -combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-style: none; } - -combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; } - -combobox > button.combo:not(:only-child):dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - -combobox > button.combo:not(:only-child):dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index ed57a6e..493b71d 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -690,16 +690,16 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -880,40 +880,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } -combobox > button.combo { - padding-left: 8px; - padding-right: 8px; } - -combobox:disabled { - color: rgba(92, 97, 108, 0.55); } - combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } -combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-style: none; } - combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { - box-shadow: 1px 0 #5294E2; } - -combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; } - combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { - box-shadow: -1px 0 #5294E2; } - -combobox > button.combo:not(:only-child):dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - -combobox > button.combo:not(:only-child):dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 78f586b..1b3f5d1 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -691,16 +691,16 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -881,36 +881,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } -combobox > button.combo { - padding-left: 8px; - padding-right: 8px; } - -combobox:disabled { - color: rgba(211, 218, 227, 0.45); } - combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } -combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-style: none; } - -combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; } - -combobox > button.combo:not(:only-child):dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - -combobox > button.combo:not(:only-child):dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 4005772..a4e77cc 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -690,16 +690,16 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -880,40 +880,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } -combobox > button.combo { - padding-left: 8px; - padding-right: 8px; } - -combobox:disabled { - color: rgba(92, 97, 108, 0.55); } - combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } -combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-style: none; } - combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { - box-shadow: 1px 0 #5294E2; } - -combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; } - combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { - box-shadow: -1px 0 #5294E2; } - -combobox > button.combo:not(:only-child):dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - -combobox > button.combo:not(:only-child):dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 986013b..83f45b3 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -690,16 +690,16 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -880,40 +880,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } -combobox > button.combo { - padding-left: 8px; - padding-right: 8px; } - -combobox:disabled { - color: rgba(92, 97, 108, 0.55); } - combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } -combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-style: none; } - combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { - box-shadow: 1px 0 #5294E2; } - -combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; } - combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { - box-shadow: -1px 0 #5294E2; } - -combobox > button.combo:not(:only-child):dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - -combobox > button.combo:not(:only-child):dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 94dfc47..3924291 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -690,16 +690,16 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, .linked > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, .linked > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -880,40 +880,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } -combobox > button.combo { - padding-left: 8px; - padding-right: 8px; } - -combobox:disabled { - color: rgba(92, 97, 108, 0.55); } - combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } -combobox > entry.combo:dir(ltr), combobox > spinbutton.combo:dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-style: none; } - combobox > entry.combo:dir(ltr):focus, combobox > spinbutton.combo:dir(ltr):focus { - box-shadow: 1px 0 #5294E2; } - -combobox > entry.combo:dir(rtl), combobox > spinbutton.combo:dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; } - combobox > entry.combo:dir(rtl):focus, combobox > spinbutton.combo:dir(rtl):focus { - box-shadow: -1px 0 #5294E2; } - -combobox > button.combo:not(:only-child):dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; } - -combobox > button.combo:not(:only-child):dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; } - toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index a148fba..ae3a0a8 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -890,68 +890,35 @@ spinbutton { // combobox { - > button.combo { - padding-left: 8px; - padding-right: 8px; - } - - &:disabled { - color: $insensitive_fg_color; - } arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); min-height: 16px; min-width: 16px; } - > entry.combo { - &:dir(ltr) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right-style: none; - - @if $variant=='light' { &:focus { box-shadow: 1px 0 $selected_bg_color; } } - } - &:dir(rtl) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-left-style: none; - @if $variant=='light' { &:focus { box-shadow: -1px 0 $selected_bg_color; } } + &.linked { + button:nth-child(2) { + &:dir(ltr) { @extend %linked:last-child; } + &:dir(rtl) { @extend %linked:first-child; } } } - > button.combo:not(:only-child) { - &:dir(ltr) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - &:dir(rtl) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } + + .linked > & > button.combo { + // the combobox is a composite widget so the way we do button linking doesn't + // work, special case needed. + &:dir(ltr), + &:dir(rtl) { @extend %linked_middle; } // specificity bump } -} -.linked > combobox > button.combo { - // the combo is a composite widget so the way we do button linkind 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 > combobox:first-child > button.combo { - @extend %linked:first-child; -} -.linked > combobox:last-child > button.combo { - @extend %linked:last-child; -} -.linked > combobox:only-child > button.combo { - @extend %linked:only-child; -} + .linked:not(.vertical) > &:first-child > button.combo { @extend %linked:first-child; } + .linked:not(.vertical) > &:last-child > button.combo { @extend %linked:last-child; } + .linked:not(.vertical) > &:only-child > button.combo { @extend %linked:only-child; } -.linked.vertical > combobox > button.combo { @extend %linked_vertical_middle; } -.linked.vertical > combobox:first-child > button.combo { @extend %linked_vertical:first-child; } -.linked.vertical > combobox:last-child > button.combo { @extend %linked_vertical:last-child; } -.linked.vertical > combobox:only-child > button.combo { @extend %linked_vertical:only-child; } + .linked.vertical > & > button.combo { @extend %linked_vertical_middle; } + .linked.vertical > &:first-child > button.combo { @extend %linked_vertical:first-child; } + .linked.vertical > &:last-child > button.combo { @extend %linked_vertical:last-child; } + .linked.vertical > &:only-child > button.combo { @extend %linked_vertical:only-child; } +} // // Toolbars -- cgit v1.2.3 From 08cf21a35f496df6889499221ece676eea58c000 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: use a more specific selector --- common/gtk-3.0/3.20/gtk-dark.css | 2 +- common/gtk-3.0/3.20/gtk-darker.css | 2 +- common/gtk-3.0/3.20/gtk-solid-dark.css | 2 +- common/gtk-3.0/3.20/gtk-solid-darker.css | 2 +- common/gtk-3.0/3.20/gtk-solid.css | 2 +- common/gtk-3.0/3.20/gtk.css | 2 +- common/gtk-3.0/3.20/sass/_common.scss | 2 +- 7 files changed, 7 insertions(+), 7 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 13a69c8..a70a55c 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -579,7 +579,7 @@ button { .linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 493b71d..7bbc39f 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -578,7 +578,7 @@ button { .linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 1b3f5d1..044882e 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -579,7 +579,7 @@ button { .linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index a4e77cc..aa37387 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -578,7 +578,7 @@ button { .linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 83f45b3..0dcd4ff 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -578,7 +578,7 @@ button { .linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 3924291..38f67f5 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -578,7 +578,7 @@ button { .linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):hover { +.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index ae3a0a8..75cfc1f 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -578,7 +578,7 @@ toolbar.inline-toolbar toolbutton { > button:first-child:hover:not(:checked):not(:active) { box-shadow: none; } > button:checked + button:not(:checked):not(:active):hover { box-shadow: none; } > button:checked + entry { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } - > entry + button:not(:checked):not(:active):hover { box-shadow: none; } + > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } } // special case for path-bars -- cgit v1.2.3 From 626474399fc6c6fa2c0f1d3ed7b5b34ab5f18c1d Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: fix caret color --- common/gtk-3.0/3.20/gtk-dark.css | 13 +------------ common/gtk-3.0/3.20/gtk-darker.css | 13 +------------ common/gtk-3.0/3.20/gtk-solid-dark.css | 13 +------------ common/gtk-3.0/3.20/gtk-solid-darker.css | 13 +------------ common/gtk-3.0/3.20/gtk-solid.css | 13 +------------ common/gtk-3.0/3.20/gtk.css | 13 +------------ common/gtk-3.0/3.20/sass/_common.scss | 1 + common/gtk-3.0/3.20/sass/_drawing.scss | 4 ---- 8 files changed, 7 insertions(+), 76 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index a70a55c..0064813 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -137,10 +137,10 @@ entry, spinbutton { border: 1px solid; padding-left: 8px; padding-right: 8px; + caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; - caret-color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } @@ -156,7 +156,6 @@ entry, spinbutton { padding-left: 5px; } entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { color: #D3DAE3; - caret-color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); @@ -167,7 +166,6 @@ entry, spinbutton { entry:focus, spinbutton:focus { background-clip: border-box; color: #D3DAE3; - caret-color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); @@ -1056,7 +1054,6 @@ headerbar { .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } @@ -1066,7 +1063,6 @@ headerbar { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } @@ -1285,7 +1281,6 @@ headerbar { .primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } @@ -1293,7 +1288,6 @@ headerbar { color: inherit; } .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } @@ -3093,7 +3087,6 @@ GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } @@ -3104,14 +3097,12 @@ GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, @@ -3364,7 +3355,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } @@ -3372,7 +3362,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } .marlin-pathbar.pathbar:disabled { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 7bbc39f..efd0522 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -137,10 +137,10 @@ entry, spinbutton { border: 1px solid; padding-left: 8px; padding-right: 8px; + caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; - caret-color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } @@ -156,7 +156,6 @@ entry, spinbutton { padding-left: 5px; } entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { color: #5c616c; - caret-color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); @@ -167,7 +166,6 @@ entry, spinbutton { entry:focus, spinbutton:focus { background-clip: border-box; color: #5c616c; - caret-color: #5c616c; border-color: #5294E2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } @@ -1055,7 +1053,6 @@ headerbar { .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } @@ -1065,7 +1062,6 @@ headerbar { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } @@ -1284,7 +1280,6 @@ headerbar { .primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } @@ -1292,7 +1287,6 @@ headerbar { color: inherit; } .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } @@ -3092,7 +3086,6 @@ GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } @@ -3103,14 +3096,12 @@ GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, @@ -3363,7 +3354,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } @@ -3371,7 +3361,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } .marlin-pathbar.pathbar:disabled { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 044882e..5811788 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -137,10 +137,10 @@ entry, spinbutton { border: 1px solid; padding-left: 8px; padding-right: 8px; + caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #D3DAE3; - caret-color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } @@ -156,7 +156,6 @@ entry, spinbutton { padding-left: 5px; } entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { color: #D3DAE3; - caret-color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); @@ -167,7 +166,6 @@ entry, spinbutton { entry:focus, spinbutton:focus { background-clip: border-box; color: #D3DAE3; - caret-color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); @@ -1056,7 +1054,6 @@ headerbar { .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } @@ -1066,7 +1063,6 @@ headerbar { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } @@ -1285,7 +1281,6 @@ headerbar { .primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } @@ -1293,7 +1288,6 @@ headerbar { color: inherit; } .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } @@ -3093,7 +3087,6 @@ GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } @@ -3104,14 +3097,12 @@ GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, @@ -3364,7 +3355,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } @@ -3372,7 +3362,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } .marlin-pathbar.pathbar:disabled { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index aa37387..71db1d5 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -137,10 +137,10 @@ entry, spinbutton { border: 1px solid; padding-left: 8px; padding-right: 8px; + caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; - caret-color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } @@ -156,7 +156,6 @@ entry, spinbutton { padding-left: 5px; } entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { color: #5c616c; - caret-color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); @@ -167,7 +166,6 @@ entry, spinbutton { entry:focus, spinbutton:focus { background-clip: border-box; color: #5c616c; - caret-color: #5c616c; border-color: #5294E2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } @@ -1055,7 +1053,6 @@ headerbar { .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } @@ -1065,7 +1062,6 @@ headerbar { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } @@ -1284,7 +1280,6 @@ headerbar { .primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } @@ -1292,7 +1287,6 @@ headerbar { color: inherit; } .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } @@ -3092,7 +3086,6 @@ GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { padding: 0 10px; color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } @@ -3103,14 +3096,12 @@ GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, @@ -3363,7 +3354,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { padding-left: 4px; padding-right: 4px; color: rgba(207, 218, 231, 0.8); - caret-color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } @@ -3371,7 +3361,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; - caret-color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); } .marlin-pathbar.pathbar:disabled { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 0dcd4ff..8ebb087 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -137,10 +137,10 @@ entry, spinbutton { border: 1px solid; padding-left: 8px; padding-right: 8px; + caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; - caret-color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } @@ -156,7 +156,6 @@ entry, spinbutton { padding-left: 5px; } entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { color: #5c616c; - caret-color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); @@ -167,7 +166,6 @@ entry, spinbutton { entry:focus, spinbutton:focus { background-clip: border-box; color: #5c616c; - caret-color: #5c616c; border-color: #5294E2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } @@ -1055,7 +1053,6 @@ headerbar { .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(82, 93, 118, 0.8); - caret-color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } @@ -1065,7 +1062,6 @@ headerbar { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { color: #ffffff; - caret-color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); background-clip: border-box; } @@ -1284,7 +1280,6 @@ headerbar { .primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { color: rgba(82, 93, 118, 0.8); - caret-color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } @@ -1292,7 +1287,6 @@ headerbar { color: inherit; } .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { color: #ffffff; - caret-color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } @@ -3096,7 +3090,6 @@ GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { padding: 0 10px; color: rgba(82, 93, 118, 0.8); - caret-color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } @@ -3107,14 +3100,12 @@ GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { color: #ffffff; - caret-color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { color: #ffffff; - caret-color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, @@ -3367,7 +3358,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { padding-left: 4px; padding-right: 4px; color: rgba(82, 93, 118, 0.8); - caret-color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } @@ -3375,7 +3365,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; - caret-color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .marlin-pathbar.pathbar:disabled { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 38f67f5..d43c65f 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -137,10 +137,10 @@ entry, spinbutton { border: 1px solid; padding-left: 8px; padding-right: 8px; + caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #5c616c; - caret-color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } @@ -156,7 +156,6 @@ entry, spinbutton { padding-left: 5px; } entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { color: #5c616c; - caret-color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); @@ -167,7 +166,6 @@ entry, spinbutton { entry:focus, spinbutton:focus { background-clip: border-box; color: #5c616c; - caret-color: #5c616c; border-color: #5294E2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } @@ -1055,7 +1053,6 @@ headerbar { .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(82, 93, 118, 0.8); - caret-color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } @@ -1065,7 +1062,6 @@ headerbar { opacity: 0.85; } .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { color: #ffffff; - caret-color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); background-clip: border-box; } @@ -1284,7 +1280,6 @@ headerbar { .primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { color: rgba(82, 93, 118, 0.8); - caret-color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } @@ -1292,7 +1287,6 @@ headerbar { color: inherit; } .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { color: #ffffff; - caret-color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } @@ -3096,7 +3090,6 @@ GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { padding: 0 10px; color: rgba(82, 93, 118, 0.8); - caret-color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } @@ -3107,14 +3100,12 @@ GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { color: #ffffff; - caret-color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { color: #ffffff; - caret-color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, @@ -3367,7 +3358,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { padding-left: 4px; padding-right: 4px; color: rgba(82, 93, 118, 0.8); - caret-color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } @@ -3375,7 +3365,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { color: inherit; } .marlin-pathbar.pathbar:focus { color: #ffffff; - caret-color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); } .marlin-pathbar.pathbar:disabled { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 75cfc1f..c5cac11 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -200,6 +200,7 @@ entry { padding-left: 8px; padding-right: 8px; + caret-color: currentColor; border-radius: 3px; transition: all 200ms $ease-out-quad; diff --git a/common/gtk-3.0/3.20/sass/_drawing.scss b/common/gtk-3.0/3.20/sass/_drawing.scss index bc4a8e2..8ccaea3 100644 --- a/common/gtk-3.0/3.20/sass/_drawing.scss +++ b/common/gtk-3.0/3.20/sass/_drawing.scss @@ -27,7 +27,6 @@ // normal entry // color: $text_color; - caret-color: $text_color; border-color: $entry_border; background-color: $entry_bg; background-image: linear-gradient(to bottom, $entry_bg); @@ -38,7 +37,6 @@ // focused entry // color: $text_color; - caret-color: $text_color; border-color: if($variant=='light', $selected_bg_color, $button_border); background-color: $entry_bg; background-image: linear-gradient(to bottom, $entry_bg); @@ -67,7 +65,6 @@ // color: $header_fg; - caret-color: $header_fg; border-color: $header_entry_border; background-image: linear-gradient(to bottom, $header_entry_bg); background-color: transparent; @@ -80,7 +77,6 @@ // focused header-bar entry // color: $selected_fg_color; - caret-color: $selected_fg_color; border-color: if($darker=='false' and $variant=='light', $selected_bg_color, transparent); background-image: linear-gradient(to bottom, $selected_bg_color); } -- cgit v1.2.3 From b96d367e4034a28378507aa3390562fa6a6c7412 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: fix combobox arrow placement --- common/gtk-3.0/3.20/gtk-dark.css | 5 +++++ common/gtk-3.0/3.20/gtk-darker.css | 5 +++++ common/gtk-3.0/3.20/gtk-solid-dark.css | 5 +++++ common/gtk-3.0/3.20/gtk-solid-darker.css | 5 +++++ common/gtk-3.0/3.20/gtk-solid.css | 5 +++++ common/gtk-3.0/3.20/gtk.css | 5 +++++ common/gtk-3.0/3.20/sass/_common.scss | 6 +++++- 7 files changed, 35 insertions(+), 1 deletion(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 0064813..9be083b 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -879,6 +879,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index efd0522..39e6ad1 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -878,6 +878,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 5811788..693e5ed 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -879,6 +879,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 71db1d5..1f1301f 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -878,6 +878,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 8ebb087..c830254 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -878,6 +878,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index d43c65f..593c666 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -878,6 +878,11 @@ treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton e border-radius: 0; box-shadow: none; } +combobox button.combo { + min-width: 0; + padding-left: 8px; + padding-right: 8px; } + combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index c5cac11..5a430d3 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -890,7 +890,11 @@ spinbutton { // Comboboxes // combobox { - + button.combo { + min-width: 0; // otherwise the arrow placement is unsymmetric + padding-left: 8px; // + padding-right: 8px // + } arrow { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); min-height: 16px; -- cgit v1.2.3 From 35f30835d2540d71241e24818024e785d51b90e3 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: fix checkboxes in treeviews --- common/gtk-3.0/3.20/gtk-dark.css | 48 ++++++++++++++++++++++++-------- common/gtk-3.0/3.20/gtk-darker.css | 48 ++++++++++++++++++++++++-------- common/gtk-3.0/3.20/gtk-solid-dark.css | 48 ++++++++++++++++++++++++-------- common/gtk-3.0/3.20/gtk-solid-darker.css | 48 ++++++++++++++++++++++++-------- common/gtk-3.0/3.20/gtk-solid.css | 48 ++++++++++++++++++++++++-------- common/gtk-3.0/3.20/gtk.css | 48 ++++++++++++++++++++++++-------- common/gtk-3.0/3.20/sass/_common.scss | 4 ++- 7 files changed, 219 insertions(+), 73 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 9be083b..227d09c 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1842,7 +1842,8 @@ headerbar switch:active:disabled, .primary-toolbar switch:active:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } -check { +check, +treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, @@ -1850,11 +1851,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, +treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } -check:disabled { +check:disabled, +treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, @@ -1862,11 +1865,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, +treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } -check:indeterminate { +check:indeterminate, +treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, @@ -1874,11 +1879,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, +treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } -check:indeterminate:disabled { +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, @@ -1886,11 +1893,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } -check:checked { +check:checked, +treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, @@ -1898,11 +1907,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, +treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } -check:checked:disabled { +check:checked:disabled, +treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, @@ -1910,11 +1921,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, +treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } -radio { +radio, +treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, @@ -1922,11 +1935,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, +treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } -radio:disabled { +radio:disabled, +treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, @@ -1934,11 +1949,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, +treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } -radio:indeterminate { +radio:indeterminate, +treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, @@ -1946,11 +1963,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, +treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } -radio:indeterminate:disabled { +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, @@ -1958,11 +1977,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } -radio:checked { +radio:checked, +treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, @@ -1970,11 +1991,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, +treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } -radio:checked:disabled { +radio:checked:disabled, +treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, @@ -1982,6 +2005,7 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 39e6ad1..169786a 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1841,7 +1841,8 @@ headerbar switch:active:disabled, .primary-toolbar switch:active:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } -check { +check, +treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, @@ -1849,11 +1850,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, +treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } -check:disabled { +check:disabled, +treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, @@ -1861,11 +1864,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, +treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } -check:indeterminate { +check:indeterminate, +treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, @@ -1873,11 +1878,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, +treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } -check:indeterminate:disabled { +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, @@ -1885,11 +1892,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } -check:checked { +check:checked, +treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, @@ -1897,11 +1906,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, +treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } -check:checked:disabled { +check:checked:disabled, +treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, @@ -1909,11 +1920,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, +treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } -radio { +radio, +treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, @@ -1921,11 +1934,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, +treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } -radio:disabled { +radio:disabled, +treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, @@ -1933,11 +1948,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, +treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } -radio:indeterminate { +radio:indeterminate, +treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, @@ -1945,11 +1962,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, +treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } -radio:indeterminate:disabled { +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, @@ -1957,11 +1976,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } -radio:checked { +radio:checked, +treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, @@ -1969,11 +1990,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, +treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } -radio:checked:disabled { +radio:checked:disabled, +treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, @@ -1981,6 +2004,7 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 693e5ed..cd6b323 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1842,7 +1842,8 @@ headerbar switch:active:disabled, .primary-toolbar switch:active:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } -check { +check, +treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, @@ -1850,11 +1851,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, +treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } -check:disabled { +check:disabled, +treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, @@ -1862,11 +1865,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, +treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } -check:indeterminate { +check:indeterminate, +treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, @@ -1874,11 +1879,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, +treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } -check:indeterminate:disabled { +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, @@ -1886,11 +1893,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } -check:checked { +check:checked, +treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, @@ -1898,11 +1907,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, +treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } -check:checked:disabled { +check:checked:disabled, +treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, @@ -1910,11 +1921,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, +treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } -radio { +radio, +treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, @@ -1922,11 +1935,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, +treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } -radio:disabled { +radio:disabled, +treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, @@ -1934,11 +1949,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, +treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } -radio:indeterminate { +radio:indeterminate, +treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, @@ -1946,11 +1963,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, +treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } -radio:indeterminate:disabled { +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, @@ -1958,11 +1977,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } -radio:checked { +radio:checked, +treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, @@ -1970,11 +1991,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, +treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } -radio:checked:disabled { +radio:checked:disabled, +treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, @@ -1982,6 +2005,7 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 1f1301f..97e9fa8 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1841,7 +1841,8 @@ headerbar switch:active:disabled, .primary-toolbar switch:active:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); } -check { +check, +treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, @@ -1849,11 +1850,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, +treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } -check:disabled { +check:disabled, +treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, @@ -1861,11 +1864,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, +treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } -check:indeterminate { +check:indeterminate, +treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, @@ -1873,11 +1878,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, +treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } -check:indeterminate:disabled { +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, @@ -1885,11 +1892,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } -check:checked { +check:checked, +treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, @@ -1897,11 +1906,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, +treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } -check:checked:disabled { +check:checked:disabled, +treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, @@ -1909,11 +1920,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, +treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } -radio { +radio, +treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, @@ -1921,11 +1934,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, +treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } -radio:disabled { +radio:disabled, +treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, @@ -1933,11 +1948,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, +treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } -radio:indeterminate { +radio:indeterminate, +treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, @@ -1945,11 +1962,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, +treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } -radio:indeterminate:disabled { +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, @@ -1957,11 +1976,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } -radio:checked { +radio:checked, +treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, @@ -1969,11 +1990,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, +treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } -radio:checked:disabled { +radio:checked:disabled, +treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, @@ -1981,6 +2004,7 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index c830254..cee70f8 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1845,7 +1845,8 @@ headerbar switch:active:disabled, .primary-toolbar switch:active:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } -check { +check, +treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, @@ -1853,11 +1854,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, +treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } -check:disabled { +check:disabled, +treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, @@ -1865,11 +1868,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, +treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } -check:indeterminate { +check:indeterminate, +treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, @@ -1877,11 +1882,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, +treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } -check:indeterminate:disabled { +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, @@ -1889,11 +1896,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } -check:checked { +check:checked, +treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, @@ -1901,11 +1910,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, +treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } -check:checked:disabled { +check:checked:disabled, +treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, @@ -1913,11 +1924,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, +treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } -radio { +radio, +treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, @@ -1925,11 +1938,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, +treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } -radio:disabled { +radio:disabled, +treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, @@ -1937,11 +1952,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, +treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } -radio:indeterminate { +radio:indeterminate, +treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, @@ -1949,11 +1966,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, +treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } -radio:indeterminate:disabled { +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, @@ -1961,11 +1980,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } -radio:checked { +radio:checked, +treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, @@ -1973,11 +1994,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, +treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } -radio:checked:disabled { +radio:checked:disabled, +treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, @@ -1985,6 +2008,7 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 593c666..494579e 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1845,7 +1845,8 @@ headerbar switch:active:disabled, .primary-toolbar switch:active:disabled { background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); } -check { +check, +treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, @@ -1853,11 +1854,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, +treeview.check:selected, row:selected check, infobar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); } -check:disabled { +check:disabled, +treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, @@ -1865,11 +1868,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, +treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); } -check:indeterminate { +check:indeterminate, +treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, @@ -1877,11 +1882,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, +treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); } -check:indeterminate:disabled { +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, @@ -1889,11 +1896,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); } -check:checked { +check:checked, +treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, @@ -1901,11 +1910,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, +treeview.check:checked:selected, row:selected check:checked, infobar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); } -check:checked:disabled { +check:checked:disabled, +treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, @@ -1913,11 +1924,13 @@ GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, +treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); } -radio { +radio, +treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, @@ -1925,11 +1938,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, +treeview.radio:selected, row:selected radio, infobar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); } -radio:disabled { +radio:disabled, +treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, @@ -1937,11 +1952,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, +treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); } -radio:indeterminate { +radio:indeterminate, +treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, @@ -1949,11 +1966,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, +treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); } -radio:indeterminate:disabled { +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, @@ -1961,11 +1980,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); } -radio:checked { +radio:checked, +treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, @@ -1973,11 +1994,13 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, +treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); } -radio:checked:disabled { +radio:checked:disabled, +treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, @@ -1985,6 +2008,7 @@ GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 5a430d3..9d422f0 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -2052,7 +2052,8 @@ switch { (':indeterminate:disabled', '-mixed-insensitive'), (':checked', '-checked'), (':checked:disabled','-checked-insensitive') { - #{$w}#{$s} { + #{$w}#{$s}, + treeview.#{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}#{$asset_suffix}.png"), url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); } @@ -2067,6 +2068,7 @@ switch { // too similar in luminosity to the selected background color, hence // we need special casing. .view #{$w}#{$s}:selected, + treeview.#{$w}#{$s}:selected, row:selected #{$w}#{$s}, infobar #{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-selected.png"), -- cgit v1.2.3 From f0c0620ab86cfce7d4d5ee1ba51a232c45d8735e Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: dialog fixes --- common/gtk-3.0/3.20/gtk-dark.css | 62 ++++++++++++++++++-------------- common/gtk-3.0/3.20/gtk-darker.css | 62 ++++++++++++++++++-------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 62 ++++++++++++++++++-------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 62 ++++++++++++++++++-------------- common/gtk-3.0/3.20/gtk-solid.css | 62 ++++++++++++++++++-------------- common/gtk-3.0/3.20/gtk.css | 62 ++++++++++++++++++-------------- common/gtk-3.0/3.20/sass/_common.scss | 35 +++++++++--------- 7 files changed, 233 insertions(+), 174 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 227d09c..9c8b242 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1044,6 +1044,10 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: rgba(38, 42, 51, 0.97); } +headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + .primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { min-width: 1px; min-height: 1px; @@ -1053,10 +1057,6 @@ headerbar { .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { - margin-top: 6px; - margin-bottom: 6px; } - .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); @@ -2397,28 +2397,38 @@ calendar { calendar.highlight { color: #D3DAE3; } -messagedialog { - -GtkDialog-button-spacing: 0; } - messagedialog .titlebar { - background-color: rgba(47, 52, 63, 0.97); - border-bottom: 1px solid rgba(32, 35, 43, 0.97); } - messagedialog .dialog-action-area button { - padding: 2px; } - messagedialog.csd.background { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; } - messagedialog.csd .dialog-action-area button { - padding: 2px; - border-radius: 0; } - messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { - border-right-style: none; - border-bottom-style: none; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 3px; } - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 3px; } +messagedialog .titlebar { + background-color: rgba(47, 52, 63, 0.97); + border-bottom: 1px solid rgba(32, 35, 43, 0.97); } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } .sidebar, .sidebar .view { border: none; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 169786a..4cfa54c 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1043,6 +1043,10 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: rgba(38, 42, 51, 0.97); } +headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + .primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { min-width: 1px; min-height: 1px; @@ -1052,10 +1056,6 @@ headerbar { .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { - margin-top: 6px; - margin-bottom: 6px; } - .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); @@ -2396,28 +2396,38 @@ calendar { calendar.highlight { color: #5c616c; } -messagedialog { - -GtkDialog-button-spacing: 0; } - messagedialog .titlebar { - background-color: rgba(47, 52, 63, 0.97); - border-bottom: 1px solid rgba(32, 35, 43, 0.97); } - messagedialog .dialog-action-area button { - padding: 2px; } - messagedialog.csd.background { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; } - messagedialog.csd .dialog-action-area button { - padding: 2px; - border-radius: 0; } - messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { - border-right-style: none; - border-bottom-style: none; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 3px; } - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 3px; } +messagedialog .titlebar { + background-color: rgba(47, 52, 63, 0.97); + border-bottom: 1px solid rgba(32, 35, 43, 0.97); } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } .sidebar, .sidebar .view { border: none; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index cd6b323..54cc685 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1044,6 +1044,10 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: #262a33; } +headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + .primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { min-width: 1px; min-height: 1px; @@ -1053,10 +1057,6 @@ headerbar { .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { - margin-top: 6px; - margin-bottom: 6px; } - .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); @@ -2397,28 +2397,38 @@ calendar { calendar.highlight { color: #D3DAE3; } -messagedialog { - -GtkDialog-button-spacing: 0; } - messagedialog .titlebar { - background-color: #2f343f; - border-bottom: 1px solid #20232b; } - messagedialog .dialog-action-area button { - padding: 2px; } - messagedialog.csd.background { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; } - messagedialog.csd .dialog-action-area button { - padding: 2px; - border-radius: 0; } - messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { - border-right-style: none; - border-bottom-style: none; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 3px; } - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 3px; } +messagedialog .titlebar { + background-color: #2f343f; + border-bottom: 1px solid #20232b; } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } .sidebar, .sidebar .view { border: none; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 97e9fa8..3c651ec 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1043,6 +1043,10 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: #262a33; } +headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + .primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { min-width: 1px; min-height: 1px; @@ -1052,10 +1056,6 @@ headerbar { .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { - margin-top: 6px; - margin-bottom: 6px; } - .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); @@ -2396,28 +2396,38 @@ calendar { calendar.highlight { color: #5c616c; } -messagedialog { - -GtkDialog-button-spacing: 0; } - messagedialog .titlebar { - background-color: #2f343f; - border-bottom: 1px solid #20232b; } - messagedialog .dialog-action-area button { - padding: 2px; } - messagedialog.csd.background { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; } - messagedialog.csd .dialog-action-area button { - padding: 2px; - border-radius: 0; } - messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { - border-right-style: none; - border-bottom-style: none; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 3px; } - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 3px; } +messagedialog .titlebar { + background-color: #2f343f; + border-bottom: 1px solid #20232b; } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } .sidebar, .sidebar .view { border: none; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index cee70f8..73e573b 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1043,6 +1043,10 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: #d4d5db; } +headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + .primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { min-width: 1px; min-height: 1px; @@ -1052,10 +1056,6 @@ headerbar { .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { - margin-top: 6px; - margin-bottom: 6px; } - .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); @@ -2400,28 +2400,38 @@ calendar { calendar.highlight { color: #5c616c; } -messagedialog { - -GtkDialog-button-spacing: 0; } - messagedialog .titlebar { - background-color: #e7e8eb; - border-bottom: 1px solid #d4d5db; } - messagedialog .dialog-action-area button { - padding: 2px; } - messagedialog.csd.background { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; } - messagedialog.csd .dialog-action-area button { - padding: 2px; - border-radius: 0; } - messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { - border-right-style: none; - border-bottom-style: none; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 3px; } - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 3px; } +messagedialog .titlebar { + background-color: #e7e8eb; + border-bottom: 1px solid #d4d5db; } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } .sidebar, .sidebar .view { border: none; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 494579e..553befd 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1043,6 +1043,10 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: rgba(212, 213, 219, 0.95); } +headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { + margin-top: 6px; + margin-bottom: 6px; } + .primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { min-width: 1px; min-height: 1px; @@ -1052,10 +1056,6 @@ headerbar { .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar button, headerbar button, .primary-toolbar separator, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { - margin-top: 6px; - margin-bottom: 6px; } - .primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); @@ -2400,28 +2400,38 @@ calendar { calendar.highlight { color: #5c616c; } -messagedialog { - -GtkDialog-button-spacing: 0; } - messagedialog .titlebar { - background-color: rgba(231, 232, 235, 0.95); - border-bottom: 1px solid rgba(212, 213, 219, 0.95); } - messagedialog .dialog-action-area button { - padding: 2px; } - messagedialog.csd.background { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border: none; } - messagedialog.csd .dialog-action-area button { - padding: 2px; - border-radius: 0; } - messagedialog.csd .dialog-action-area button, messagedialog.csd .dialog-action-area button:hover, messagedialog.csd .dialog-action-area button:active, messagedialog.csd .dialog-action-area button:disabled { - border-right-style: none; - border-bottom-style: none; } - messagedialog.csd .dialog-action-area button:last-child { - border-bottom-right-radius: 3px; } - messagedialog.csd .dialog-action-area button:first-child { - border-left-style: none; - border-bottom-left-radius: 3px; } +messagedialog .titlebar { + background-color: rgba(231, 232, 235, 0.95); + border-bottom: 1px solid rgba(212, 213, 219, 0.95); } + +messagedialog .dialog-action-area button { + padding: 8px; + min-height: 0; } + +messagedialog.csd.background { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: none; } + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; } + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 3px 0; + border-right-style: none; } + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 3px; + border-left-style: none; } + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } .sidebar, .sidebar .view { border: none; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 9d422f0..c339b5b 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1138,7 +1138,6 @@ headerbar { } // Separator in Gnome Tweak Tool separator { background-color: $header_border; } - } // Only extending headerbar avoids some problems (Gnome Documents searchbar) @@ -1146,6 +1145,11 @@ headerbar { separator.titlebutton { @extend %header_separator; } @extend %header_widgets; + + entry, button, separator { + margin-top: 6px; + margin-bottom: 6px; + } } %header_separator { @@ -1164,11 +1168,6 @@ headerbar { %header_widgets { - entry, button, separator { - margin-top: 6px; - margin-bottom: 6px; - } - // Headerbar Entries entry, spinbutton { @include entry(header-normal); @@ -2508,11 +2507,10 @@ calendar { // Dialogs // messagedialog { // Message Dialog styling - -GtkDialog-button-spacing: 0; .titlebar { background-color: $header_bg; border-bottom: 1px solid darken($header_bg, 7%) } - .dialog-action-area button { padding: 2px; } + .dialog-action-area button { padding: 8px; min-height: 0; } &.csd { // rounded bottom border styling for csd version &.background { @@ -2521,28 +2519,29 @@ messagedialog { // Message Dialog styling border: none; } .dialog-action-area button { - padding: 2px; - border-radius: 0; + border-bottom-style: none; @extend %middle_button; - - &:hover, &:active, &:disabled { - @extend %middle_button; - } - &:first-child{ @extend %first_button; } &:last-child { @extend %last_button; } + &:only-child { @extend %single_button; } } %middle_button { + border-radius: 0; border-right-style: none; - border-bottom-style: none; } %last_button { - border-bottom-right-radius: 3px; + border-radius: 0 0 3px 0; + border-right-style: none; } %first_button { + border-radius: 0 0 0 3px; border-left-style: none; - border-bottom-left-radius: 3px; + } + %single_button { + border-radius: 0 0 3px 3px; + border-left-style: none; + border-right-style: none; } } } -- cgit v1.2.3 From e92739266aac4acae0c5ef005980fa9e73153d8b Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: remove list background in placessidebar --- common/gtk-3.0/3.20/gtk-dark.css | 3 +++ common/gtk-3.0/3.20/gtk-darker.css | 3 +++ common/gtk-3.0/3.20/gtk-solid-dark.css | 3 +++ common/gtk-3.0/3.20/gtk-solid-darker.css | 3 +++ common/gtk-3.0/3.20/gtk-solid.css | 3 +++ common/gtk-3.0/3.20/gtk.css | 3 +++ common/gtk-3.0/3.20/sass/_common.scss | 2 ++ 7 files changed, 20 insertions(+) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 9c8b242..3206e73 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2442,6 +2442,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar list { + background-color: transparent; } + placessidebar row { padding: 0px; } placessidebar row > revealer { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 4cfa54c..f3d8f55 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2441,6 +2441,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar list { + background-color: transparent; } + placessidebar row { padding: 0px; } placessidebar row > revealer { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 54cc685..0133382 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2442,6 +2442,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar list { + background-color: transparent; } + placessidebar row { padding: 0px; } placessidebar row > revealer { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 3c651ec..1840e95 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2441,6 +2441,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar list { + background-color: transparent; } + placessidebar row { padding: 0px; } placessidebar row > revealer { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 73e573b..dcc1942 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2445,6 +2445,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar list { + background-color: transparent; } + placessidebar row { padding: 0px; } placessidebar row > revealer { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 553befd..6ee2d6d 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2445,6 +2445,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar list { + background-color: transparent; } + placessidebar row { padding: 0px; } placessidebar row > revealer { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index c339b5b..393f206 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -2575,6 +2575,8 @@ placessidebar { @extend scrolledwindow; + list { background-color: transparent; } + row { // Needs overriding of the GtkListBoxRow padding padding: 0px; -- cgit v1.2.3 From 4949c613e78becb70af422e4d919aa32697a5b04 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: sync with master --- common/gtk-3.0/3.20/assets.svg | 38 +-- common/gtk-3.0/3.20/assets.txt | 32 +-- .../3.20/assets/titlebutton-max-active-dark.png | Bin 391 -> 0 bytes .../3.20/assets/titlebutton-max-active-dark@2.png | Bin 662 -> 0 bytes .../gtk-3.0/3.20/assets/titlebutton-max-active.png | Bin 391 -> 0 bytes .../3.20/assets/titlebutton-max-active@2.png | Bin 662 -> 0 bytes .../3.20/assets/titlebutton-max-backdrop-dark.png | Bin 241 -> 0 bytes .../assets/titlebutton-max-backdrop-dark@2.png | Bin 280 -> 0 bytes .../3.20/assets/titlebutton-max-backdrop.png | Bin 241 -> 0 bytes .../3.20/assets/titlebutton-max-backdrop@2.png | Bin 289 -> 0 bytes .../gtk-3.0/3.20/assets/titlebutton-max-dark.png | Bin 241 -> 0 bytes .../gtk-3.0/3.20/assets/titlebutton-max-dark@2.png | Bin 297 -> 0 bytes .../3.20/assets/titlebutton-max-hover-dark.png | Bin 413 -> 0 bytes .../3.20/assets/titlebutton-max-hover-dark@2.png | Bin 807 -> 0 bytes .../gtk-3.0/3.20/assets/titlebutton-max-hover.png | Bin 422 -> 0 bytes .../3.20/assets/titlebutton-max-hover@2.png | Bin 801 -> 0 bytes common/gtk-3.0/3.20/assets/titlebutton-max.png | Bin 241 -> 0 bytes common/gtk-3.0/3.20/assets/titlebutton-max@2.png | Bin 297 -> 0 bytes .../assets/titlebutton-maximize-active-dark.png | Bin 0 -> 391 bytes .../assets/titlebutton-maximize-active-dark@2.png | Bin 0 -> 662 bytes .../3.20/assets/titlebutton-maximize-active.png | Bin 0 -> 391 bytes .../3.20/assets/titlebutton-maximize-active@2.png | Bin 0 -> 662 bytes .../assets/titlebutton-maximize-backdrop-dark.png | Bin 0 -> 241 bytes .../titlebutton-maximize-backdrop-dark@2.png | Bin 0 -> 280 bytes .../3.20/assets/titlebutton-maximize-backdrop.png | Bin 0 -> 241 bytes .../assets/titlebutton-maximize-backdrop@2.png | Bin 0 -> 289 bytes .../3.20/assets/titlebutton-maximize-dark.png | Bin 0 -> 241 bytes .../3.20/assets/titlebutton-maximize-dark@2.png | Bin 0 -> 297 bytes .../assets/titlebutton-maximize-hover-dark.png | Bin 0 -> 413 bytes .../assets/titlebutton-maximize-hover-dark@2.png | Bin 0 -> 807 bytes .../3.20/assets/titlebutton-maximize-hover.png | Bin 0 -> 422 bytes .../3.20/assets/titlebutton-maximize-hover@2.png | Bin 0 -> 801 bytes .../gtk-3.0/3.20/assets/titlebutton-maximize.png | Bin 0 -> 241 bytes .../gtk-3.0/3.20/assets/titlebutton-maximize@2.png | Bin 0 -> 297 bytes .../3.20/assets/titlebutton-min-active-dark.png | Bin 343 -> 0 bytes .../3.20/assets/titlebutton-min-active-dark@2.png | Bin 571 -> 0 bytes .../gtk-3.0/3.20/assets/titlebutton-min-active.png | Bin 343 -> 0 bytes .../3.20/assets/titlebutton-min-active@2.png | Bin 571 -> 0 bytes .../3.20/assets/titlebutton-min-backdrop-dark.png | Bin 168 -> 0 bytes .../assets/titlebutton-min-backdrop-dark@2.png | Bin 180 -> 0 bytes .../3.20/assets/titlebutton-min-backdrop.png | Bin 167 -> 0 bytes .../3.20/assets/titlebutton-min-backdrop@2.png | Bin 180 -> 0 bytes .../gtk-3.0/3.20/assets/titlebutton-min-dark.png | Bin 168 -> 0 bytes .../gtk-3.0/3.20/assets/titlebutton-min-dark@2.png | Bin 180 -> 0 bytes .../3.20/assets/titlebutton-min-hover-dark.png | Bin 363 -> 0 bytes .../3.20/assets/titlebutton-min-hover-dark@2.png | Bin 701 -> 0 bytes .../gtk-3.0/3.20/assets/titlebutton-min-hover.png | Bin 368 -> 0 bytes .../3.20/assets/titlebutton-min-hover@2.png | Bin 694 -> 0 bytes common/gtk-3.0/3.20/assets/titlebutton-min.png | Bin 168 -> 0 bytes common/gtk-3.0/3.20/assets/titlebutton-min@2.png | Bin 180 -> 0 bytes .../assets/titlebutton-minimize-active-dark.png | Bin 0 -> 343 bytes .../assets/titlebutton-minimize-active-dark@2.png | Bin 0 -> 571 bytes .../3.20/assets/titlebutton-minimize-active.png | Bin 0 -> 343 bytes .../3.20/assets/titlebutton-minimize-active@2.png | Bin 0 -> 571 bytes .../assets/titlebutton-minimize-backdrop-dark.png | Bin 0 -> 168 bytes .../titlebutton-minimize-backdrop-dark@2.png | Bin 0 -> 180 bytes .../3.20/assets/titlebutton-minimize-backdrop.png | Bin 0 -> 167 bytes .../assets/titlebutton-minimize-backdrop@2.png | Bin 0 -> 180 bytes .../3.20/assets/titlebutton-minimize-dark.png | Bin 0 -> 168 bytes .../3.20/assets/titlebutton-minimize-dark@2.png | Bin 0 -> 180 bytes .../assets/titlebutton-minimize-hover-dark.png | Bin 0 -> 363 bytes .../assets/titlebutton-minimize-hover-dark@2.png | Bin 0 -> 701 bytes .../3.20/assets/titlebutton-minimize-hover.png | Bin 0 -> 368 bytes .../3.20/assets/titlebutton-minimize-hover@2.png | Bin 0 -> 694 bytes .../gtk-3.0/3.20/assets/titlebutton-minimize.png | Bin 0 -> 168 bytes .../gtk-3.0/3.20/assets/titlebutton-minimize@2.png | Bin 0 -> 180 bytes common/gtk-3.0/3.20/gtk-dark.css | 274 +++++++++---------- common/gtk-3.0/3.20/gtk-darker.css | 296 ++++++++++----------- common/gtk-3.0/3.20/gtk-solid-dark.css | 274 +++++++++---------- common/gtk-3.0/3.20/gtk-solid-darker.css | 296 ++++++++++----------- common/gtk-3.0/3.20/gtk-solid.css | 290 +++++++++----------- common/gtk-3.0/3.20/gtk.css | 290 +++++++++----------- common/gtk-3.0/3.20/sass/_common.scss | 294 ++++++-------------- 73 files changed, 903 insertions(+), 1181 deletions(-) delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-active-dark.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-active-dark@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-active.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-active@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-backdrop.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-backdrop@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-dark.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-dark@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-hover.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max-hover@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-max@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-active-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-active-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-active.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-active@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-hover.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize-hover@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-maximize@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-active-dark.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-active-dark@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-active.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-active@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-backdrop.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-backdrop@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-dark.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-dark@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-hover.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min-hover@2.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min.png delete mode 100644 common/gtk-3.0/3.20/assets/titlebutton-min@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-active.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-active@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-hover.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize-hover@2.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize.png create mode 100644 common/gtk-3.0/3.20/assets/titlebutton-minimize@2.png diff --git a/common/gtk-3.0/3.20/assets.svg b/common/gtk-3.0/3.20/assets.svg index b1ca40c..db616b6 100644 --- a/common/gtk-3.0/3.20/assets.svg +++ b/common/gtk-3.0/3.20/assets.svg @@ -24,9 +24,9 @@ borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" - inkscape:zoom="8" - inkscape:cx="176.38504" - inkscape:cy="151.27384" + inkscape:zoom="4" + inkscape:cx="117.91346" + inkscape:cy="193.93448" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" @@ -2239,7 +2239,7 @@ style="display:inline" transform="translate(8.000005,285.63782)"> @@ -2652,7 +2652,7 @@ style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> @@ -2765,7 +2765,7 @@ style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#f8f8f9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" /> @@ -3232,7 +3232,7 @@ y="-168.63782" /> @@ -4648,7 +4648,7 @@ @@ -5330,7 +5330,7 @@ y="-168.63782" /> diff --git a/common/gtk-3.0/3.20/assets.txt b/common/gtk-3.0/3.20/assets.txt index 6746aca..a11af04 100644 --- a/common/gtk-3.0/3.20/assets.txt +++ b/common/gtk-3.0/3.20/assets.txt @@ -40,14 +40,14 @@ titlebutton-close titlebutton-close-backdrop titlebutton-close-hover titlebutton-close-active -titlebutton-max -titlebutton-max-backdrop -titlebutton-max-hover -titlebutton-max-active -titlebutton-min -titlebutton-min-backdrop -titlebutton-min-hover -titlebutton-min-active +titlebutton-maximize +titlebutton-maximize-backdrop +titlebutton-maximize-hover +titlebutton-maximize-active +titlebutton-minimize +titlebutton-minimize-backdrop +titlebutton-minimize-hover +titlebutton-minimize-active checkbox-checked-dark checkbox-checked-insensitive-dark checkbox-unchecked-dark @@ -74,11 +74,11 @@ titlebutton-close-dark titlebutton-close-backdrop-dark titlebutton-close-hover-dark titlebutton-close-active-dark -titlebutton-max-dark -titlebutton-max-backdrop-dark -titlebutton-max-hover-dark -titlebutton-max-active-dark -titlebutton-min-dark -titlebutton-min-backdrop-dark -titlebutton-min-hover-dark -titlebutton-min-active-dark +titlebutton-maximize-dark +titlebutton-maximize-backdrop-dark +titlebutton-maximize-hover-dark +titlebutton-maximize-active-dark +titlebutton-minimize-dark +titlebutton-minimize-backdrop-dark +titlebutton-minimize-hover-dark +titlebutton-minimize-active-dark diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark.png deleted file mode 100644 index c6a82b7..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark@2.png deleted file mode 100644 index 5ed5c6c..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-active-dark@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active.png deleted file mode 100644 index c6a82b7..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-active.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-active@2.png deleted file mode 100644 index 5ed5c6c..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-active@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark.png deleted file mode 100644 index 0883ca7..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark@2.png deleted file mode 100644 index 4542b7f..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop-dark@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop.png deleted file mode 100644 index 36858b0..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop@2.png deleted file mode 100644 index 061e356..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-backdrop@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-dark.png deleted file mode 100644 index 8addbf8..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-dark.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-dark@2.png deleted file mode 100644 index dedcc38..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-dark@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark.png deleted file mode 100644 index 84a5583..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark@2.png deleted file mode 100644 index d2ef62a..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-hover-dark@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover.png deleted file mode 100644 index 128a39d..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-hover.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max-hover@2.png deleted file mode 100644 index 66cdeda..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max-hover@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max.png b/common/gtk-3.0/3.20/assets/titlebutton-max.png deleted file mode 100644 index 14e5e3e..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-max@2.png b/common/gtk-3.0/3.20/assets/titlebutton-max@2.png deleted file mode 100644 index a1a13bb..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-max@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active-dark.png new file mode 100644 index 0000000..c6a82b7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active-dark@2.png new file mode 100644 index 0000000..5ed5c6c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-active.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active.png new file mode 100644 index 0000000..c6a82b7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active@2.png new file mode 100644 index 0000000..5ed5c6c Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark.png new file mode 100644 index 0000000..0883ca7 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark@2.png new file mode 100644 index 0000000..4542b7f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop.png new file mode 100644 index 0000000..36858b0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop@2.png new file mode 100644 index 0000000..061e356 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-backdrop@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark.png new file mode 100644 index 0000000..8addbf8 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark@2.png new file mode 100644 index 0000000..dedcc38 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark.png new file mode 100644 index 0000000..84a5583 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark@2.png new file mode 100644 index 0000000..d2ef62a Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover.png new file mode 100644 index 0000000..128a39d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover@2.png new file mode 100644 index 0000000..66cdeda Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize-hover@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize.png new file mode 100644 index 0000000..14e5e3e Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-maximize@2.png b/common/gtk-3.0/3.20/assets/titlebutton-maximize@2.png new file mode 100644 index 0000000..a1a13bb Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-maximize@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark.png deleted file mode 100644 index 4785503..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark@2.png deleted file mode 100644 index fb9325f..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-active-dark@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active.png deleted file mode 100644 index 4785503..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-active.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-active@2.png deleted file mode 100644 index fb9325f..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-active@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark.png deleted file mode 100644 index b04db91..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark@2.png deleted file mode 100644 index 5b8cf4d..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop-dark@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop.png deleted file mode 100644 index b83cb7d..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop@2.png deleted file mode 100644 index f83b673..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-backdrop@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-dark.png deleted file mode 100644 index b5c9732..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-dark.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-dark@2.png deleted file mode 100644 index 29b6465..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-dark@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark.png deleted file mode 100644 index c38e8b3..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark@2.png deleted file mode 100644 index 59b63da..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-hover-dark@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover.png deleted file mode 100644 index c250748..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-hover.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min-hover@2.png deleted file mode 100644 index 965ce3d..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min-hover@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min.png b/common/gtk-3.0/3.20/assets/titlebutton-min.png deleted file mode 100644 index f4b6db0..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-min@2.png b/common/gtk-3.0/3.20/assets/titlebutton-min@2.png deleted file mode 100644 index 9a35819..0000000 Binary files a/common/gtk-3.0/3.20/assets/titlebutton-min@2.png and /dev/null differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark.png new file mode 100644 index 0000000..4785503 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark@2.png new file mode 100644 index 0000000..fb9325f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-active.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active.png new file mode 100644 index 0000000..4785503 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-active@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active@2.png new file mode 100644 index 0000000..fb9325f Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-active@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark.png new file mode 100644 index 0000000..b04db91 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark@2.png new file mode 100644 index 0000000..5b8cf4d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop.png new file mode 100644 index 0000000..b83cb7d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop@2.png new file mode 100644 index 0000000..f83b673 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-backdrop@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark.png new file mode 100644 index 0000000..b5c9732 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark@2.png new file mode 100644 index 0000000..29b6465 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark.png new file mode 100644 index 0000000..c38e8b3 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark@2.png new file mode 100644 index 0000000..59b63da Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover-dark@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover.png new file mode 100644 index 0000000..c250748 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover@2.png new file mode 100644 index 0000000..965ce3d Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize-hover@2.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize.png new file mode 100644 index 0000000..f4b6db0 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize.png differ diff --git a/common/gtk-3.0/3.20/assets/titlebutton-minimize@2.png b/common/gtk-3.0/3.20/assets/titlebutton-minimize@2.png new file mode 100644 index 0000000..9a35819 Binary files /dev/null and b/common/gtk-3.0/3.20/assets/titlebutton-minimize@2.png differ diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 3206e73..376d8cf 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -349,6 +349,9 @@ button { outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294E2; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } button.suggested-action { background-clip: border-box; color: #ffffff; @@ -491,94 +494,86 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, -.linked:not(.vertical):not(.pathbar) > entry + button:hover, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, -.linked:not(.vertical):not(.pathbar) > entry + button:active, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, -.linked:not(.vertical):not(.pathbar) > entry + button:checked, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, -.linked:not(.vertical):not(.pathbar) > entry + button:disabled, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { - border-left-style: solid; } +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: -1px 0 #2b2e39; } +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } -.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 1px 0 #2b2e39; } -.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { - border-left-color: #2b2e39; } - -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { - box-shadow: none; } +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } @@ -616,31 +611,6 @@ button { .linked.vertical > spinbutton + spinbutton:focus:last-child { border-top-color: #2b2e39; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { - border-top-color: #2b2e39; } - -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { - border-top-color: #2b2e39; } - -.linked.vertical > entry + button, .linked.vertical > spinbutton + button, -.linked.vertical > entry + button:hover, -.linked.vertical > spinbutton + button:hover, -.linked.vertical > entry + button:active, -.linked.vertical > spinbutton + button:active, -.linked.vertical > entry + button:checked, -.linked.vertical > spinbutton + button:checked, -.linked.vertical > entry + button:disabled, -.linked.vertical > spinbutton + button:disabled { - border-top-style: solid; } - .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > spinbutton:focus:not(:only-child) + button, @@ -648,6 +618,13 @@ button { .linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #2b2e39; } + .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > spinbutton.warning:focus:not(:only-child) + button, @@ -655,6 +632,13 @@ button { .linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #2b2e39; } + .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > spinbutton.error:focus:not(:only-child) + button, @@ -662,26 +646,28 @@ button { .linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } -.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), -.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: 0 -1px #2b2e39; } - -.linked.vertical > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } - -.linked.vertical > button:checked + button:not(:checked):not(:active):hover { - box-shadow: none; } - .linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { border-top-color: #2b2e39; } -.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { +.linked.vertical > button + button { + border-top-style: none; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 0 1px #2b2e39; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, +.linked:not(.vertical) > entry:focus, +.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, @@ -689,59 +675,41 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > button, +.linked.vertical > entry, .linked.vertical > spinbutton, +.linked.vertical > entry:focus, +.linked.vertical > spinbutton:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } -.linked:not(.vertical) > button, -.linked:not(.vertical) > button:hover, -.linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - border-left-style: none; } - .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { - border-left-style: solid; } - -.linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked { - border-top-style: none; } - .linked.vertical > button:first-child { - border-top-style: solid; } - menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, .menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { @@ -1156,43 +1124,49 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { @@ -2869,28 +2843,28 @@ headerbar button.titlebutton, background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view selection, diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index f3d8f55..94a1597 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -348,6 +348,9 @@ button { outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294E2; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } button.suggested-action { background-clip: border-box; color: #ffffff; @@ -490,95 +493,87 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(207, 214, 230, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { border-left-color: #F27835; } -.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { - border-left-color: #F27835; } - -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { - border-left-color: #FC4138; } - -.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, -.linked:not(.vertical):not(.pathbar) > entry + button:hover, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, -.linked:not(.vertical):not(.pathbar) > entry + button:active, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, -.linked:not(.vertical):not(.pathbar) > entry + button:checked, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, -.linked:not(.vertical):not(.pathbar) > entry + button:disabled, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { - border-left-style: solid; } - -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: -1px 0 #cfd6e6; } +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } +.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { + border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { - box-shadow: none; } +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } -.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { - border-left-color: #5294E2; } +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 1px 0 #cfd6e6; } -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } @@ -615,31 +610,6 @@ button { .linked.vertical > spinbutton + spinbutton:focus:last-child { border-top-color: #5294E2; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { - border-top-color: #F27835; } - -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { - border-top-color: #FC4138; } - -.linked.vertical > entry + button, .linked.vertical > spinbutton + button, -.linked.vertical > entry + button:hover, -.linked.vertical > spinbutton + button:hover, -.linked.vertical > entry + button:active, -.linked.vertical > spinbutton + button:active, -.linked.vertical > entry + button:checked, -.linked.vertical > spinbutton + button:checked, -.linked.vertical > entry + button:disabled, -.linked.vertical > spinbutton + button:disabled { - border-top-style: solid; } - .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > spinbutton:focus:not(:only-child) + button, @@ -647,6 +617,13 @@ button { .linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { border-top-color: #5294E2; } +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > spinbutton.warning:focus:not(:only-child) + button, @@ -654,6 +631,13 @@ button { .linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #F27835; } +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > spinbutton.error:focus:not(:only-child) + button, @@ -661,26 +645,28 @@ button { .linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #FC4138; } -.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), -.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: 0 -1px #cfd6e6; } - -.linked.vertical > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } - -.linked.vertical > button:checked + button:not(:checked):not(:active):hover { - box-shadow: none; } - .linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { border-top-color: #5294E2; } -.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { +.linked.vertical > button + button { + border-top-style: none; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 0 1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, +.linked:not(.vertical) > entry:focus, +.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, @@ -688,59 +674,41 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > button, +.linked.vertical > entry, .linked.vertical > spinbutton, +.linked.vertical > entry:focus, +.linked.vertical > spinbutton:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } -.linked:not(.vertical) > button, -.linked:not(.vertical) > button:hover, -.linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - border-left-style: none; } - .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { - border-left-style: solid; } - -.linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked { - border-top-style: none; } - .linked.vertical > button:first-child { - border-top-style: solid; } - menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, .menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { @@ -1155,44 +1123,50 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { - border-left-color: #FC4138; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { + border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { - border-left-color: #F27835; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { - border-left-color: #FC4138; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { - border-left-color: #F27835; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { - border-left-color: #FC4138; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { - border-left-color: #F27835; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { - border-left-color: #FC4138; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { + border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { background-clip: border-box; @@ -2868,28 +2842,28 @@ headerbar button.titlebutton, background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view selection, diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 0133382..2da06ea 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -349,6 +349,9 @@ button { outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294E2; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } button.suggested-action { background-clip: border-box; color: #ffffff; @@ -491,94 +494,86 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, -.linked:not(.vertical):not(.pathbar) > entry + button:hover, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, -.linked:not(.vertical):not(.pathbar) > entry + button:active, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, -.linked:not(.vertical):not(.pathbar) > entry + button:checked, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, -.linked:not(.vertical):not(.pathbar) > entry + button:disabled, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { - border-left-style: solid; } +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { + border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: -1px 0 #2b2e39; } +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } -.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 1px 0 #2b2e39; } -.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { - border-left-color: #2b2e39; } - -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { - box-shadow: none; } +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; } .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5), inset -1px 0 rgba(43, 46, 57, 0.5); } @@ -616,31 +611,6 @@ button { .linked.vertical > spinbutton + spinbutton:focus:last-child { border-top-color: #2b2e39; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { - border-top-color: #2b2e39; } - -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { - border-top-color: #2b2e39; } - -.linked.vertical > entry + button, .linked.vertical > spinbutton + button, -.linked.vertical > entry + button:hover, -.linked.vertical > spinbutton + button:hover, -.linked.vertical > entry + button:active, -.linked.vertical > spinbutton + button:active, -.linked.vertical > entry + button:checked, -.linked.vertical > spinbutton + button:checked, -.linked.vertical > entry + button:disabled, -.linked.vertical > spinbutton + button:disabled { - border-top-style: solid; } - .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > spinbutton:focus:not(:only-child) + button, @@ -648,6 +618,13 @@ button { .linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #2b2e39; } + .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > spinbutton.warning:focus:not(:only-child) + button, @@ -655,6 +632,13 @@ button { .linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #2b2e39; } + .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > spinbutton.error:focus:not(:only-child) + button, @@ -662,26 +646,28 @@ button { .linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } -.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), -.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: 0 -1px #2b2e39; } - -.linked.vertical > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } - -.linked.vertical > button:checked + button:not(:checked):not(:active):hover { - box-shadow: none; } - .linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { border-top-color: #2b2e39; } -.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { +.linked.vertical > button + button { + border-top-style: none; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 0 1px #2b2e39; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, +.linked:not(.vertical) > entry:focus, +.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, @@ -689,59 +675,41 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > button, +.linked.vertical > entry, .linked.vertical > spinbutton, +.linked.vertical > entry:focus, +.linked.vertical > spinbutton:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } -.linked:not(.vertical) > button, -.linked:not(.vertical) > button:hover, -.linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - border-left-style: none; } - .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { - border-left-style: solid; } - -.linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked { - border-top-style: none; } - .linked.vertical > button:first-child { - border-top-style: solid; } - menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, .menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { @@ -1156,43 +1124,49 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { @@ -2869,28 +2843,28 @@ headerbar button.titlebutton, background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view selection, diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 1840e95..575d2cd 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -348,6 +348,9 @@ button { outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294E2; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } button.suggested-action { background-clip: border-box; color: #ffffff; @@ -490,95 +493,87 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(207, 214, 230, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { border-left-color: #F27835; } -.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { - border-left-color: #F27835; } - -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { - border-left-color: #FC4138; } - -.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, -.linked:not(.vertical):not(.pathbar) > entry + button:hover, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, -.linked:not(.vertical):not(.pathbar) > entry + button:active, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, -.linked:not(.vertical):not(.pathbar) > entry + button:checked, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, -.linked:not(.vertical):not(.pathbar) > entry + button:disabled, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { - border-left-style: solid; } - -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: -1px 0 #cfd6e6; } +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } +.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { + border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { - box-shadow: none; } +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } -.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { - border-left-color: #5294E2; } +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 1px 0 #cfd6e6; } -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } @@ -615,31 +610,6 @@ button { .linked.vertical > spinbutton + spinbutton:focus:last-child { border-top-color: #5294E2; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { - border-top-color: #F27835; } - -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { - border-top-color: #FC4138; } - -.linked.vertical > entry + button, .linked.vertical > spinbutton + button, -.linked.vertical > entry + button:hover, -.linked.vertical > spinbutton + button:hover, -.linked.vertical > entry + button:active, -.linked.vertical > spinbutton + button:active, -.linked.vertical > entry + button:checked, -.linked.vertical > spinbutton + button:checked, -.linked.vertical > entry + button:disabled, -.linked.vertical > spinbutton + button:disabled { - border-top-style: solid; } - .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > spinbutton:focus:not(:only-child) + button, @@ -647,6 +617,13 @@ button { .linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { border-top-color: #5294E2; } +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > spinbutton.warning:focus:not(:only-child) + button, @@ -654,6 +631,13 @@ button { .linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #F27835; } +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > spinbutton.error:focus:not(:only-child) + button, @@ -661,26 +645,28 @@ button { .linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #FC4138; } -.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), -.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: 0 -1px #cfd6e6; } - -.linked.vertical > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } - -.linked.vertical > button:checked + button:not(:checked):not(:active):hover { - box-shadow: none; } - .linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { border-top-color: #5294E2; } -.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { +.linked.vertical > button + button { + border-top-style: none; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 0 1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, +.linked:not(.vertical) > entry:focus, +.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, @@ -688,59 +674,41 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > button, +.linked.vertical > entry, .linked.vertical > spinbutton, +.linked.vertical > entry:focus, +.linked.vertical > spinbutton:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } -.linked:not(.vertical) > button, -.linked:not(.vertical) > button:hover, -.linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - border-left-style: none; } - .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { - border-left-style: solid; } - -.linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked { - border-top-style: none; } - .linked.vertical > button:first-child { - border-top-style: solid; } - menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, .menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { @@ -1155,44 +1123,50 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(207, 218, 231, 0.4); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { - border-left-color: #FC4138; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { + border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { - border-left-color: #F27835; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { - border-left-color: #FC4138; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { + border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { - border-left-color: #F27835; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { - border-left-color: #FC4138; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { - border-left-color: #F27835; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { - border-left-color: #FC4138; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { + border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { background-clip: border-box; @@ -2868,28 +2842,28 @@ headerbar button.titlebutton, background-image: -gtk-scaled(url("assets/titlebutton-close-active-dark.png"), url("assets/titlebutton-close-active-dark@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("assets/titlebutton-max-dark.png"), url("assets/titlebutton-max-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-dark.png"), url("assets/titlebutton-maximize-dark@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop-dark.png"), url("assets/titlebutton-max-backdrop-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop-dark.png"), url("assets/titlebutton-maximize-backdrop-dark@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-max-hover-dark.png"), url("assets/titlebutton-max-hover-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover-dark.png"), url("assets/titlebutton-maximize-hover-dark@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("assets/titlebutton-max-active-dark.png"), url("assets/titlebutton-max-active-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active-dark.png"), url("assets/titlebutton-maximize-active-dark@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("assets/titlebutton-min-dark.png"), url("assets/titlebutton-min-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-dark.png"), url("assets/titlebutton-minimize-dark@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop-dark.png"), url("assets/titlebutton-min-backdrop-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop-dark.png"), url("assets/titlebutton-minimize-backdrop-dark@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-min-hover-dark.png"), url("assets/titlebutton-min-hover-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover-dark.png"), url("assets/titlebutton-minimize-hover-dark@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("assets/titlebutton-min-active-dark.png"), url("assets/titlebutton-min-active-dark@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } .view:selected, .view selection, diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index dcc1942..af66efa 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -348,6 +348,9 @@ button { outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294E2; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } button.suggested-action { background-clip: border-box; color: #ffffff; @@ -490,95 +493,87 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(207, 214, 230, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { border-left-color: #F27835; } -.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { - border-left-color: #F27835; } - -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { - border-left-color: #FC4138; } - -.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, -.linked:not(.vertical):not(.pathbar) > entry + button:hover, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, -.linked:not(.vertical):not(.pathbar) > entry + button:active, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, -.linked:not(.vertical):not(.pathbar) > entry + button:checked, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, -.linked:not(.vertical):not(.pathbar) > entry + button:disabled, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { - border-left-style: solid; } - -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: -1px 0 #cfd6e6; } +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } +.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { + border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { - box-shadow: none; } +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } -.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { - border-left-color: #5294E2; } +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 1px 0 #cfd6e6; } -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } @@ -615,31 +610,6 @@ button { .linked.vertical > spinbutton + spinbutton:focus:last-child { border-top-color: #5294E2; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { - border-top-color: #F27835; } - -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { - border-top-color: #FC4138; } - -.linked.vertical > entry + button, .linked.vertical > spinbutton + button, -.linked.vertical > entry + button:hover, -.linked.vertical > spinbutton + button:hover, -.linked.vertical > entry + button:active, -.linked.vertical > spinbutton + button:active, -.linked.vertical > entry + button:checked, -.linked.vertical > spinbutton + button:checked, -.linked.vertical > entry + button:disabled, -.linked.vertical > spinbutton + button:disabled { - border-top-style: solid; } - .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > spinbutton:focus:not(:only-child) + button, @@ -647,6 +617,13 @@ button { .linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { border-top-color: #5294E2; } +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > spinbutton.warning:focus:not(:only-child) + button, @@ -654,6 +631,13 @@ button { .linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #F27835; } +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > spinbutton.error:focus:not(:only-child) + button, @@ -661,26 +645,28 @@ button { .linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #FC4138; } -.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), -.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: 0 -1px #cfd6e6; } - -.linked.vertical > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } - -.linked.vertical > button:checked + button:not(:checked):not(:active):hover { - box-shadow: none; } - .linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { border-top-color: #5294E2; } -.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { +.linked.vertical > button + button { + border-top-style: none; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 0 1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, +.linked:not(.vertical) > entry:focus, +.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, @@ -688,59 +674,41 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > button, +.linked.vertical > entry, .linked.vertical > spinbutton, +.linked.vertical > entry:focus, +.linked.vertical > spinbutton:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } -.linked:not(.vertical) > button, -.linked:not(.vertical) > button:hover, -.linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - border-left-style: none; } - .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { - border-left-style: solid; } - -.linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked { - border-top-style: none; } - .linked.vertical > button:first-child { - border-top-style: solid; } - menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, .menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { @@ -1155,45 +1123,51 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(82, 93, 118, 0.4); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(82, 93, 118, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { - border-left-color: #F27835; } - -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { - border-left-color: #FC4138; } - -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #FC4138; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { + border-left-color: #5294E2; } + .primary-toolbar button.suggested-action, headerbar button.suggested-action { background-clip: border-box; color: #ffffff; @@ -2872,28 +2846,28 @@ headerbar button.titlebutton, background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } .view:selected, .view selection, diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 6ee2d6d..837126d 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -348,6 +348,9 @@ button { outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294E2; } + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; } button.suggested-action { background-clip: border-box; color: #ffffff; @@ -490,95 +493,87 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.pathbar) > entry + entry, .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(207, 214, 230, 0.3); } -.linked:not(.vertical):not(.pathbar) > entry.error + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > entry.warning + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry + entry.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { border-left-color: #F27835; } -.linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { - border-left-color: #F27835; } - -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { - border-left-color: #FC4138; } - -.linked:not(.vertical):not(.pathbar) > entry + button, .linked:not(.vertical):not(.pathbar) > spinbutton + button, -.linked:not(.vertical):not(.pathbar) > entry + button:hover, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:hover, -.linked:not(.vertical):not(.pathbar) > entry + button:active, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:active, -.linked:not(.vertical):not(.pathbar) > entry + button:checked, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:checked, -.linked:not(.vertical):not(.pathbar) > entry + button:disabled, -.linked:not(.vertical):not(.pathbar) > spinbutton + button:disabled { - border-left-style: solid; } - -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, +.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active):not(:only-child), -.linked:not(.vertical):not(.pathbar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: -1px 0 #cfd6e6; } +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, +.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { + border-left-color: #FC4138; } -.linked:not(.vertical):not(.pathbar) > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } +.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { + border-left-color: #5294E2; } -.linked:not(.vertical):not(.pathbar) > button:checked + button:not(:checked):not(:active):hover { - box-shadow: none; } +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; } -.linked:not(.vertical):not(.pathbar) > button:checked + entry, .linked:not(.vertical):not(.pathbar) > button:checked + spinbutton { - border-left-color: #5294E2; } +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), +.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 1px 0 #cfd6e6; } -.linked:not(.vertical):not(.pathbar) > entry + button:not(:checked):not(:active):not(:only-child):hover, .linked:not(.vertical):not(.pathbar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), +.linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4), inset -1px 0 rgba(207, 214, 230, 0.4); } @@ -615,31 +610,6 @@ button { .linked.vertical > spinbutton + spinbutton:focus:last-child { border-top-color: #5294E2; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { - border-top-color: #F27835; } - -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { - border-top-color: #FC4138; } - -.linked.vertical > entry + button, .linked.vertical > spinbutton + button, -.linked.vertical > entry + button:hover, -.linked.vertical > spinbutton + button:hover, -.linked.vertical > entry + button:active, -.linked.vertical > spinbutton + button:active, -.linked.vertical > entry + button:checked, -.linked.vertical > spinbutton + button:checked, -.linked.vertical > entry + button:disabled, -.linked.vertical > spinbutton + button:disabled { - border-top-style: solid; } - .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, .linked.vertical > entry:focus:not(:only-child) + button, .linked.vertical > spinbutton:focus:not(:only-child) + button, @@ -647,6 +617,13 @@ button { .linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { border-top-color: #5294E2; } +.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child, +.linked.vertical > spinbutton + entry.warning:focus:last-child, +.linked.vertical > entry + spinbutton.warning:focus:last-child, +.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { + border-top-color: #F27835; } + .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, .linked.vertical > entry.warning:focus:not(:only-child) + button, .linked.vertical > spinbutton.warning:focus:not(:only-child) + button, @@ -654,6 +631,13 @@ button { .linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #F27835; } +.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child, +.linked.vertical > spinbutton + entry.error:focus:last-child, +.linked.vertical > entry + spinbutton.error:focus:last-child, +.linked.vertical > spinbutton + spinbutton.error:focus:last-child { + border-top-color: #FC4138; } + .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, .linked.vertical > entry.error:focus:not(:only-child) + button, .linked.vertical > spinbutton.error:focus:not(:only-child) + button, @@ -661,26 +645,28 @@ button { .linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #FC4138; } -.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), -.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { - box-shadow: 0 -1px #cfd6e6; } - -.linked.vertical > button:first-child:hover:not(:checked):not(:active) { - box-shadow: none; } - -.linked.vertical > button:checked + button:not(:checked):not(:active):hover { - box-shadow: none; } - .linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { border-top-color: #5294E2; } -.linked.vertical > entry + button:not(:checked):not(:active):hover, .linked.vertical > spinbutton + button:not(:checked):not(:active):hover { +.linked.vertical > button + button { + border-top-style: none; } + +.linked.vertical > button:hover:not(:checked):not(:active):not(:only-child), +.linked.vertical > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: inset 0 1px #cfd6e6; } + +.linked.vertical > button:first-child:hover:not(:checked):not(:active), +.linked.vertical > button:checked + button:not(:checked):not(:active):hover, +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, +.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, +.linked:not(.vertical) > entry:focus, +.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .linked:not(.vertical):not(.pathbar) > entry, .linked:not(.vertical):not(.pathbar) > spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, @@ -688,59 +674,41 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b border-radius: 0; border-right-style: none; } -.inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:first-child, .linked:not(.vertical):not(.pathbar) > spinbutton:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:last-child, .linked:not(.vertical):not(.pathbar) > spinbutton:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical):not(.pathbar) > entry:only-child, .linked:not(.vertical):not(.pathbar) > spinbutton:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > button, +.linked.vertical > entry, .linked.vertical > spinbutton, +.linked.vertical > entry:focus, +.linked.vertical > spinbutton:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > entry, .linked.vertical > spinbutton, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > button:first-child, .linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > button:last-child, .linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > button:only-child, .linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } -.linked:not(.vertical) > button, -.linked:not(.vertical) > button:hover, -.linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - border-left-style: none; } - .linked:not(.vertical) > button:first-child, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { - border-left-style: solid; } - -.linked.vertical > button, -.linked.vertical > button:hover, -.linked.vertical > button:active, -.linked.vertical > button:checked { - border-top-style: none; } - .linked.vertical > button:first-child { - border-top-style: solid; } - menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, .menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { @@ -1155,45 +1123,51 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled { color: rgba(82, 93, 118, 0.4); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button + button, .primary-toolbar .linked:not(.vertical).path-bar > button + button, headerbar .linked:not(.vertical).path-bar > button + button { + border-left-style: none; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { +.primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { border-left-color: rgba(82, 93, 118, 0); } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.warning:focus:last-child { - border-left-color: #F27835; } - -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton + spinbutton.error:focus:last-child { - border-left-color: #FC4138; } - -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { + border-left-color: #F27835; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > entry.error:focus:not(:only-child) + button.combo > button.combo, .primary-toolbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo, headerbar .linked:not(.vertical):not(.pathbar) > spinbutton.error:focus:not(:only-child) + button.combo > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { + border-left-color: #FC4138; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #FC4138; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { + border-left-color: #5294E2; } + .primary-toolbar button.suggested-action, headerbar button.suggested-action { background-clip: border-box; color: #ffffff; @@ -2872,28 +2846,28 @@ headerbar button.titlebutton, background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); } headerbar button.titlebutton.maximize, .titlebar button.titlebutton.maximize { - background-image: -gtk-scaled(url("assets/titlebutton-max.png"), url("assets/titlebutton-max@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); } headerbar button.titlebutton.maximize:backdrop, .titlebar button.titlebutton.maximize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-max-backdrop.png"), url("assets/titlebutton-max-backdrop@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); } headerbar button.titlebutton.maximize:hover, .titlebar button.titlebutton.maximize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-max-hover.png"), url("assets/titlebutton-max-hover@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); } headerbar button.titlebutton.maximize:active, .titlebar button.titlebutton.maximize:active { - background-image: -gtk-scaled(url("assets/titlebutton-max-active.png"), url("assets/titlebutton-max-active@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); } headerbar button.titlebutton.minimize, .titlebar button.titlebutton.minimize { - background-image: -gtk-scaled(url("assets/titlebutton-min.png"), url("assets/titlebutton-min@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); } headerbar button.titlebutton.minimize:backdrop, .titlebar button.titlebutton.minimize:backdrop { - background-image: -gtk-scaled(url("assets/titlebutton-min-backdrop.png"), url("assets/titlebutton-min-backdrop@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); } headerbar button.titlebutton.minimize:hover, .titlebar button.titlebutton.minimize:hover { - background-image: -gtk-scaled(url("assets/titlebutton-min-hover.png"), url("assets/titlebutton-min-hover@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); } headerbar button.titlebutton.minimize:active, .titlebar button.titlebutton.minimize:active { - background-image: -gtk-scaled(url("assets/titlebutton-min-active.png"), url("assets/titlebutton-min-active@2.png")); } + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } .view:selected, .view selection, diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 393f206..05b7bf9 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -271,6 +271,12 @@ entry { &:focus { @include entry(osd-focus); } &:disabled { @include entry(osd-insensitive); } } + + .linked:not(.vertical) > &, + .linked:not(.vertical) > &:focus { @extend %linked; } + + .linked.vertical > &, + .linked.vertical > &:focus { @extend %linked_vertical; } } // @@ -388,6 +394,9 @@ button { &:active, &:checked { @include button(osd-active); } } } + .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active):not(:only-child), + .osd .linked:not(.vertical):not(.path-bar) > &:hover:not(:checked):not(:active) + &:not(:checked):not(:active) { box-shadow: none; } + // Suggested and Destructive Action buttons @each $b_type, $b_color in (suggested-action, $suggested_color), (destructive-action, $destructive_color) { @@ -493,7 +502,6 @@ button { .linked:not(.vertical) > &:active, .linked:not(.vertical) > &:checked { @extend %linked; - @extend %linked_button; } .linked.vertical > &, @@ -501,7 +509,6 @@ button { .linked.vertical > &:active, .linked.vertical > &:checked { @extend %linked_vertical; - @extend %linked_vertical_button; } } @@ -527,131 +534,73 @@ toolbar.inline-toolbar toolbutton { } // Some crazy linking stuff +@mixin linking_rules($a:0.7, $var:$variant, $vert:'false', $entry_rules:'true', $button_rules:'true', + $e_border:$entry_border, $b_border:$button_border) { -// horizontal -.linked:not(.vertical):not(.pathbar) { - > entry { @extend %linked; } - - - > entry + entry { border-left-color: transparentize($entry_border, 0.7); } - - > entry.error + entry, - > entry + entry.error { border-left-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7)); } - - > entry.warning + entry, - > entry + entry.warning { border-left-color: if($variant=='light', $warning_color, transparentize($entry_border, 0.7)); } - - > entry.error + entry.warning { border-left-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7));} + $_border: if($vert=='false', left, top); + @if $entry_rules=='true' { + > entry + entry { border-#{$_border}-color: transparentize($e_border, $a); } - > entry + entry:focus:not(:last-child), - > entry + entry:focus:last-child { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } - - > entry + entry.warning:focus:not(:last-child), - > entry + entry.warning:focus:last-child { border-left-color: if($variant=='light', $warning_color, $entry_border); } - - > entry + entry.error:focus:not(:last-child), - > entry + entry.error:focus:last-child { border-left-color: if($variant=='light', $error_color, $entry_border); } - + > entry.error + entry, + > entry + entry.error { border-#{$_border}-color: if($var=='light', $error_color, transparentize($e_border, $a)); } - > entry + button, - > entry + button:hover, - > entry + button:active, - > entry + button:checked, - > entry + button:disabled { border-left-style: solid; } + > entry.warning + entry, + > entry + entry.warning { border-#{$_border}-color: if($var=='light', $warning_color, transparentize($e_border, $a)); } + > entry.error + entry.warning { border-#{$_border}-color: if($var=='light', $error_color, transparentize($e_border, $a));} - > entry:focus:not(:only-child) + entry, - > entry:focus:not(:only-child) + button, - > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } + @each $e_type, $e_color in ('',$selected_bg_color), + ('.warning', $warning_color), + ('.error', $error_color) { - > entry.warning:focus:not(:only-child) + entry, - > entry.warning:focus:not(:only-child) + button, - > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $warning_color, $entry_border); } + > entry + entry#{$e_type}:focus:not(:last-child), + > entry + entry#{$e_type}:focus:last-child { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } - > entry.error:focus:not(:only-child) + entry, - > entry.error:focus:not(:only-child) + button, - > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $error_color, $entry_border); } + > entry#{$e_type}:focus:not(:only-child) { + + entry, + + button, + + combobox > button.combo { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } + } + } + > button:checked + entry { border-#{$_border}-color: if($var=='light', $selected_bg_color, $e_border); } + } + @if $button_rules=='true' { + > button + button { border-#{$_border}-style: none; } + > button:hover:not(:checked):not(:active):not(:only-child), + > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: inset if($vert=='false', 1px 0, 0 1px) $b_border; } - > button:hover:not(:checked):not(:active):not(:only-child), - > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: -1px 0 $button_border; } - > button:first-child:hover:not(:checked):not(:active) { box-shadow: none; } - > button:checked + button:not(:checked):not(:active):hover { box-shadow: none; } - > button:checked + entry { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } - > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } + > button:first-child:hover:not(:checked):not(:active), + > button:checked + button:not(:checked):not(:active):hover, + > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } + } } -// special case for path-bars -.linked:not(.vertical).path-bar { +// special case, because path-bars are bugged +@mixin pathbar_linking_rules($sep_color:if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5))) { -$_linked_separator_color: if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5)); + > button + button { border-left-style: none; } - > button:hover:not(:checked):not(:active):not(:only-child) { + > button:hover:not(:checked):not(:active):not(:only-child) { - &:hover { - box-shadow: inset 1px 0 $_linked_separator_color, - inset -1px 0 $_linked_separator_color; + &:hover { + box-shadow: inset 1px 0 $sep_color, + inset -1px 0 $sep_color; + } + &:first-child:hover { box-shadow: inset -1px 0 $sep_color; } + &:last-child:hover { box-shadow: inset 1px 0 $sep_color; } } - &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; } - &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; } - } } -// vertical -.linked.vertical { - > entry { @extend %linked_vertical; } - - - > entry + entry { border-top-color: transparentize($entry_border, 0.7); } - - > entry.error + entry, - > entry + entry.error { border-top-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7)); } - - > entry.warning + entry, - > entry + entry.warning { border-top-color: if($variant=='light', $warning_color, transparentize($entry_border, 0.7)); } - - > entry.error + entry.warning { border-top-color: if($variant=='light', $error_color, transparentize($entry_border, 0.7));} - - - > entry + entry:focus:not(:last-child), - > entry + entry:focus:last-child { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } - - > entry + entry.warning:focus:not(:last-child), - > entry + entry.warning:focus:last-child { border-top-color: if($variant=='light', $warning_color, $entry_border); } - - > entry + entry.error:focus:not(:last-child), - > entry + entry.error:focus:last-child { border-top-color: if($variant=='light', $error_color, $entry_border); } - - - > entry + button, - > entry + button:hover, - > entry + button:active, - > entry + button:checked, - > entry + button:disabled { border-top-style: solid; } - - - > entry:focus:not(:only-child) + entry, - > entry:focus:not(:only-child) + button, - > entry:focus:not(:only-child) + combobox > button.combo { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } - - > entry.warning:focus:not(:only-child) + entry, - > entry.warning:focus:not(:only-child) + button, - > entry.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: if($variant=='light', $warning_color, $entry_border); } - - > entry.error:focus:not(:only-child) + entry, - > entry.error:focus:not(:only-child) + button, - > entry.error:focus:not(:only-child) + combobox > button.combo { border-top-color: if($variant=='light', $error_color, $entry_border); } - - - > button:hover:not(:checked):not(:active):not(:only-child), - > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: 0 -1px $button_border; } - > button:first-child:hover:not(:checked):not(:active) { box-shadow: none; } - > button:checked + button:not(:checked):not(:active):hover { box-shadow: none; } - > button:checked + entry { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } - > entry + button:not(:checked):not(:active):hover { box-shadow: none; } +// Apply the rules defined above +.linked:not(.vertical) { + &:not(.path-bar) { @include linking_rules(); } + &.path-bar { @include pathbar_linking_rules(); } } +.linked.vertical { @include linking_rules($vert:'true'); } + %linked_middle { border-radius: 0; border-right-style: none; @@ -696,16 +645,6 @@ $_linked_separator_color: if($variant=='light', transparentize($button_border, 0 } } -%linked_button { - border-left-style: none; - &:first-child { border-left-style: solid; } -} - -%linked_vertical_button { - border-top-style: none; - &:first-child { border-top-style: solid; } -} - %undecorated_button { border-color: transparent; background-color: transparent; @@ -1229,6 +1168,8 @@ headerbar { } // Linking stuff + + // Reset buttons .linked:not(.vertical):not(.path-bar) > button, .linked:not(.vertical):not(.path-bar) > button:hover, .linked:not(.vertical):not(.path-bar) > button:active, @@ -1236,89 +1177,35 @@ headerbar { .linked:not(.vertical):not(.path-bar) > button:disabled { border-radius: 3px; border-style: solid; - } - .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), - .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active), - .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child), - .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } - - // special case for path-bars and stack-switchers - .linked:not(.vertical):not(.path-bar).stack-switcher > button, - .linked:not(.vertical).path-bar > button { - - @include button(header-hover); - - &:hover { background-color: lighten($header_button_bg, 15%); } - &:active, &:checked { @include button(header-active); } - &:disabled { color: transparentize($header_fg, 0.4); } - } - - .linked:not(.vertical):not(.path-bar).stack-switcher > button, - .linked:not(.vertical).path-bar > button, - .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, - .linked:not(.vertical).path-bar > button:hover, - .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, - .linked:not(.vertical).path-bar > button:active, - .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, - .linked:not(.vertical).path-bar > button:checked, - .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, - .linked:not(.vertical).path-bar > button:disabled { - @extend %linked; - @extend %linked_button; + .linked:not(.vertical):not(.path-bar), .linked:not(.vertical).path-bar { + > button:hover:not(:checked):not(:active):not(:only-child), + > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { box-shadow: none; } } - .linked:not(.vertical).path-bar, - .linked:not(.vertical):not(.path-bar).stack-switcher { + // special case for path-bars and stack-switchers + .linked:not(.vertical):not(.path-bar).stack-switcher, + .linked:not(.vertical).path-bar { - $_linked_separator_color: $header_button_border; + > button { + @include button(header-hover); - > button:hover:not(:checked):not(:active):not(:only-child) { + &:hover { background-color: lighten($header_button_bg, 15%); } + &:active, &:checked { @include button(header-active); } + &:disabled { color: transparentize($header_fg, 0.4); } - &:hover { - box-shadow: inset 1px 0 $_linked_separator_color, - inset -1px 0 $_linked_separator_color; - } - &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; } - &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; } + &, &:hover, &:active, &:checked, &:disabled { @extend %linked; } } - } - - .linked:not(.vertical):not(.pathbar) { - - > entry + entry { border-left-color: transparentize($header_entry_border, 0.5); } - - > entry.error + entry, - > entry + entry.error { border-left-color: if($variant=='light', $error_color, transparentize($header_entry_border, 0.5)); } - - > entry.warning + entry, - > entry + entry.warning { border-left-color: if($variant=='light', $warning_color, transparentize($header_entry_border, 0.5)); } - - > entry.error + entry.warning { border-left-color: if($variant=='light', $error_color, transparentize($header_entry_border, 0.5));} - - - > entry + entry:focus:not(:last-child), - > entry + entry:focus:last-child { border-left-color: if($darker=='false' and $variant=='light', $selected_bg_color, $header_entry_border); } - - > entry + entry.warning:focus:not(:last-child), - > entry + entry.warning:focus:last-child { border-left-color: if($variant=='light', $warning_color, $header_entry_border); } - - > entry + entry.error:focus:not(:last-child), - > entry + entry.error:focus:last-child { border-left-color: if($variant=='light', $error_color, $header_entry_border); } - - - > entry:focus:not(:only-child) + entry, - > entry:focus:not(:only-child) + button, - > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: if($darker=='false' and $variant=='light', $selected_bg_color, $header_entry_border); } - - > entry.warning:focus:not(:only-child) + entry, - > entry.warning:focus:not(:only-child) + button, - > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: if($variant=='light', $warning_color, $header_entry_border); } - - > entry.error:focus:not(:only-child) + entry, - > entry.error:focus:not(:only-child) + button, - > entry.error:focus:not(:only-child) + button.combo > button.combo { border-left-color: if($variant=='light', $error_color, $header_entry_border); } + @include pathbar_linking_rules($sep_color:$header_button_border); + } + // use linking rules for entries only + .linked:not(.vertical):not(.path-bar) { + @include linking_rules( $a:0.5, + $var:if($variant=='light' and $darker=='false', 'light', 'dark'), + $button_rules:'false', + $e_border:$header_entry_border, + $b_border:$header_button_border ); } // Headerbar Suggested and Destructive Action buttons @@ -3028,9 +2915,7 @@ headerbar, &:active, &:checked { @include button(header-active); } - &.close, &.maximize, &.minimize { - color: transparent; background-color: transparent; background-position: center; @@ -3039,21 +2924,14 @@ headerbar, &:backdrop { opacity: 1; } } + // Load png assets for each button + @each $k in ('close','maximize', 'minimize') { + @each $l, $m in ('',''), (':backdrop','-backdrop'), (':hover','-hover'), (':active','-active') { - &.close { background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); } - &.close:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); } - &.close:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); } - &.close:active { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); } - - &.maximize { background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); } - &.maximize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); } - &.maximize:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); } - &.maximize:active { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); } - - &.minimize { background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); } - &.minimize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); } - &.minimize:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); } - &.minimize:active { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); } + &.#{$k}#{$l} { background-image: -gtk-scaled(url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}.png'), + url('assets/titlebutton-#{$k}#{$m}#{$darker_asset_suffix}@2.png')); } + } + } } } -- cgit v1.2.3 From 65500eb2c688bbdd8ec3e7f92526a6c0aad3d5cd Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: move ssd class --- common/gtk-3.0/3.20/gtk-dark.css | 4 ++-- common/gtk-3.0/3.20/gtk-darker.css | 4 ++-- common/gtk-3.0/3.20/gtk-solid-dark.css | 4 ++-- common/gtk-3.0/3.20/gtk-solid-darker.css | 4 ++-- common/gtk-3.0/3.20/gtk-solid.css | 4 ++-- common/gtk-3.0/3.20/gtk.css | 4 ++-- common/gtk-3.0/3.20/sass/_common.scss | 1 + 7 files changed, 13 insertions(+), 12 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 376d8cf..3285967 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2770,10 +2770,10 @@ decoration { decoration.popup { box-shadow: none; border-radius: 0; } - decoration.ssd { + .ssd decoration, decoration.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } - decoration.ssd.maximized { + .ssd decoration.maximized, decoration.ssd.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 94a1597..01c3d14 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2769,10 +2769,10 @@ decoration { decoration.popup { box-shadow: none; border-radius: 0; } - decoration.ssd { + .ssd decoration, decoration.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } - decoration.ssd.maximized { + .ssd decoration.maximized, decoration.ssd.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 2da06ea..013d674 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2770,10 +2770,10 @@ decoration { decoration.popup { box-shadow: none; border-radius: 0; } - decoration.ssd { + .ssd decoration, decoration.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } - decoration.ssd.maximized { + .ssd decoration.maximized, decoration.ssd.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 575d2cd..eb0735f 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2769,10 +2769,10 @@ decoration { decoration.popup { box-shadow: none; border-radius: 0; } - decoration.ssd { + .ssd decoration, decoration.ssd { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } - decoration.ssd.maximized { + .ssd decoration.maximized, decoration.ssd.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index af66efa..8590239 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2773,10 +2773,10 @@ decoration { decoration.popup { box-shadow: none; border-radius: 0; } - decoration.ssd { + .ssd decoration, decoration.ssd { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } - decoration.ssd.maximized { + .ssd decoration.maximized, decoration.ssd.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 837126d..b5920a8 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2773,10 +2773,10 @@ decoration { decoration.popup { box-shadow: none; border-radius: 0; } - decoration.ssd { + .ssd decoration, decoration.ssd { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } - decoration.ssd.maximized { + .ssd decoration.maximized, decoration.ssd.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 05b7bf9..602b782 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -2865,6 +2865,7 @@ decoration { border-radius: 0; } // server-side decorations as used by mutter + .ssd &, &.ssd { border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(black, 0.35), $_wm_border); -- cgit v1.2.3 From 01d84120a6bd1d218f0faac6e1e069c8a180b3ad Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: column header cleanup --- common/gtk-3.0/3.20/gtk-dark.css | 25 ++++++++----------- common/gtk-3.0/3.20/gtk-darker.css | 25 ++++++++----------- common/gtk-3.0/3.20/gtk-solid-dark.css | 25 ++++++++----------- common/gtk-3.0/3.20/gtk-solid-darker.css | 25 ++++++++----------- common/gtk-3.0/3.20/gtk-solid.css | 25 ++++++++----------- common/gtk-3.0/3.20/gtk.css | 25 ++++++++----------- common/gtk-3.0/3.20/sass/_common.scss | 41 +++++++++++++------------------- 7 files changed, 76 insertions(+), 115 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 3285967..d062a86 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1387,21 +1387,13 @@ treeview.view { background-color: #404552; font-weight: bold; } treeview.view header button:hover { - color: #5294E2; - box-shadow: none; - transition: none; } + color: #5294E2; } treeview.view header button:active { - color: #D3DAE3; - transition: none; } - treeview.view header button:last-child, - treeview.view header button:last-child:hover, - treeview.view header button:last-child:active { - border-right-style: none; - border-image: none; } - treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } + color: #D3DAE3; } + treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { min-height: 0; @@ -1410,7 +1402,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he background-image: none; border-style: none solid none none; border-radius: 0; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } + border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:active, treeview.view header button:hover { background-color: #404552; } treeview.view header button:active:hover { @@ -1418,6 +1410,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he treeview.view header button:disabled { border-color: #383C4A; background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } menubar, .menubar { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 01c3d14..cdebeb2 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1386,21 +1386,13 @@ treeview.view { background-color: #ffffff; font-weight: bold; } treeview.view header button:hover { - color: #5294E2; - box-shadow: none; - transition: none; } + color: #5294E2; } treeview.view header button:active { - color: #5c616c; - transition: none; } - treeview.view header button:last-child, - treeview.view header button:last-child:hover, - treeview.view header button:last-child:active { - border-right-style: none; - border-image: none; } - treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + color: #5c616c; } + treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { min-height: 0; @@ -1409,7 +1401,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he background-image: none; border-style: none solid none none; border-radius: 0; - border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:active, treeview.view header button:hover { background-color: #ffffff; } treeview.view header button:active:hover { @@ -1417,6 +1409,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he treeview.view header button:disabled { border-color: #F5F6F7; background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } menubar, .menubar { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 013d674..4d8782a 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1387,21 +1387,13 @@ treeview.view { background-color: #404552; font-weight: bold; } treeview.view header button:hover { - color: #5294E2; - box-shadow: none; - transition: none; } + color: #5294E2; } treeview.view header button:active { - color: #D3DAE3; - transition: none; } - treeview.view header button:last-child, - treeview.view header button:last-child:hover, - treeview.view header button:last-child:active { - border-right-style: none; - border-image: none; } - treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } + color: #D3DAE3; } + treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { min-height: 0; @@ -1410,7 +1402,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he background-image: none; border-style: none solid none none; border-radius: 0; - border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, rgba(255, 255, 255, 0) 80%) 0 1 0 0/0 1px 0 0 stretch; } + border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:active, treeview.view header button:hover { background-color: #404552; } treeview.view header button:active:hover { @@ -1418,6 +1410,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he treeview.view header button:disabled { border-color: #383C4A; background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } menubar, .menubar { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index eb0735f..3045a49 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1386,21 +1386,13 @@ treeview.view { background-color: #ffffff; font-weight: bold; } treeview.view header button:hover { - color: #5294E2; - box-shadow: none; - transition: none; } + color: #5294E2; } treeview.view header button:active { - color: #5c616c; - transition: none; } - treeview.view header button:last-child, - treeview.view header button:last-child:hover, - treeview.view header button:last-child:active { - border-right-style: none; - border-image: none; } - treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + color: #5c616c; } + treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { min-height: 0; @@ -1409,7 +1401,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he background-image: none; border-style: none solid none none; border-radius: 0; - border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:active, treeview.view header button:hover { background-color: #ffffff; } treeview.view header button:active:hover { @@ -1417,6 +1409,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he treeview.view header button:disabled { border-color: #F5F6F7; background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } menubar, .menubar { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 8590239..aa1dc53 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1390,21 +1390,13 @@ treeview.view { background-color: #ffffff; font-weight: bold; } treeview.view header button:hover { - color: #5294E2; - box-shadow: none; - transition: none; } + color: #5294E2; } treeview.view header button:active { - color: #5c616c; - transition: none; } - treeview.view header button:last-child, - treeview.view header button:last-child:hover, - treeview.view header button:last-child:active { - border-right-style: none; - border-image: none; } - treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + color: #5c616c; } + treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { min-height: 0; @@ -1413,7 +1405,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he background-image: none; border-style: none solid none none; border-radius: 0; - border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:active, treeview.view header button:hover { background-color: #ffffff; } treeview.view header button:active:hover { @@ -1421,6 +1413,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he treeview.view header button:disabled { border-color: #F5F6F7; background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } menubar, .menubar { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index b5920a8..e2cdf2c 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1390,21 +1390,13 @@ treeview.view { background-color: #ffffff; font-weight: bold; } treeview.view header button:hover { - color: #5294E2; - box-shadow: none; - transition: none; } + color: #5294E2; } treeview.view header button:active { - color: #5c616c; - transition: none; } - treeview.view header button:last-child, - treeview.view header button:last-child:hover, - treeview.view header button:last-child:active { - border-right-style: none; - border-image: none; } - treeview.view header.button.dnd, treeview.view header button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } + color: #5c616c; } + treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { + transition: none; + color: #5294E2; + box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } treeview.view header button, treeview.view header button:hover, treeview.view header button:active { min-height: 0; @@ -1413,7 +1405,7 @@ treeview.view header button, treeview.view header button:hover, treeview.view he background-image: none; border-style: none solid none none; border-radius: 0; - border-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, transparent 80%) 0 1 0 0/0 1px 0 0 stretch; } + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:active, treeview.view header button:hover { background-color: #ffffff; } treeview.view header button:active:hover { @@ -1421,6 +1413,9 @@ treeview.view header button, treeview.view header button:hover, treeview.view he treeview.view header button:disabled { border-color: #F5F6F7; background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } menubar, .menubar { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 602b782..bce6118 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1419,42 +1419,29 @@ treeview.view { header { button { - @extend %column_header_button; $_column_header_color: mix($fg_color,$base_color,80%); + + &, &:hover, &:active { @extend %column_header_button; } + color: $_column_header_color; background-color: $base_color; font-weight: bold; &:hover { - @extend %column_header_button; color: $selected_bg_color; - 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 } &.dnd { - @extend header.button.dnd; + &, &:selected, &:hover { + transition: none; + color: $selected_bg_color; + box-shadow: inset 1px 1px 0 1px $selected_bg_color, + inset -1px 0 0 1px $selected_bg_color, + inset 1px 1px $base_color, inset -1px 0 $base_color; + } } } - button:last-child, - button:last-child:hover, - button:last-child:active { //treeview-like derived widgets in Banshee and Evolution - border-right-style: none; - border-image: none; - } - } - header.button.dnd { // for treeview-like derive widgets - transition: none; - color: $selected_bg_color; - box-shadow: inset 1px 1px 0 1px $selected_bg_color, - inset -1px 0 0 1px $selected_bg_color, - inset 1px 1px $base_color, inset -1px 0 $base_color;; - &:active { @extend header.button.dnd; } - &:selected { @extend header.button.dnd; } - &:hover { @extend header.button.dnd; } } } @@ -1466,10 +1453,10 @@ treeview.view { border-style: none solid none none; border-radius: 0; border-image: linear-gradient(to bottom, - transparentize(if($variant == 'light', black, white), 1) 20%, + $base_color 20%, transparentize(if($variant == 'light', black, white), 0.89) 20%, transparentize(if($variant == 'light', black, white), 0.89) 80%, - transparentize(if($variant == 'light', black, white), 1) 80%) 0 1 0 0 / 0 1px 0 0 stretch; + $base_color 80%) 0 1 0 0 / 0 1px 0 0 stretch; &:active, &:hover { background-color: $base_color; } &:active:hover { color: $fg_color; } @@ -1477,6 +1464,10 @@ treeview.view { border-color: $bg_color; background-image: none; } + &:last-child { + border-right-style: none; + border-image: none; + } } // -- cgit v1.2.3 From 692792632c4570c13be069bbf1128d46042d682a Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: add some padding to buttons and entries --- common/gtk-3.0/3.20/gtk-dark.css | 9 ++++----- common/gtk-3.0/3.20/gtk-darker.css | 9 ++++----- common/gtk-3.0/3.20/gtk-solid-dark.css | 9 ++++----- common/gtk-3.0/3.20/gtk-solid-darker.css | 9 ++++----- common/gtk-3.0/3.20/gtk-solid.css | 9 ++++----- common/gtk-3.0/3.20/gtk.css | 9 ++++----- common/gtk-3.0/3.20/sass/_common.scss | 9 ++++----- 7 files changed, 28 insertions(+), 35 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index d062a86..7044d0e 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -133,10 +133,9 @@ spinner { opacity: 0.5; } entry, spinbutton { - min-height: 26px; + min-height: 22px; border: 1px solid; - padding-left: 8px; - padding-right: 8px; + padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -232,12 +231,12 @@ entry, spinbutton { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } button { - min-height: 26px; + min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; - padding: 0 6px; + padding: 2px 6px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index cdebeb2..d43d94e 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -133,10 +133,9 @@ spinner { opacity: 0.5; } entry, spinbutton { - min-height: 26px; + min-height: 22px; border: 1px solid; - padding-left: 8px; - padding-right: 8px; + padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -231,12 +230,12 @@ entry, spinbutton { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } button { - min-height: 26px; + min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; - padding: 0 6px; + padding: 2px 6px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 4d8782a..5fb03da 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -133,10 +133,9 @@ spinner { opacity: 0.5; } entry, spinbutton { - min-height: 26px; + min-height: 22px; border: 1px solid; - padding-left: 8px; - padding-right: 8px; + padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -232,12 +231,12 @@ entry, spinbutton { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } button { - min-height: 26px; + min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; - padding: 0 6px; + padding: 2px 6px; color: #D3DAE3; outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 3045a49..b7e26a6 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -133,10 +133,9 @@ spinner { opacity: 0.5; } entry, spinbutton { - min-height: 26px; + min-height: 22px; border: 1px solid; - padding-left: 8px; - padding-right: 8px; + padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -231,12 +230,12 @@ entry, spinbutton { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } button { - min-height: 26px; + min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; - padding: 0 6px; + padding: 2px 6px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index aa1dc53..3245a58 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -133,10 +133,9 @@ spinner { opacity: 0.5; } entry, spinbutton { - min-height: 26px; + min-height: 22px; border: 1px solid; - padding-left: 8px; - padding-right: 8px; + padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -231,12 +230,12 @@ entry, spinbutton { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } button { - min-height: 26px; + min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; - padding: 0 6px; + padding: 2px 6px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index e2cdf2c..3c550f1 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -133,10 +133,9 @@ spinner { opacity: 0.5; } entry, spinbutton { - min-height: 26px; + min-height: 22px; border: 1px solid; - padding-left: 8px; - padding-right: 8px; + padding: 2px 8px; caret-color: currentColor; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -231,12 +230,12 @@ entry, spinbutton { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); } } button { - min-height: 26px; + min-height: 22px; min-width: 20px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border: 1px solid; border-radius: 3px; - padding: 0 6px; + padding: 2px 6px; color: #5c616c; outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index bce6118..1d819b8 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -195,10 +195,9 @@ spinner { // Text Entries // entry { - min-height: 26px; + min-height: 22px; border: 1px solid; - padding-left: 8px; - padding-right: 8px; + padding: 2px 8px; caret-color: currentColor; border-radius: 3px; @@ -305,12 +304,12 @@ $_dot_color: $selected_bg_color; button { $_button_transition: all 200ms $ease-out-quad; - min-height: 26px; + min-height: 22px; min-width: 20px; transition: $_button_transition; border: 1px solid; border-radius: 3px; - padding: 0 6px; + padding: 2px 6px; @include button(normal); -- cgit v1.2.3 From fa04300e804f53a962584f2e0c1bae79f0746a7b Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: use margins for menu separators --- common/gtk-3.0/3.20/gtk-dark.css | 2 +- common/gtk-3.0/3.20/gtk-darker.css | 2 +- common/gtk-3.0/3.20/gtk-solid-dark.css | 2 +- common/gtk-3.0/3.20/gtk-solid-darker.css | 2 +- common/gtk-3.0/3.20/gtk-solid.css | 2 +- common/gtk-3.0/3.20/gtk.css | 2 +- common/gtk-3.0/3.20/sass/_common.scss | 2 +- 7 files changed, 7 insertions(+), 7 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 7044d0e..5103c7a 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1457,7 +1457,7 @@ menu, .menu separator, .csd .menu separator { - min-height: 10px; + margin: 2px 0; background-color: #383C4A; } menu menuitem, .menu menuitem { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index d43d94e..d5f88ea 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1456,7 +1456,7 @@ menu, .menu separator, .csd .menu separator { - min-height: 10px; + margin: 2px 0; background-color: #ffffff; } menu menuitem, .menu menuitem { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 5fb03da..2c16505 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1457,7 +1457,7 @@ menu, .menu separator, .csd .menu separator { - min-height: 10px; + margin: 2px 0; background-color: #383C4A; } menu menuitem, .menu menuitem { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index b7e26a6..daa02a3 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1456,7 +1456,7 @@ menu, .menu separator, .csd .menu separator { - min-height: 10px; + margin: 2px 0; background-color: #ffffff; } menu menuitem, .menu menuitem { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 3245a58..ef5eef6 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1460,7 +1460,7 @@ menu, .menu separator, .csd .menu separator { - min-height: 10px; + margin: 2px 0; background-color: #ffffff; } menu menuitem, .menu menuitem { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 3c550f1..f9b7108 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1460,7 +1460,7 @@ menu, .menu separator, .csd .menu separator { - min-height: 10px; + margin: 2px 0; background-color: #ffffff; } menu menuitem, .menu menuitem { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 1d819b8..767a587 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1517,7 +1517,7 @@ menu, separator, .csd & separator { - min-height: 10px; + margin: 2px 0; background-color: $_menu_bg; } -- cgit v1.2.3 From aad1b2411b0364291a05fc7fd289cd96a3f9ee76 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: disable broken stuff for now --- common/gtk-3.0/3.20/gtk-dark.css | 1172 +----------------------- common/gtk-3.0/3.20/gtk-darker.css | 1162 +---------------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 1172 +----------------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 1162 +---------------------- common/gtk-3.0/3.20/gtk-solid.css | 1162 +---------------------- common/gtk-3.0/3.20/gtk.css | 1162 +---------------------- common/gtk-3.0/3.20/sass/gtk-dark.scss | 8 +- common/gtk-3.0/3.20/sass/gtk-darker.scss | 8 +- common/gtk-3.0/3.20/sass/gtk-solid-dark.scss | 8 +- common/gtk-3.0/3.20/sass/gtk-solid-darker.scss | 8 +- common/gtk-3.0/3.20/sass/gtk-solid.scss | 8 +- common/gtk-3.0/3.20/sass/gtk.scss | 8 +- 12 files changed, 60 insertions(+), 6980 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 5103c7a..80b8992 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -666,24 +666,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -711,7 +707,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1814,10 +1810,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1828,10 +1820,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1842,10 +1830,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1856,10 +1840,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1870,10 +1850,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1884,10 +1860,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1898,10 +1870,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1912,10 +1880,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1926,10 +1890,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1940,10 +1900,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1954,10 +1910,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1968,10 +1920,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2872,799 +2820,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #404552; - color: #D3DAE3; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #9da3ad; } - TerminalWindow .notebook tab button:hover { - color: #D3DAE3; - border-color: #2b2e39; - background-color: #444a58; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - -.nautilus-canvas-item { - border-radius: 2px; } - -.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { - color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { - color: #D3DAE3; } - .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { - color: #ffffff; } - -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, -.nautilus-list-dim-label { - color: #868b97; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dceaf9; } - -NautilusQueryEditor searchbar { - padding: 5px; - box-shadow: none; - background-color: #404552; } - -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - -.disk-space-display { - border-style: solid; - border-width: 1px; } - .disk-space-display.unknown { - background-color: rgba(211, 218, 227, 0.5); - border-color: rgba(180, 192, 207, 0.5); } - .disk-space-display.used { - background-color: rgba(82, 148, 226, 0.8); - border-color: rgba(38, 121, 219, 0.8); } - .disk-space-display.free { - background-color: #313541; - border-color: #1b1d24; } - -NautilusListView .view { - border-bottom: 1px solid #2b2e39; } - -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #2b2e39; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(21, 23, 28, 0.37); - background-color: rgba(95, 105, 127, 0.37); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(134, 144, 165, 0.37); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(207, 218, 231, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } - -.gedit-headerbar-paned { - color: rgba(38, 42, 51, 0.97); } - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #404552; } - .open-document-selector-treeview.view:hover { - background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { - color: #ffffff; - background-color: #5294E2; } - -.open-document-selector-name-label { - color: #D3DAE3; } - -.open-document-selector-path-label { - color: #8a909b; - font-size: smaller; } - .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); } - -.gedit-document-panel row button { - color: transparent; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - padding: 4px; } - .gedit-document-panel row button image { - color: inherit; } - -.gedit-document-panel .prelight-row button { - color: #9da3ad; } - -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { - color: #ff6666; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { - color: #ffffff; } - -.gedit-document-panel .prelight-row button:active { - color: #D3DAE3; } - -.gedit-document-panel-dragged-row { - border: 1px solid #2b2e39; - background-color: #22242d; - color: #D3DAE3; } - -GeditStatusbar { - border-top: 1px solid #2b2e39; - background-color: #383C4A; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #2b2e39; } - -.gedit-search-entry-occurrences-tag { - color: rgba(211, 218, 227, 0.6); - border: none; - margin: 2px; - padding: 2px; } - -GeditViewFrame .gedit-search-slider { - background-color: #3c4150; - padding: 6px; - border-color: #2b2e39; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; } - -GbWorkbench .floating-bar { - color: #D3DAE3; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.37); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #404552; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #383C4A; } - -DhSidebar entry.search, DhSidebar spinbutton.search, -SymbolTree entry.search, -SymbolTree spinbutton.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus, -spinbutton.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #404552; - color: #D3DAE3; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbViewStack.focused box.header.notebook { - background-color: #404552; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } - -EphyWindow .floating-bar { - color: #D3DAE3; } - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; } - -.documents-icon-bg { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; } - -.documents-collection-icon { - background-color: rgba(211, 218, 227, 0.3); - border-radius: 2px; } - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #a9caf1; } - -.documents-entry-tag { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; - border-width: 0; - margin: 2px; - padding: 4px; } - .documents-entry-tag:hover { - color: #ffffff; - background-color: #639fe5; } - .documents-entry-tag:active { - color: #ffffff; - background-color: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } - -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; } - -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - -.xfce4-panel.panel { - background-color: rgba(43, 46, 55, 0.95); } - .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { - color: #BAC3CF; - background-color: rgba(43, 46, 55, 0); - border-radius: 0; } - .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { - border: none; - background-color: rgba(65, 70, 84, 0.95); } - .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; - border: none; - background-color: rgba(27, 29, 35, 0.95); } - -.floating-bar { - background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } - .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } - -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - -.marlin-pathbar.pathbar { - border-radius: 3px; - padding-left: 4px; - padding-right: 4px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.37); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); - background-color: transparent; } - .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; } - .marlin-pathbar.pathbar:focus { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - .marlin-pathbar.pathbar:disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } - .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { - color: #5294E2; } - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.35); - border-radius: 3px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, white); - background-color: transparent; } - .gala-notification .title, .gala-notification .label { - color: #5c616c; } - -.panel { - background-color: transparent; - color: white; - font-weight: bold; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .panel-shadow { - background-image: none; - background-color: transparent; } - .panel .menu { - box-shadow: none; } - .panel .menu .menuitem { - font-weight: normal; - text-shadow: none; - -gtk-icon-shadow: none; } - .panel .menu .window-frame.menu.csd, - .panel .menu .window-frame.popup.csd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - .panel .menubar > .menuitem { - padding: 3px 6px; } - .panel .menubar > .menuitem:hover { - background-color: transparent; } - .panel .window-frame.menu.csd, - .panel .window-frame.popup.csd { - box-shadow: none; } - -.composited-indicator { - background-color: transparent; - color: white; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .composited-indicator > GtkWidget > GtkWidget:first-child { - padding: 0 2px; } - .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { - border-style: none; - background-image: none; - box-shadow: none; } - .composited-indicator > .popup > .menu { - padding-top: 8px; - padding-bottom: 8px; } - -.panel-app-button > GtkWidget > GtkWidget:first-child { - padding: 0 2px 0 4px; } - -.panel .menu .spinner, -.menu .spinner { - opacity: 1; } - -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(255, 255, 255, 0.05); - border: solid rgba(255, 255, 255, 0.07); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(211, 218, 227, 0.45); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #D3DAE3; } - -UnityDecoration { - -UnityDecoration-extents: 28px 1 1 1; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 3px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #5294E2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { - border: 1px solid rgba(32, 35, 43, 0.97); - border-bottom-width: 0; - border-radius: 4px 4px 0 0; - padding: 1px 6px 0 6px; - background-image: linear-gradient(to bottom, #2f343f); - color: rgba(207, 218, 231, 0.8); - box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } - UnityDecoration.top:backdrop { - border-bottom-width: 0; - color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { - background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } - -UnityPanelWidget, -.unity-panel { - background-image: linear-gradient(to bottom, #2b2e37); - color: #f6f7f9; - box-shadow: none; } - UnityPanelWidget:backdrop, - .unity-panel:backdrop { - color: #bdc6d1; } - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: #ffffff; - background-image: linear-gradient(to bottom, #5294E2); - border-bottom: none; } - -.overlay-bar { - background-color: #5294E2; - border-color: #5294E2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; } - .overlay-bar label { - color: #ffffff; } - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid #2b2e39; - border-right: 1px solid #2b2e39; } - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; } - -.help_button { - border-radius: 100px; - padding: 3px 9px; } - -toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { - padding: 3px; - border-bottom: 1px solid #2b2e39; } - toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { - padding: 0 3px 0 3px; } - -toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: #2b2e39; - background-color: #383C4A; } - toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { - padding: 2px 3px 2px 3px; } - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; } - -.source-list, -.source-list.view { - background-color: #383C4A; - color: #D3DAE3; - -gtk-icon-style: regular; } - -.source-list.category-expander { - color: transparent; } - -.source-list.view:hover { - background-color: #434859; } - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: #ffffff; - background-color: #5294E2; } - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #383C4A; - background-image: none; } - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #5294E2; - color: #ffffff; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; } - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: #ffffff; - color: #5294E2; } - -.source-list.category-expander { - color: #D3DAE3; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; } - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; } - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -GraniteWidgetsWelcome { - background-color: #404552; } - -GraniteWidgetsWelcome label { - color: #868b97; - font: open sans 11; - text-shadow: none; } - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(211, 218, 227, 0.8); } - -.help_button { - border-radius: 0; } - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; } - -.popover_bg { - background-image: linear-gradient(to bottom, #404552); - border: 1px solid rgba(0, 0, 0, 0.3); } - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; } - -GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { - padding: 4px; } - -.h1 { - font: open sans 24px; } - -.h2 { - font: open sans light 18px; } - -.h3 { - font: open sans 11px; } - -.h4, -.category-label { - color: #a5abb5; - font-weight: 600; } - -.h4 { - padding-bottom: 6px; - padding-top: 6px; } - -GtkListBox .h4 { - padding-left: 6px; } - #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; @@ -3803,327 +2964,6 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: rgba(38, 42, 51, 0.97); } - -NemoWindow GtkEventBox { - background-color: #383C4A; } - -GtkFileChooserDialog .sidebar, -NautilusWindow .sidebar, -NemoWindow .sidebar { - border-right: 1px solid rgba(42, 45, 55, 0.95); } - -GtkFileChooserDialog .sidebar:dir(rtl), -NautilusWindow .sidebar:dir(rtl), -NemoWindow .sidebar:dir(rtl) { - border-left: 1px solid rgba(42, 45, 55, 0.95); } - -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { - background-color: rgba(53, 57, 69, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: rgba(75, 81, 98, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { - border: none; - color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { - color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { - background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } - -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { - background-color: #353945; } - -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { - color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { - opacity: 0.5; } - -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: rgba(53, 57, 69, 0.95); } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: rgba(42, 45, 55, 0.95); } - -NautilusWindow NautilusWindowSlot { - background-color: #404552; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: rgba(53, 57, 69, 0.95); } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #383C4A; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #383C4A; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: rgba(20, 21, 26, 0.95); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: rgba(38, 42, 51, 0.97); } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: rgba(47, 52, 63, 0.97); } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: rgba(50, 56, 67, 0.97); } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: rgba(42, 45, 55, 0.95); } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #2b2e39; } - -.gedit-bottom-panel-paned { - background-color: #404552; } - -.gedit-document-panel { - background-color: rgba(53, 57, 69, 0.95); } - .maximized .gedit-document-panel { - background-color: #353945; } - .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } - -GeditFileBrowserWidget { - background-color: rgba(53, 57, 69, 0.95); } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: rgba(37, 40, 49, 0.95); } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.35); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.2); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, -GtkFileChooserDialog .dialog-vbox > .frame entry, -GtkFileChooserDialog .dialog-vbox > .frame spinbutton { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: #e7eaee; - border: 1px solid rgba(0, 0, 0, 0.3); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { - background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { - background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { - background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { - background-color: rgba(0, 0, 0, 0.2); - border: none; } - @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index d5f88ea..1136d7f 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -665,24 +665,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -710,7 +706,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1813,10 +1809,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1827,10 +1819,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1841,10 +1829,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1855,10 +1839,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1869,10 +1849,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1883,10 +1859,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1897,10 +1869,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1911,10 +1879,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1925,10 +1889,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1939,10 +1899,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1953,10 +1909,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1967,10 +1919,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2871,799 +2819,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #ffffff; - color: #5c616c; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #92959d; } - TerminalWindow .notebook tab button:hover { - color: #5c616c; - border-color: #cfd6e6; - background-color: #fbfbfc; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - -.nautilus-canvas-item { - border-radius: 2px; } - -.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { - color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { - color: #5c616c; } - .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { - color: #ffffff; } - -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, -.nautilus-list-dim-label { - color: #a9acb2; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dceaf9; } - -NautilusQueryEditor searchbar { - padding: 5px; - box-shadow: none; - background-color: #ffffff; } - -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - -.disk-space-display { - border-style: solid; - border-width: 1px; } - .disk-space-display.unknown { - background-color: rgba(92, 97, 108, 0.5); - border-color: rgba(69, 72, 80, 0.5); } - .disk-space-display.used { - background-color: rgba(82, 148, 226, 0.8); - border-color: rgba(38, 121, 219, 0.8); } - .disk-space-display.free { - background-color: #edeef0; - border-color: #d0d5da; } - -NautilusListView .view { - border-bottom: 1px solid #dcdfe3; } - -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #dcdfe3; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(21, 23, 28, 0.37); - background-color: rgba(95, 105, 127, 0.37); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(134, 144, 165, 0.37); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(207, 218, 231, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } - -.gedit-headerbar-paned { - color: rgba(38, 42, 51, 0.97); } - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; } - .open-document-selector-treeview.view:hover { - background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { - color: #ffffff; - background-color: #5294E2; } - -.open-document-selector-name-label { - color: #5c616c; } - -.open-document-selector-path-label { - color: #aeb0b6; - font-size: smaller; } - .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); } - -.gedit-document-panel row button { - color: transparent; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - padding: 4px; } - .gedit-document-panel row button image { - color: inherit; } - -.gedit-document-panel .prelight-row button { - color: #92959d; } - -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { - color: #ff6666; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { - color: #ffffff; } - -.gedit-document-panel .prelight-row button:active { - color: #5c616c; } - -.gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; - background-color: #d9dde0; - color: #5c616c; } - -GeditStatusbar { - border-top: 1px solid #dcdfe3; - background-color: #F5F6F7; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } - -.gedit-search-entry-occurrences-tag { - color: rgba(92, 97, 108, 0.6); - border: none; - margin: 2px; - padding: 2px; } - -GeditViewFrame .gedit-search-slider { - background-color: #fbfbfc; - padding: 6px; - border-color: #dcdfe3; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; } - -GbWorkbench .floating-bar { - color: #5c616c; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.37); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #ffffff; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #F5F6F7; } - -DhSidebar entry.search, DhSidebar spinbutton.search, -SymbolTree entry.search, -SymbolTree spinbutton.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus, -spinbutton.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #ffffff; - color: #5c616c; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook { - background-color: #ffffff; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } - -EphyWindow .floating-bar { - color: #5c616c; } - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; } - -.documents-icon-bg { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; } - -.documents-collection-icon { - background-color: rgba(92, 97, 108, 0.3); - border-radius: 2px; } - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #a9caf1; } - -.documents-entry-tag { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; - border-width: 0; - margin: 2px; - padding: 4px; } - .documents-entry-tag:hover { - color: #ffffff; - background-color: #639fe5; } - .documents-entry-tag:active { - color: #ffffff; - background-color: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } - -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; } - -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - -.xfce4-panel.panel { - background-color: rgba(43, 46, 55, 0.95); } - .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { - color: #BAC3CF; - background-color: rgba(43, 46, 55, 0); - border-radius: 0; } - .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { - border: none; - background-color: rgba(65, 70, 84, 0.95); } - .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; - border: none; - background-color: rgba(27, 29, 35, 0.95); } - -.floating-bar { - background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } - .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } - -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - -.marlin-pathbar.pathbar { - border-radius: 3px; - padding-left: 4px; - padding-right: 4px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.37); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); - background-color: transparent; } - .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; } - .marlin-pathbar.pathbar:focus { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - .marlin-pathbar.pathbar:disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } - .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { - color: #5294E2; } - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.35); - border-radius: 3px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, white); - background-color: transparent; } - .gala-notification .title, .gala-notification .label { - color: #5c616c; } - -.panel { - background-color: transparent; - color: white; - font-weight: bold; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .panel-shadow { - background-image: none; - background-color: transparent; } - .panel .menu { - box-shadow: none; } - .panel .menu .menuitem { - font-weight: normal; - text-shadow: none; - -gtk-icon-shadow: none; } - .panel .menu .window-frame.menu.csd, - .panel .menu .window-frame.popup.csd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - .panel .menubar > .menuitem { - padding: 3px 6px; } - .panel .menubar > .menuitem:hover { - background-color: transparent; } - .panel .window-frame.menu.csd, - .panel .window-frame.popup.csd { - box-shadow: none; } - -.composited-indicator { - background-color: transparent; - color: white; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .composited-indicator > GtkWidget > GtkWidget:first-child { - padding: 0 2px; } - .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { - border-style: none; - background-image: none; - box-shadow: none; } - .composited-indicator > .popup > .menu { - padding-top: 8px; - padding-bottom: 8px; } - -.panel-app-button > GtkWidget > GtkWidget:first-child { - padding: 0 2px 0 4px; } - -.panel .menu .spinner, -.menu .spinner { - opacity: 1; } - -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(92, 97, 108, 0.55); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #5c616c; } - -UnityDecoration { - -UnityDecoration-extents: 28px 1 1 1; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 3px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #5294E2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { - border: 1px solid rgba(32, 35, 43, 0.97); - border-bottom-width: 0; - border-radius: 4px 4px 0 0; - padding: 1px 6px 0 6px; - background-image: linear-gradient(to bottom, #2f343f); - color: rgba(207, 218, 231, 0.8); - box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } - UnityDecoration.top:backdrop { - border-bottom-width: 0; - color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { - background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } - -UnityPanelWidget, -.unity-panel { - background-image: linear-gradient(to bottom, #2b2e37); - color: #f6f7f9; - box-shadow: none; } - UnityPanelWidget:backdrop, - .unity-panel:backdrop { - color: #bdc6d1; } - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: #ffffff; - background-image: linear-gradient(to bottom, #5294E2); - border-bottom: none; } - -.overlay-bar { - background-color: #5294E2; - border-color: #5294E2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; } - .overlay-bar label { - color: #ffffff; } - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; } - -.help_button { - border-radius: 100px; - padding: 3px 9px; } - -toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { - padding: 3px; - border-bottom: 1px solid #dcdfe3; } - toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { - padding: 0 3px 0 3px; } - -toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: #dcdfe3; - background-color: #F5F6F7; } - toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { - padding: 2px 3px 2px 3px; } - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; } - -.source-list, -.source-list.view { - background-color: #F5F6F7; - color: #5c616c; - -gtk-icon-style: regular; } - -.source-list.category-expander { - color: transparent; } - -.source-list.view:hover { - background-color: white; } - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: #ffffff; - background-color: #5294E2; } - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #F5F6F7; - background-image: none; } - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #5294E2; - color: #ffffff; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; } - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: #ffffff; - color: #5294E2; } - -.source-list.category-expander { - color: #5c616c; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; } - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; } - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -GraniteWidgetsWelcome { - background-color: #ffffff; } - -GraniteWidgetsWelcome label { - color: #a9acb2; - font: open sans 11; - text-shadow: none; } - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(92, 97, 108, 0.8); } - -.help_button { - border-radius: 0; } - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; } - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); } - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; } - -GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { - padding: 4px; } - -.h1 { - font: open sans 24px; } - -.h2 { - font: open sans light 18px; } - -.h3 { - font: open sans 11px; } - -.h4, -.category-label { - color: #8a8e96; - font-weight: 600; } - -.h4 { - padding-bottom: 6px; - padding-top: 6px; } - -GtkListBox .h4 { - padding-left: 6px; } - #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; @@ -3802,317 +2963,6 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: rgba(38, 42, 51, 0.97); } - -NemoWindow GtkEventBox { - background-color: #F5F6F7; } - -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { - background-color: rgba(53, 57, 69, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: rgba(75, 81, 98, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { - border: none; - color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { - color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { - background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } - -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { - background-color: #353945; } - -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { - color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { - opacity: 0.5; } - -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: rgba(53, 57, 69, 0.95); } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: rgba(53, 57, 69, 0.95); } - -NautilusWindow NautilusWindowSlot { - background-color: #ffffff; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: rgba(53, 57, 69, 0.95); } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: rgba(37, 40, 49, 0.95); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: rgba(38, 42, 51, 0.97); } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: rgba(47, 52, 63, 0.97); } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: rgba(50, 56, 67, 0.97); } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: rgba(53, 57, 69, 0.95); } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #dcdfe3; } - -.gedit-bottom-panel-paned { - background-color: #ffffff; } - -.gedit-document-panel { - background-color: rgba(53, 57, 69, 0.95); } - .maximized .gedit-document-panel { - background-color: #353945; } - .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } - -GeditFileBrowserWidget { - background-color: rgba(53, 57, 69, 0.95); } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: rgba(37, 40, 49, 0.95); } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.35); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.2); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, -GtkFileChooserDialog .dialog-vbox > .frame entry, -GtkFileChooserDialog .dialog-vbox > .frame spinbutton { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: #e7eaee; - border: 1px solid rgba(0, 0, 0, 0.3); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { - background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { - background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { - background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { - background-color: rgba(0, 0, 0, 0.2); - border: none; } - @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 2c16505..577ac1d 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -666,24 +666,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -711,7 +707,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1814,10 +1810,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1828,10 +1820,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1842,10 +1830,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1856,10 +1840,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1870,10 +1850,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1884,10 +1860,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1898,10 +1870,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1912,10 +1880,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1926,10 +1890,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1940,10 +1900,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1954,10 +1910,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1968,10 +1920,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2872,799 +2820,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #404552; - color: #D3DAE3; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #9da3ad; } - TerminalWindow .notebook tab button:hover { - color: #D3DAE3; - border-color: #2b2e39; - background-color: #444a58; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - -.nautilus-canvas-item { - border-radius: 2px; } - -.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { - color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { - color: #D3DAE3; } - .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { - color: #ffffff; } - -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, -.nautilus-list-dim-label { - color: #868b97; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dceaf9; } - -NautilusQueryEditor searchbar { - padding: 5px; - box-shadow: none; - background-color: #404552; } - -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - -.disk-space-display { - border-style: solid; - border-width: 1px; } - .disk-space-display.unknown { - background-color: rgba(211, 218, 227, 0.5); - border-color: rgba(180, 192, 207, 0.5); } - .disk-space-display.used { - background-color: rgba(82, 148, 226, 0.8); - border-color: rgba(38, 121, 219, 0.8); } - .disk-space-display.free { - background-color: #313541; - border-color: #1b1d24; } - -NautilusListView .view { - border-bottom: 1px solid #2b2e39; } - -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #2b2e39; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(21, 23, 28, 0.4); - background-color: rgba(95, 105, 127, 0.4); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(134, 144, 165, 0.4); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(207, 218, 231, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } - -.gedit-headerbar-paned { - color: #262a33; } - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #404552; } - .open-document-selector-treeview.view:hover { - background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { - color: #ffffff; - background-color: #5294E2; } - -.open-document-selector-name-label { - color: #D3DAE3; } - -.open-document-selector-path-label { - color: #8a909b; - font-size: smaller; } - .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); } - -.gedit-document-panel row button { - color: transparent; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - padding: 4px; } - .gedit-document-panel row button image { - color: inherit; } - -.gedit-document-panel .prelight-row button { - color: #9da3ad; } - -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { - color: #ff6666; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { - color: #ffffff; } - -.gedit-document-panel .prelight-row button:active { - color: #D3DAE3; } - -.gedit-document-panel-dragged-row { - border: 1px solid #2b2e39; - background-color: #22242d; - color: #D3DAE3; } - -GeditStatusbar { - border-top: 1px solid #2b2e39; - background-color: #383C4A; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #2b2e39; } - -.gedit-search-entry-occurrences-tag { - color: rgba(211, 218, 227, 0.6); - border: none; - margin: 2px; - padding: 2px; } - -GeditViewFrame .gedit-search-slider { - background-color: #3c4150; - padding: 6px; - border-color: #2b2e39; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; } - -GbWorkbench .floating-bar { - color: #D3DAE3; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.4); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #404552; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #383C4A; } - -DhSidebar entry.search, DhSidebar spinbutton.search, -SymbolTree entry.search, -SymbolTree spinbutton.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus, -spinbutton.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #404552; - color: #D3DAE3; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbViewStack.focused box.header.notebook { - background-color: #404552; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } - -EphyWindow .floating-bar { - color: #D3DAE3; } - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; } - -.documents-icon-bg { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; } - -.documents-collection-icon { - background-color: rgba(211, 218, 227, 0.3); - border-radius: 2px; } - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #a9caf1; } - -.documents-entry-tag { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; - border-width: 0; - margin: 2px; - padding: 4px; } - .documents-entry-tag:hover { - color: #ffffff; - background-color: #639fe5; } - .documents-entry-tag:active { - color: #ffffff; - background-color: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } - -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; } - -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, #2b2e37); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - -.xfce4-panel.panel { - background-color: #2b2e37; } - .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { - color: #BAC3CF; - background-color: rgba(43, 46, 55, 0); - border-radius: 0; } - .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { - border: none; - background-color: #414654; } - .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; - border: none; - background-color: #1b1d23; } - -.floating-bar { - background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } - .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } - -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - -.marlin-pathbar.pathbar { - border-radius: 3px; - padding-left: 4px; - padding-right: 4px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.4); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); - background-color: transparent; } - .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; } - .marlin-pathbar.pathbar:focus { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - .marlin-pathbar.pathbar:disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } - .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { - color: #5294E2; } - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.35); - border-radius: 3px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, white); - background-color: transparent; } - .gala-notification .title, .gala-notification .label { - color: #5c616c; } - -.panel { - background-color: transparent; - color: white; - font-weight: bold; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .panel-shadow { - background-image: none; - background-color: transparent; } - .panel .menu { - box-shadow: none; } - .panel .menu .menuitem { - font-weight: normal; - text-shadow: none; - -gtk-icon-shadow: none; } - .panel .menu .window-frame.menu.csd, - .panel .menu .window-frame.popup.csd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - .panel .menubar > .menuitem { - padding: 3px 6px; } - .panel .menubar > .menuitem:hover { - background-color: transparent; } - .panel .window-frame.menu.csd, - .panel .window-frame.popup.csd { - box-shadow: none; } - -.composited-indicator { - background-color: transparent; - color: white; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .composited-indicator > GtkWidget > GtkWidget:first-child { - padding: 0 2px; } - .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { - border-style: none; - background-image: none; - box-shadow: none; } - .composited-indicator > .popup > .menu { - padding-top: 8px; - padding-bottom: 8px; } - -.panel-app-button > GtkWidget > GtkWidget:first-child { - padding: 0 2px 0 4px; } - -.panel .menu .spinner, -.menu .spinner { - opacity: 1; } - -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(255, 255, 255, 0.05); - border: solid rgba(255, 255, 255, 0.07); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(211, 218, 227, 0.45); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #D3DAE3; } - -UnityDecoration { - -UnityDecoration-extents: 28px 1 1 1; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 3px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #5294E2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { - border: 1px solid #20232b; - border-bottom-width: 0; - border-radius: 4px 4px 0 0; - padding: 1px 6px 0 6px; - background-image: linear-gradient(to bottom, #2f343f); - color: rgba(207, 218, 231, 0.8); - box-shadow: inset 0 1px #363b48; } - UnityDecoration.top:backdrop { - border-bottom-width: 0; - color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { - background-image: linear-gradient(to bottom, #20232b); } - -UnityPanelWidget, -.unity-panel { - background-image: linear-gradient(to bottom, #2b2e37); - color: #f6f7f9; - box-shadow: none; } - UnityPanelWidget:backdrop, - .unity-panel:backdrop { - color: #bdc6d1; } - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: #ffffff; - background-image: linear-gradient(to bottom, #5294E2); - border-bottom: none; } - -.overlay-bar { - background-color: #5294E2; - border-color: #5294E2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; } - .overlay-bar label { - color: #ffffff; } - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid #2b2e39; - border-right: 1px solid #2b2e39; } - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; } - -.help_button { - border-radius: 100px; - padding: 3px 9px; } - -toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { - padding: 3px; - border-bottom: 1px solid #2b2e39; } - toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { - padding: 0 3px 0 3px; } - -toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: #2b2e39; - background-color: #383C4A; } - toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { - padding: 2px 3px 2px 3px; } - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; } - -.source-list, -.source-list.view { - background-color: #383C4A; - color: #D3DAE3; - -gtk-icon-style: regular; } - -.source-list.category-expander { - color: transparent; } - -.source-list.view:hover { - background-color: #434859; } - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: #ffffff; - background-color: #5294E2; } - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #383C4A; - background-image: none; } - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #5294E2; - color: #ffffff; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; } - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: #ffffff; - color: #5294E2; } - -.source-list.category-expander { - color: #D3DAE3; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; } - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; } - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -GraniteWidgetsWelcome { - background-color: #404552; } - -GraniteWidgetsWelcome label { - color: #868b97; - font: open sans 11; - text-shadow: none; } - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(211, 218, 227, 0.8); } - -.help_button { - border-radius: 0; } - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; } - -.popover_bg { - background-image: linear-gradient(to bottom, #404552); - border: 1px solid rgba(0, 0, 0, 0.3); } - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; } - -GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { - padding: 4px; } - -.h1 { - font: open sans 24px; } - -.h2 { - font: open sans light 18px; } - -.h3 { - font: open sans 11px; } - -.h4, -.category-label { - color: #a5abb5; - font-weight: 600; } - -.h4 { - padding-bottom: 6px; - padding-top: 6px; } - -GtkListBox .h4 { - padding-left: 6px; } - #panel_window { background-color: #2b2e37; color: #BAC3CF; @@ -3803,327 +2964,6 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: #262a33; } - -NemoWindow GtkEventBox { - background-color: #383C4A; } - -GtkFileChooserDialog .sidebar, -NautilusWindow .sidebar, -NemoWindow .sidebar { - border-right: 1px solid #2a2d37; } - -GtkFileChooserDialog .sidebar:dir(rtl), -NautilusWindow .sidebar:dir(rtl), -NemoWindow .sidebar:dir(rtl) { - border-left: 1px solid #2a2d37; } - -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { - background-color: #353945; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: #4b5162; } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { - border: none; - color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { - color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { - background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } - -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { - background-color: #353945; } - -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { - color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { - opacity: 0.5; } - -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: #353945; } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: #2a2d37; } - -NautilusWindow NautilusWindowSlot { - background-color: #404552; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: #353945; } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #383C4A; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #383C4A; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: #14151a; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: #262a33; } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: #2a2d37; } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #2b2e39; } - -.gedit-bottom-panel-paned { - background-color: #404552; } - -.gedit-document-panel { - background-color: #353945; } - .maximized .gedit-document-panel { - background-color: #353945; } - .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } - -GeditFileBrowserWidget { - background-color: #353945; } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: #252831; } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.4); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.25); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, -GtkFileChooserDialog .dialog-vbox > .frame entry, -GtkFileChooserDialog .dialog-vbox > .frame spinbutton { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: #e7eaee; - border: 1px solid rgba(0, 0, 0, 0.3); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { - background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { - background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { - background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { - background-color: rgba(0, 0, 0, 0.2); - border: none; } - @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index daa02a3..36f6f47 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -665,24 +665,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -710,7 +706,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1813,10 +1809,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1827,10 +1819,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1841,10 +1829,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1855,10 +1839,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1869,10 +1849,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1883,10 +1859,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1897,10 +1869,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1911,10 +1879,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1925,10 +1889,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1939,10 +1899,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1953,10 +1909,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1967,10 +1919,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2871,799 +2819,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #ffffff; - color: #5c616c; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #92959d; } - TerminalWindow .notebook tab button:hover { - color: #5c616c; - border-color: #cfd6e6; - background-color: #fbfbfc; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - -.nautilus-canvas-item { - border-radius: 2px; } - -.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { - color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { - color: #5c616c; } - .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { - color: #ffffff; } - -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, -.nautilus-list-dim-label { - color: #a9acb2; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dceaf9; } - -NautilusQueryEditor searchbar { - padding: 5px; - box-shadow: none; - background-color: #ffffff; } - -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - -.disk-space-display { - border-style: solid; - border-width: 1px; } - .disk-space-display.unknown { - background-color: rgba(92, 97, 108, 0.5); - border-color: rgba(69, 72, 80, 0.5); } - .disk-space-display.used { - background-color: rgba(82, 148, 226, 0.8); - border-color: rgba(38, 121, 219, 0.8); } - .disk-space-display.free { - background-color: #edeef0; - border-color: #d0d5da; } - -NautilusListView .view { - border-bottom: 1px solid #dcdfe3; } - -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #dcdfe3; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(21, 23, 28, 0.4); - background-color: rgba(95, 105, 127, 0.4); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(134, 144, 165, 0.4); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(207, 218, 231, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } - -.gedit-headerbar-paned { - color: #262a33; } - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; } - .open-document-selector-treeview.view:hover { - background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { - color: #ffffff; - background-color: #5294E2; } - -.open-document-selector-name-label { - color: #5c616c; } - -.open-document-selector-path-label { - color: #aeb0b6; - font-size: smaller; } - .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); } - -.gedit-document-panel row button { - color: transparent; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - padding: 4px; } - .gedit-document-panel row button image { - color: inherit; } - -.gedit-document-panel .prelight-row button { - color: #92959d; } - -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { - color: #ff6666; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { - color: #ffffff; } - -.gedit-document-panel .prelight-row button:active { - color: #5c616c; } - -.gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; - background-color: #d9dde0; - color: #5c616c; } - -GeditStatusbar { - border-top: 1px solid #dcdfe3; - background-color: #F5F6F7; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } - -.gedit-search-entry-occurrences-tag { - color: rgba(92, 97, 108, 0.6); - border: none; - margin: 2px; - padding: 2px; } - -GeditViewFrame .gedit-search-slider { - background-color: #fbfbfc; - padding: 6px; - border-color: #dcdfe3; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; } - -GbWorkbench .floating-bar { - color: #5c616c; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.4); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #ffffff; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #F5F6F7; } - -DhSidebar entry.search, DhSidebar spinbutton.search, -SymbolTree entry.search, -SymbolTree spinbutton.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus, -spinbutton.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #ffffff; - color: #5c616c; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook { - background-color: #ffffff; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } - -EphyWindow .floating-bar { - color: #5c616c; } - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; } - -.documents-icon-bg { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; } - -.documents-collection-icon { - background-color: rgba(92, 97, 108, 0.3); - border-radius: 2px; } - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #a9caf1; } - -.documents-entry-tag { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; - border-width: 0; - margin: 2px; - padding: 4px; } - .documents-entry-tag:hover { - color: #ffffff; - background-color: #639fe5; } - .documents-entry-tag:active { - color: #ffffff; - background-color: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } - -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; } - -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, #2b2e37); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - -.xfce4-panel.panel { - background-color: #2b2e37; } - .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { - color: #BAC3CF; - background-color: rgba(43, 46, 55, 0); - border-radius: 0; } - .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { - border: none; - background-color: #414654; } - .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; - border: none; - background-color: #1b1d23; } - -.floating-bar { - background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } - .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } - -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - -.marlin-pathbar.pathbar { - border-radius: 3px; - padding-left: 4px; - padding-right: 4px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.4); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); - background-color: transparent; } - .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; } - .marlin-pathbar.pathbar:focus { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - .marlin-pathbar.pathbar:disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } - .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { - color: #5294E2; } - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.35); - border-radius: 3px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, white); - background-color: transparent; } - .gala-notification .title, .gala-notification .label { - color: #5c616c; } - -.panel { - background-color: transparent; - color: white; - font-weight: bold; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .panel-shadow { - background-image: none; - background-color: transparent; } - .panel .menu { - box-shadow: none; } - .panel .menu .menuitem { - font-weight: normal; - text-shadow: none; - -gtk-icon-shadow: none; } - .panel .menu .window-frame.menu.csd, - .panel .menu .window-frame.popup.csd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - .panel .menubar > .menuitem { - padding: 3px 6px; } - .panel .menubar > .menuitem:hover { - background-color: transparent; } - .panel .window-frame.menu.csd, - .panel .window-frame.popup.csd { - box-shadow: none; } - -.composited-indicator { - background-color: transparent; - color: white; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .composited-indicator > GtkWidget > GtkWidget:first-child { - padding: 0 2px; } - .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { - border-style: none; - background-image: none; - box-shadow: none; } - .composited-indicator > .popup > .menu { - padding-top: 8px; - padding-bottom: 8px; } - -.panel-app-button > GtkWidget > GtkWidget:first-child { - padding: 0 2px 0 4px; } - -.panel .menu .spinner, -.menu .spinner { - opacity: 1; } - -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(92, 97, 108, 0.55); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #5c616c; } - -UnityDecoration { - -UnityDecoration-extents: 28px 1 1 1; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 3px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #5294E2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { - border: 1px solid #20232b; - border-bottom-width: 0; - border-radius: 4px 4px 0 0; - padding: 1px 6px 0 6px; - background-image: linear-gradient(to bottom, #2f343f); - color: rgba(207, 218, 231, 0.8); - box-shadow: inset 0 1px #363b48; } - UnityDecoration.top:backdrop { - border-bottom-width: 0; - color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { - background-image: linear-gradient(to bottom, #20232b); } - -UnityPanelWidget, -.unity-panel { - background-image: linear-gradient(to bottom, #2b2e37); - color: #f6f7f9; - box-shadow: none; } - UnityPanelWidget:backdrop, - .unity-panel:backdrop { - color: #bdc6d1; } - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: #ffffff; - background-image: linear-gradient(to bottom, #5294E2); - border-bottom: none; } - -.overlay-bar { - background-color: #5294E2; - border-color: #5294E2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; } - .overlay-bar label { - color: #ffffff; } - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; } - -.help_button { - border-radius: 100px; - padding: 3px 9px; } - -toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { - padding: 3px; - border-bottom: 1px solid #dcdfe3; } - toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { - padding: 0 3px 0 3px; } - -toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: #dcdfe3; - background-color: #F5F6F7; } - toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { - padding: 2px 3px 2px 3px; } - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; } - -.source-list, -.source-list.view { - background-color: #F5F6F7; - color: #5c616c; - -gtk-icon-style: regular; } - -.source-list.category-expander { - color: transparent; } - -.source-list.view:hover { - background-color: white; } - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: #ffffff; - background-color: #5294E2; } - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #F5F6F7; - background-image: none; } - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #5294E2; - color: #ffffff; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; } - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: #ffffff; - color: #5294E2; } - -.source-list.category-expander { - color: #5c616c; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; } - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; } - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -GraniteWidgetsWelcome { - background-color: #ffffff; } - -GraniteWidgetsWelcome label { - color: #a9acb2; - font: open sans 11; - text-shadow: none; } - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(92, 97, 108, 0.8); } - -.help_button { - border-radius: 0; } - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; } - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); } - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; } - -GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { - padding: 4px; } - -.h1 { - font: open sans 24px; } - -.h2 { - font: open sans light 18px; } - -.h3 { - font: open sans 11px; } - -.h4, -.category-label { - color: #8a8e96; - font-weight: 600; } - -.h4 { - padding-bottom: 6px; - padding-top: 6px; } - -GtkListBox .h4 { - padding-left: 6px; } - #panel_window { background-color: #2b2e37; color: #BAC3CF; @@ -3802,317 +2963,6 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: #262a33; } - -NemoWindow GtkEventBox { - background-color: #F5F6F7; } - -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { - background-color: #353945; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: #4b5162; } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { - border: none; - color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { - color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { - background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } - -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { - background-color: #353945; } - -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { - color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { - opacity: 0.5; } - -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: #353945; } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: #353945; } - -NautilusWindow NautilusWindowSlot { - background-color: #ffffff; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: #353945; } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: #252831; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: #262a33; } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: #353945; } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #dcdfe3; } - -.gedit-bottom-panel-paned { - background-color: #ffffff; } - -.gedit-document-panel { - background-color: #353945; } - .maximized .gedit-document-panel { - background-color: #353945; } - .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } - -GeditFileBrowserWidget { - background-color: #353945; } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: #252831; } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.4); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.25); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, -GtkFileChooserDialog .dialog-vbox > .frame entry, -GtkFileChooserDialog .dialog-vbox > .frame spinbutton { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: #e7eaee; - border: 1px solid rgba(0, 0, 0, 0.3); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { - background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { - background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { - background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { - background-color: rgba(0, 0, 0, 0.2); - border: none; } - @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index ef5eef6..e1046d5 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -665,24 +665,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -710,7 +706,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1817,10 +1813,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1831,10 +1823,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1845,10 +1833,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1859,10 +1843,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1873,10 +1853,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1887,10 +1863,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1901,10 +1873,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1915,10 +1883,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1929,10 +1893,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1943,10 +1903,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1957,10 +1913,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1971,10 +1923,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2875,799 +2823,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #ffffff; - color: #5c616c; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #92959d; } - TerminalWindow .notebook tab button:hover { - color: #5c616c; - border-color: #cfd6e6; - background-color: #fbfbfc; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - -.nautilus-canvas-item { - border-radius: 2px; } - -.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { - color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { - color: #5c616c; } - .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { - color: #ffffff; } - -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, -.nautilus-list-dim-label { - color: #a9acb2; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dceaf9; } - -NautilusQueryEditor searchbar { - padding: 5px; - box-shadow: none; - background-color: #ffffff; } - -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - -.disk-space-display { - border-style: solid; - border-width: 1px; } - .disk-space-display.unknown { - background-color: rgba(92, 97, 108, 0.5); - border-color: rgba(69, 72, 80, 0.5); } - .disk-space-display.used { - background-color: rgba(82, 148, 226, 0.8); - border-color: rgba(38, 121, 219, 0.8); } - .disk-space-display.free { - background-color: #edeef0; - border-color: #d0d5da; } - -NautilusListView .view { - border-bottom: 1px solid #dcdfe3; } - -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #dcdfe3; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(82, 93, 118, 0.8); - outline-color: rgba(82, 93, 118, 0.1); - border-color: rgba(82, 93, 118, 0.1); - background-color: rgba(251, 251, 252, 0.9); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(255, 255, 255, 0.9); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(82, 93, 118, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } - -.gedit-headerbar-paned { - color: #d4d5db; } - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; } - .open-document-selector-treeview.view:hover { - background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { - color: #ffffff; - background-color: #5294E2; } - -.open-document-selector-name-label { - color: #5c616c; } - -.open-document-selector-path-label { - color: #aeb0b6; - font-size: smaller; } - .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); } - -.gedit-document-panel row button { - color: transparent; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - padding: 4px; } - .gedit-document-panel row button image { - color: inherit; } - -.gedit-document-panel .prelight-row button { - color: #92959d; } - -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { - color: #ff6666; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { - color: #ffffff; } - -.gedit-document-panel .prelight-row button:active { - color: #5c616c; } - -.gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; - background-color: #d9dde0; - color: #5c616c; } - -GeditStatusbar { - border-top: 1px solid #dcdfe3; - background-color: #F5F6F7; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } - -.gedit-search-entry-occurrences-tag { - color: rgba(92, 97, 108, 0.6); - border: none; - margin: 2px; - padding: 2px; } - -GeditViewFrame .gedit-search-slider { - background-color: #fbfbfc; - padding: 6px; - border-color: #dcdfe3; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; } - -GbWorkbench .floating-bar { - color: #5c616c; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(82, 93, 118, 0.8); - border-color: rgba(82, 93, 118, 0.1); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(82, 93, 118, 0.35); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #ffffff; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #F5F6F7; } - -DhSidebar entry.search, DhSidebar spinbutton.search, -SymbolTree entry.search, -SymbolTree spinbutton.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus, -spinbutton.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #ffffff; - color: #5c616c; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook { - background-color: #ffffff; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } - -EphyWindow .floating-bar { - color: #5c616c; } - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; } - -.documents-icon-bg { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; } - -.documents-collection-icon { - background-color: rgba(92, 97, 108, 0.3); - border-radius: 2px; } - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #a9caf1; } - -.documents-entry-tag { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; - border-width: 0; - margin: 2px; - padding: 4px; } - .documents-entry-tag:hover { - color: #ffffff; - background-color: #639fe5; } - .documents-entry-tag:active { - color: #ffffff; - background-color: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } - -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; } - -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, #2b2e37); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - -.xfce4-panel.panel { - background-color: #2b2e37; } - .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { - color: #BAC3CF; - background-color: rgba(43, 46, 55, 0); - border-radius: 0; } - .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { - border: none; - background-color: #414654; } - .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; - border: none; - background-color: #1b1d23; } - -.floating-bar { - background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } - .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } - -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - -.marlin-pathbar.pathbar { - border-radius: 3px; - padding-left: 4px; - padding-right: 4px; - color: rgba(82, 93, 118, 0.8); - border-color: rgba(82, 93, 118, 0.1); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); - background-color: transparent; } - .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; } - .marlin-pathbar.pathbar:focus { - color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } - .marlin-pathbar.pathbar:disabled { - color: rgba(82, 93, 118, 0.35); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } - .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { - color: #5294E2; } - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.35); - border-radius: 3px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, white); - background-color: transparent; } - .gala-notification .title, .gala-notification .label { - color: #5c616c; } - -.panel { - background-color: transparent; - color: white; - font-weight: bold; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .panel-shadow { - background-image: none; - background-color: transparent; } - .panel .menu { - box-shadow: none; } - .panel .menu .menuitem { - font-weight: normal; - text-shadow: none; - -gtk-icon-shadow: none; } - .panel .menu .window-frame.menu.csd, - .panel .menu .window-frame.popup.csd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - .panel .menubar > .menuitem { - padding: 3px 6px; } - .panel .menubar > .menuitem:hover { - background-color: transparent; } - .panel .window-frame.menu.csd, - .panel .window-frame.popup.csd { - box-shadow: none; } - -.composited-indicator { - background-color: transparent; - color: white; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .composited-indicator > GtkWidget > GtkWidget:first-child { - padding: 0 2px; } - .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { - border-style: none; - background-image: none; - box-shadow: none; } - .composited-indicator > .popup > .menu { - padding-top: 8px; - padding-bottom: 8px; } - -.panel-app-button > GtkWidget > GtkWidget:first-child { - padding: 0 2px 0 4px; } - -.panel .menu .spinner, -.menu .spinner { - opacity: 1; } - -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(92, 97, 108, 0.55); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #5c616c; } - -UnityDecoration { - -UnityDecoration-extents: 28px 1 1 1; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 3px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #5294E2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { - border: 1px solid rgba(0, 0, 0, 0.1); - border-bottom-width: 0; - border-radius: 4px 4px 0 0; - padding: 1px 6px 0 6px; - background-image: linear-gradient(to bottom, #e7e8eb); - color: rgba(82, 93, 118, 0.8); - box-shadow: inset 0 1px #eff0f2; } - UnityDecoration.top:backdrop { - border-bottom-width: 0; - color: rgba(82, 93, 118, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } - -UnityPanelWidget, -.unity-panel { - background-image: linear-gradient(to bottom, #2b2e37); - color: #f6f7f9; - box-shadow: none; } - UnityPanelWidget:backdrop, - .unity-panel:backdrop { - color: #bdc6d1; } - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: #ffffff; - background-image: linear-gradient(to bottom, #5294E2); - border-bottom: none; } - -.overlay-bar { - background-color: #5294E2; - border-color: #5294E2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; } - .overlay-bar label { - color: #ffffff; } - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; } - -.help_button { - border-radius: 100px; - padding: 3px 9px; } - -toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { - padding: 3px; - border-bottom: 1px solid #dcdfe3; } - toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { - padding: 0 3px 0 3px; } - -toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: #dcdfe3; - background-color: #F5F6F7; } - toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { - padding: 2px 3px 2px 3px; } - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; } - -.source-list, -.source-list.view { - background-color: #F5F6F7; - color: #5c616c; - -gtk-icon-style: regular; } - -.source-list.category-expander { - color: transparent; } - -.source-list.view:hover { - background-color: white; } - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: #ffffff; - background-color: #5294E2; } - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #F5F6F7; - background-image: none; } - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #5294E2; - color: #ffffff; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; } - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: #ffffff; - color: #5294E2; } - -.source-list.category-expander { - color: #5c616c; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; } - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; } - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -GraniteWidgetsWelcome { - background-color: #ffffff; } - -GraniteWidgetsWelcome label { - color: #a9acb2; - font: open sans 11; - text-shadow: none; } - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(92, 97, 108, 0.8); } - -.help_button { - border-radius: 0; } - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; } - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); } - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; } - -GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { - padding: 4px; } - -.h1 { - font: open sans 24px; } - -.h2 { - font: open sans light 18px; } - -.h3 { - font: open sans 11px; } - -.h4, -.category-label { - color: #8a8e96; - font-weight: 600; } - -.h4 { - padding-bottom: 6px; - padding-top: 6px; } - -GtkListBox .h4 { - padding-left: 6px; } - #panel_window { background-color: #2b2e37; color: #BAC3CF; @@ -3806,317 +2967,6 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: #d4d5db; } - -NemoWindow GtkEventBox { - background-color: #F5F6F7; } - -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { - background-color: #353945; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: #4b5162; } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { - border: none; - color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { - color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { - background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } - -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { - background-color: #353945; } - -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { - color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { - opacity: 0.5; } - -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: #353945; } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: #353945; } - -NautilusWindow NautilusWindowSlot { - background-color: #ffffff; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: #353945; } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: #252831; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: #d4d5db; } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: #e7e8eb; } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: #eff0f2; } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #e7e8eb; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #eff0f2; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: #353945; } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #dcdfe3; } - -.gedit-bottom-panel-paned { - background-color: #ffffff; } - -.gedit-document-panel { - background-color: #353945; } - .maximized .gedit-document-panel { - background-color: #353945; } - .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } - -GeditFileBrowserWidget { - background-color: #353945; } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: #252831; } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.4); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.25); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, -GtkFileChooserDialog .dialog-vbox > .frame entry, -GtkFileChooserDialog .dialog-vbox > .frame spinbutton { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: #e7eaee; - border: 1px solid rgba(0, 0, 0, 0.3); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { - background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { - background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { - background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { - background-color: rgba(0, 0, 0, 0.2); - border: none; } - @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index f9b7108..937b276 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -665,24 +665,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -710,7 +706,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1817,10 +1813,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1831,10 +1823,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1845,10 +1833,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1859,10 +1843,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1873,10 +1853,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1887,10 +1863,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1901,10 +1873,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1915,10 +1883,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1929,10 +1893,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1943,10 +1903,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1957,10 +1913,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1971,10 +1923,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2875,799 +2823,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, spinbutton.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, spinbutton.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #ffffff; - color: #5c616c; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #92959d; } - TerminalWindow .notebook tab button:hover { - color: #5c616c; - border-color: #cfd6e6; - background-color: #fbfbfc; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - -.nautilus-canvas-item { - border-radius: 2px; } - -.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { - color: #ffffff; - text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } - .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { - color: #5c616c; } - .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { - color: #ffffff; } - -.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, -popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, -.nautilus-list-dim-label { - color: #a9acb2; } - .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, - .nautilus-list-dim-label:selected, - .nautilus-list-dim-label:selected:focus { - color: #dceaf9; } - -NautilusQueryEditor searchbar { - padding: 5px; - box-shadow: none; - background-color: #ffffff; } - -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - -.disk-space-display { - border-style: solid; - border-width: 1px; } - .disk-space-display.unknown { - background-color: rgba(92, 97, 108, 0.5); - border-color: rgba(69, 72, 80, 0.5); } - .disk-space-display.used { - background-color: rgba(82, 148, 226, 0.8); - border-color: rgba(38, 121, 219, 0.8); } - .disk-space-display.free { - background-color: #edeef0; - border-color: #d0d5da; } - -NautilusListView .view { - border-bottom: 1px solid #dcdfe3; } - -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #dcdfe3; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(82, 93, 118, 0.8); - outline-color: rgba(82, 93, 118, 0.1); - border-color: rgba(82, 93, 118, 0.1); - background-color: rgba(251, 251, 252, 0.9); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(255, 255, 255, 0.9); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(82, 93, 118, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } - -.gedit-headerbar-paned { - color: rgba(212, 213, 219, 0.95); } - -.open-document-selector-treeview.view { - padding: 3px 6px 3px 6px; - border-color: #ffffff; } - .open-document-selector-treeview.view:hover { - background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { - color: #ffffff; - background-color: #5294E2; } - -.open-document-selector-name-label { - color: #5c616c; } - -.open-document-selector-path-label { - color: #aeb0b6; - font-size: smaller; } - .open-document-selector-path-label:selected { - color: rgba(255, 255, 255, 0.9); } - -.gedit-document-panel row button { - color: transparent; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; - padding: 4px; } - .gedit-document-panel row button image { - color: inherit; } - -.gedit-document-panel .prelight-row button { - color: #92959d; } - -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { - color: #ff6666; - background-image: none; - background-color: transparent; - border: none; - box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { - color: #ffffff; } - -.gedit-document-panel .prelight-row button:active { - color: #5c616c; } - -.gedit-document-panel-dragged-row { - border: 1px solid #dcdfe3; - background-color: #d9dde0; - color: #5c616c; } - -GeditStatusbar { - border-top: 1px solid #dcdfe3; - background-color: #F5F6F7; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } - -.gedit-search-entry-occurrences-tag { - color: rgba(92, 97, 108, 0.6); - border: none; - margin: 2px; - padding: 2px; } - -GeditViewFrame .gedit-search-slider { - background-color: #fbfbfc; - padding: 6px; - border-color: #dcdfe3; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; } - -GbWorkbench .floating-bar { - color: #5c616c; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(82, 93, 118, 0.8); - border-color: rgba(82, 93, 118, 0.1); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(82, 93, 118, 0.35); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry, GbPreferencesPageLanguage spinbutton { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry, GbEditorTweakWidget .linked.vertical > spinbutton { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #ffffff; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #F5F6F7; } - -DhSidebar entry.search, DhSidebar spinbutton.search, -SymbolTree entry.search, -SymbolTree spinbutton.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, spinbutton.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus, -spinbutton.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #ffffff; - color: #5c616c; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook { - background-color: #ffffff; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } - -EphyWindow .floating-bar { - color: #5c616c; } - -button.documents-load-more { - border-width: 1px 0 0; - border-radius: 0; } - -.documents-icon-bg { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; } - -.documents-collection-icon { - background-color: rgba(92, 97, 108, 0.3); - border-radius: 2px; } - -button.documents-favorite:active, -button.documents-favorite:active:hover { - color: #a9caf1; } - -.documents-entry-tag { - background-color: #5294E2; - color: #ffffff; - border-radius: 2px; - border-width: 0; - margin: 2px; - padding: 4px; } - .documents-entry-tag:hover { - color: #ffffff; - background-color: #639fe5; } - .documents-entry-tag:active { - color: #ffffff; - background-color: #4189df; } - toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { - background: none; - border: none; - box-shadow: none; - -gtk-icon-shadow: none; } - toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { - color: rgba(255, 255, 255, 0.7); } - -.content-view.document-page { - border-style: solid; - border-width: 3px 3px 6px 4px; - border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } - -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - -.tr-workarea undershoot, -.tr-workarea overshoot { - border-color: transparent; } - -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - -.xfce4-panel.panel { - background-color: rgba(43, 46, 55, 0.95); } - .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { - color: #BAC3CF; - background-color: rgba(43, 46, 55, 0); - border-radius: 0; } - .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { - border: none; - background-color: rgba(65, 70, 84, 0.95); } - .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; - border: none; - background-color: rgba(27, 29, 35, 0.95); } - -.floating-bar { - background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } - .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } - -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - -.marlin-pathbar.pathbar { - border-radius: 3px; - padding-left: 4px; - padding-right: 4px; - color: rgba(82, 93, 118, 0.8); - border-color: rgba(82, 93, 118, 0.1); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); - background-color: transparent; } - .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { - color: inherit; } - .marlin-pathbar.pathbar:focus { - color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } - .marlin-pathbar.pathbar:disabled { - color: rgba(82, 93, 118, 0.35); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } - .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { - color: #5294E2; } - -.gala-notification { - border: 1px solid rgba(0, 0, 0, 0.35); - border-radius: 3px; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(to bottom, white); - background-color: transparent; } - .gala-notification .title, .gala-notification .label { - color: #5c616c; } - -.panel { - background-color: transparent; - color: white; - font-weight: bold; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .panel-shadow { - background-image: none; - background-color: transparent; } - .panel .menu { - box-shadow: none; } - .panel .menu .menuitem { - font-weight: normal; - text-shadow: none; - -gtk-icon-shadow: none; } - .panel .menu .window-frame.menu.csd, - .panel .menu .window-frame.popup.csd { - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - .panel .menubar > .menuitem { - padding: 3px 6px; } - .panel .menubar > .menuitem:hover { - background-color: transparent; } - .panel .window-frame.menu.csd, - .panel .window-frame.popup.csd { - box-shadow: none; } - -.composited-indicator { - background-color: transparent; - color: white; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .composited-indicator > GtkWidget > GtkWidget:first-child { - padding: 0 2px; } - .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { - border-style: none; - background-image: none; - box-shadow: none; } - .composited-indicator > .popup > .menu { - padding-top: 8px; - padding-bottom: 8px; } - -.panel-app-button > GtkWidget > GtkWidget:first-child { - padding: 0 2px 0 4px; } - -.panel .menu .spinner, -.menu .spinner { - opacity: 1; } - -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(92, 97, 108, 0.55); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #5c616c; } - -UnityDecoration { - -UnityDecoration-extents: 28px 1 1 1; - -UnityDecoration-input-extents: 10px; - -UnityDecoration-shadow-offset-x: 0px; - -UnityDecoration-shadow-offset-y: 3px; - -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); - -UnityDecoration-active-shadow-radius: 12px; - -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); - -UnityDecoration-inactive-shadow-radius: 7px; - -UnityDecoration-glow-size: 10px; - -UnityDecoration-glow-color: #5294E2; - -UnityDecoration-title-indent: 10px; - -UnityDecoration-title-fade: 35px; - -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { - border: 1px solid rgba(0, 0, 0, 0.1); - border-bottom-width: 0; - border-radius: 4px 4px 0 0; - padding: 1px 6px 0 6px; - background-image: linear-gradient(to bottom, #e7e8eb); - color: rgba(82, 93, 118, 0.8); - box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } - UnityDecoration.top:backdrop { - border-bottom-width: 0; - color: rgba(82, 93, 118, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { - background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } - -UnityPanelWidget, -.unity-panel { - background-image: linear-gradient(to bottom, #2b2e37); - color: #f6f7f9; - box-shadow: none; } - UnityPanelWidget:backdrop, - .unity-panel:backdrop { - color: #bdc6d1; } - -.unity-panel.menubar.menuitem:hover, -.unity-panel.menubar .menuitem *:hover { - border-radius: 0; - color: #ffffff; - background-image: linear-gradient(to bottom, #5294E2); - border-bottom: none; } - -.overlay-bar { - background-color: #5294E2; - border-color: #5294E2; - border-radius: 2px; - padding: 3px 6px; - margin: 3px; } - .overlay-bar label { - color: #ffffff; } - -GraniteWidgetsThinPaned { - background-color: transparent; - background-image: none; - margin: 0; - border-left: 1px solid #dcdfe3; - border-right: 1px solid #dcdfe3; } - -GraniteWidgetsPopOver .frame, -GraniteWidgetsStaticNotebook .frame { - border: none; } - -.help_button { - border-radius: 100px; - padding: 3px 9px; } - -toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { - padding: 3px; - border-bottom: 1px solid #dcdfe3; } - toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { - padding: 0 3px 0 3px; } - -toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { - padding: 5px; - border-width: 1px 0 0 0; - border-style: solid; - border-color: #dcdfe3; - background-color: #F5F6F7; } - toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { - padding: 2px 3px 2px 3px; } - -.source-list { - -GtkTreeView-horizontal-separator: 1px; - -GtkTreeView-vertical-separator: 6px; } - -.source-list, -.source-list.view { - background-color: #F5F6F7; - color: #5c616c; - -gtk-icon-style: regular; } - -.source-list.category-expander { - color: transparent; } - -.source-list.view:hover { - background-color: white; } - -.source-list.view:selected, -.source-list.view:hover:selected, -.source-list.view:selected:focus, -.source-list.category-expander:hover { - color: #ffffff; - background-color: #5294E2; } - -.source-list scrollbar, -.source-list junction { - border-image: none; - border-color: transparent; - background-color: #F5F6F7; - background-image: none; } - -.source-list.badge, -.source-list.badge:hover, -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-image: none; - background-color: #5294E2; - color: #ffffff; - border-radius: 10px; - padding: 0 6px; - margin: 0 3px; - border-width: 0; } - -.source-list.badge:selected, -.source-list.badge:selected:focus, -.source-list.badge:hover:selected { - background-color: #ffffff; - color: #5294E2; } - -.source-list.category-expander { - color: #5c616c; - -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); - -GtkTreeView-expander-size: 16; } - -.source-list.category-expander, -.source-list.category-expander:backdrop { - color: transparent; - border: none; } - -.source-list.category-expander:checked { - -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - -GraniteWidgetsWelcome { - background-color: #ffffff; } - -GraniteWidgetsWelcome label { - color: #a9acb2; - font: open sans 11; - text-shadow: none; } - -GraniteWidgetsWelcome .h1, -GraniteWidgetsWelcome .h3 { - color: rgba(92, 97, 108, 0.8); } - -.help_button { - border-radius: 0; } - -GraniteWidgetsPopOver { - -GraniteWidgetsPopOver-arrow-width: 21; - -GraniteWidgetsPopOver-arrow-height: 10; - -GraniteWidgetsPopOver-border-radius: 2px; - -GraniteWidgetsPopOver-border-width: 1; - -GraniteWidgetsPopOver-shadow-size: 12; - border: 1px solid rgba(0, 0, 0, 0.3); - margin: 0; } - -.popover_bg { - background-image: linear-gradient(to bottom, #ffffff); - border: 1px solid rgba(0, 0, 0, 0.3); } - -GraniteWidgetsPopOver .sidebar.view, -GraniteWidgetsPopOver * { - background-color: transparent; } - -GraniteWidgetsXsEntry entry, GraniteWidgetsXsEntry spinbutton { - padding: 4px; } - -.h1 { - font: open sans 24px; } - -.h2 { - font: open sans light 18px; } - -.h3 { - font: open sans 11px; } - -.h4, -.category-label { - color: #8a8e96; - font-weight: 600; } - -.h4 { - padding-bottom: 6px; - padding-top: 6px; } - -GtkListBox .h4 { - padding-left: 6px; } - #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; @@ -3806,317 +2967,6 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: rgba(212, 213, 219, 0.95); } - -NemoWindow GtkEventBox { - background-color: #F5F6F7; } - -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { - background-color: rgba(53, 57, 69, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: rgba(75, 81, 98, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { - border: none; - color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { - color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { - background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } - -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { - background-color: #353945; } - -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { - color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { - opacity: 0.5; } - -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: rgba(53, 57, 69, 0.95); } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: rgba(53, 57, 69, 0.95); } - -NautilusWindow NautilusWindowSlot { - background-color: #ffffff; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: rgba(53, 57, 69, 0.95); } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: rgba(37, 40, 49, 0.95); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: rgba(212, 213, 219, 0.95); } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: rgba(231, 232, 235, 0.95); } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: rgba(239, 240, 242, 0.95); } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #e7e8eb; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #eff0f2; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: rgba(53, 57, 69, 0.95); } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #dcdfe3; } - -.gedit-bottom-panel-paned { - background-color: #ffffff; } - -.gedit-document-panel { - background-color: rgba(53, 57, 69, 0.95); } - .maximized .gedit-document-panel { - background-color: #353945; } - .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } - -GeditFileBrowserWidget { - background-color: rgba(53, 57, 69, 0.95); } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: rgba(37, 40, 49, 0.95); } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.35); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.2); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton, -GtkFileChooserDialog .dialog-vbox > .frame entry, -GtkFileChooserDialog .dialog-vbox > .frame spinbutton { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame spinbutton:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame spinbutton:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { - background-color: #e7eaee; - border: 1px solid rgba(0, 0, 0, 0.3); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { - background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { - background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { - background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { - background-color: transparent; } - -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { - background-color: rgba(0, 0, 0, 0.2); - border: none; } - @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; diff --git a/common/gtk-3.0/3.20/sass/gtk-dark.scss b/common/gtk-3.0/3.20/sass/gtk-dark.scss index 529ee3d..ad6b6ce 100644 --- a/common/gtk-3.0/3.20/sass/gtk-dark.scss +++ b/common/gtk-3.0/3.20/sass/gtk-dark.scss @@ -5,9 +5,9 @@ $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; +//@import 'applications'; +//@import 'unity'; +//@import 'granite'; @import 'lightdm'; -@import 'transparent_widgets'; +//@import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-darker.scss b/common/gtk-3.0/3.20/sass/gtk-darker.scss index 34b8f81..e8ecec5 100644 --- a/common/gtk-3.0/3.20/sass/gtk-darker.scss +++ b/common/gtk-3.0/3.20/sass/gtk-darker.scss @@ -5,9 +5,9 @@ $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; +//@import 'applications'; +//@import 'unity'; +//@import 'granite'; @import 'lightdm'; -@import 'transparent_widgets'; +//@import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss b/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss index 959d8b1..bb9c9e8 100644 --- a/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss +++ b/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss @@ -5,9 +5,9 @@ $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; +//@import 'applications'; +//@import 'unity'; +//@import 'granite'; @import 'lightdm'; -@import 'transparent_widgets'; +//@import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss b/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss index 45b7dbe..59be1ea 100644 --- a/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss +++ b/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss @@ -5,9 +5,9 @@ $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; +//@import 'applications'; +//@import 'unity'; +//@import 'granite'; @import 'lightdm'; -@import 'transparent_widgets'; +//@import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid.scss b/common/gtk-3.0/3.20/sass/gtk-solid.scss index 28ff2b6..f261d50 100644 --- a/common/gtk-3.0/3.20/sass/gtk-solid.scss +++ b/common/gtk-3.0/3.20/sass/gtk-solid.scss @@ -5,9 +5,9 @@ $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; +//@import 'applications'; +//@import 'unity'; +//@import 'granite'; @import 'lightdm'; -@import 'transparent_widgets'; +//@import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk.scss b/common/gtk-3.0/3.20/sass/gtk.scss index 9bb0348..90172e0 100644 --- a/common/gtk-3.0/3.20/sass/gtk.scss +++ b/common/gtk-3.0/3.20/sass/gtk.scss @@ -5,9 +5,9 @@ $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; -@import 'applications'; -@import 'unity'; -@import 'granite'; +//@import 'applications'; +//@import 'unity'; +//@import 'granite'; @import 'lightdm'; -@import 'transparent_widgets'; +//@import 'transparent_widgets'; @import 'colors-public'; -- cgit v1.2.3 From 0412db89a17950ac0d3b1aaf497856c8c20b823e Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: update spinbuttons --- common/gtk-3.0/3.20/gtk-dark.css | 394 ++++++++++++------------------ common/gtk-3.0/3.20/gtk-darker.css | 394 ++++++++++++------------------ common/gtk-3.0/3.20/gtk-solid-dark.css | 394 ++++++++++++------------------ common/gtk-3.0/3.20/gtk-solid-darker.css | 394 ++++++++++++------------------ common/gtk-3.0/3.20/gtk-solid.css | 398 ++++++++++++------------------- common/gtk-3.0/3.20/gtk.css | 398 ++++++++++++------------------- common/gtk-3.0/3.20/sass/_common.scss | 148 +++--------- 7 files changed, 983 insertions(+), 1537 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 80b8992..8f086cf 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -132,7 +132,7 @@ spinner { spinner:checked:disabled { opacity: 0.5; } -entry, spinbutton { +entry { min-height: 22px; border: 1px solid; padding: 2px 8px; @@ -143,17 +143,17 @@ entry, spinbutton { border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } - entry.search, spinbutton.search { + entry.search { border-radius: 20px; } - entry image, spinbutton image { + entry image { color: #b6bcc6; } - entry image.left, spinbutton image.left { + entry image.left { padding-left: 0; padding-right: 5px; } - entry image.right, spinbutton image.right { + entry image.right { padding-right: 0; padding-left: 5px; } - entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + entry.flat, entry.flat:focus { color: #D3DAE3; border-color: #2b2e39; background-color: #404552; @@ -162,23 +162,23 @@ entry, spinbutton { padding-right: 2px; border: none; border-radius: 0; } - entry:focus, spinbutton:focus { + entry:focus { background-clip: border-box; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2, inset 0 1px #5294E2, inset 0 -1px #5294E2; } - entry:disabled, spinbutton:disabled { + entry:disabled { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } - entry selection, spinbutton selection, - entry selection:focus, spinbutton selection:focus { + entry selection, + entry selection:focus { background-color: #5294E2; color: #ffffff; } - entry progress, spinbutton progress { + entry progress { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; @@ -187,40 +187,40 @@ entry, spinbutton { background-image: none; background-color: transparent; box-shadow: none; } - entry.warning, spinbutton.warning { + entry.warning { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #ab6441); } - entry.warning:focus, spinbutton.warning:focus { + entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } - entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + entry.warning selection, entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - entry.error, spinbutton.error { + entry.error { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #b14342); } - entry.error:focus, spinbutton.error:focus { + entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } - entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } - .osd entry, .osd spinbutton { + .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } - .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + .osd entry image, .osd entry image:hover { color: inherit; } - .osd entry:focus, .osd spinbutton:focus { + .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294E2); } - .osd entry:disabled, .osd spinbutton:disabled { + .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } @@ -493,69 +493,48 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > button + button { @@ -567,8 +546,7 @@ button { .linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, -.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { @@ -583,69 +561,48 @@ button { .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } -.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { +.linked.vertical > entry + entry { border-top-color: rgba(43, 46, 57, 0.3); } -.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, -.linked.vertical > entry + entry.error, -.linked.vertical > spinbutton + entry.error, -.linked.vertical > entry + spinbutton.error, -.linked.vertical > spinbutton + spinbutton.error { +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { border-top-color: rgba(43, 46, 57, 0.3); } -.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, -.linked.vertical > entry + entry.warning, -.linked.vertical > spinbutton + entry.warning, -.linked.vertical > entry + spinbutton.warning, -.linked.vertical > spinbutton + spinbutton.warning { +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { border-top-color: rgba(43, 46, 57, 0.3); } -.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { +.linked.vertical > entry.error + entry.warning { border-top-color: rgba(43, 46, 57, 0.3); } -.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), -.linked.vertical > entry + entry:focus:last-child, -.linked.vertical > spinbutton + entry:focus:last-child, -.linked.vertical > entry + spinbutton:focus:last-child, -.linked.vertical > spinbutton + spinbutton:focus:last-child { +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { border-top-color: #2b2e39; } -.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > spinbutton:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #2b2e39; } -.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { border-top-color: #2b2e39; } -.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > spinbutton.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } -.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { +.linked.vertical > button:checked + entry { border-top-color: #2b2e39; } .linked.vertical > button + button { @@ -657,51 +614,48 @@ button { .linked.vertical > button:first-child:hover:not(:checked):not(:active), .linked.vertical > button:checked + button:not(:checked):not(:active):hover, -.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, -.linked:not(.vertical) > entry:focus, -.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > entry, .linked.vertical > spinbutton, -.linked.vertical > entry:focus, -.linked.vertical > spinbutton:focus, .linked.vertical > button, +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } @@ -767,81 +721,31 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } -spinbutton:not(.vertical) button { - background-image: none; - border: 1px solid rgba(43, 46, 57, 0.6); - border-style: none none none solid; - color: #ccd3dc; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:disabled { - color: rgba(211, 218, 227, 0.45); } - spinbutton:not(.vertical) button:active { - background-color: #5294E2; - color: #ffffff; } +spinbutton button:active { + color: #ffffff; } -spinbutton.vertical { - border-radius: 0; - padding-left: 5px; - padding-right: 5px; } - spinbutton.vertical button:first-child { - color: #D3DAE3; - outline-color: rgba(211, 218, 227, 0.3); - border-color: #2b2e39; - background-color: #444a58; } - spinbutton.vertical button:first-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #2b2e39; - background-color: #5294E2; } - spinbutton.vertical button:first-child:hover { - color: #D3DAE3; - outline-color: rgba(211, 218, 227, 0.3); - border-color: #2b2e39; - background-color: #505666; } - spinbutton.vertical button:first-child:disabled { - color: rgba(211, 218, 227, 0.45); - border-color: rgba(43, 46, 57, 0.55); - background-color: rgba(68, 74, 88, 0.55); } - spinbutton.vertical button:first-child:disabled > label { - color: inherit; } - spinbutton.vertical button:last-child { - color: #D3DAE3; - outline-color: rgba(211, 218, 227, 0.3); - border-color: #2b2e39; - background-color: #444a58; } - spinbutton.vertical button:last-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #2b2e39; - background-color: #5294E2; } - spinbutton.vertical button:last-child:hover { - color: #D3DAE3; - outline-color: rgba(211, 218, 227, 0.3); - border-color: #2b2e39; - background-color: #505666; } - spinbutton.vertical button:last-child:disabled { - color: rgba(211, 218, 227, 0.45); - border-color: rgba(43, 46, 57, 0.55); - background-color: rgba(68, 74, 88, 0.55); } - spinbutton.vertical button:last-child:disabled > label { - color: inherit; } - spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { - border-radius: 2px 2px 0 0; - border-style: solid solid none solid; } - spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { - border-radius: 0 0 2px 2px; - border-style: none solid solid solid; } - -treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { - padding: 1px; - border-width: 1px 0; - border-color: #5294E2; - border-radius: 0; +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + padding-top: 0; + padding-bottom: 0; + min-height: 0; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #2b2e39; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #2b2e39; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #2b2e39; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1007,7 +911,7 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: rgba(38, 42, 51, 0.97); } -headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1020,50 +924,50 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { +.primary-toolbar entry, headerbar entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + .primary-toolbar entry progress, headerbar entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + .primary-toolbar entry.warning, headerbar entry.warning { color: #ffffff; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + .primary-toolbar entry.error, headerbar entry.error { color: #ffffff; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: #ffffff; color: #FC4138; } @@ -1131,37 +1035,37 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { @@ -1232,23 +1136,39 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { - color: #ffffff; } - .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; } - .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { - color: rgba(255, 255, 255, 0.4); } +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } -.primary-toolbar spinbutton button, headerbar spinbutton button { - color: rgba(207, 218, 231, 0.8); } - .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { - background-color: rgba(207, 218, 231, 0.05); - border-color: transparent; } - .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { - color: rgba(207, 218, 231, 0.5); } - .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { - background-color: rgba(0, 0, 0, 0.1); } +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(134, 144, 165, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } @@ -1269,14 +1189,14 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 1136d7f..9169e43 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -132,7 +132,7 @@ spinner { spinner:checked:disabled { opacity: 0.5; } -entry, spinbutton { +entry { min-height: 22px; border: 1px solid; padding: 2px 8px; @@ -143,17 +143,17 @@ entry, spinbutton { border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - entry.search, spinbutton.search { + entry.search { border-radius: 20px; } - entry image, spinbutton image { + entry image { color: #7d8189; } - entry image.left, spinbutton image.left { + entry image.left { padding-left: 0; padding-right: 5px; } - entry image.right, spinbutton image.right { + entry image.right { padding-right: 0; padding-left: 5px; } - entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + entry.flat, entry.flat:focus { color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; @@ -162,22 +162,22 @@ entry, spinbutton { padding-right: 2px; border: none; border-radius: 0; } - entry:focus, spinbutton:focus { + entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294E2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - entry:disabled, spinbutton:disabled { + entry:disabled { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - entry selection, spinbutton selection, - entry selection:focus, spinbutton selection:focus { + entry selection, + entry selection:focus { background-color: #5294E2; color: #ffffff; } - entry progress, spinbutton progress { + entry progress { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; @@ -186,40 +186,40 @@ entry, spinbutton { background-image: none; background-color: transparent; box-shadow: none; } - entry.warning, spinbutton.warning { + entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } - entry.warning:focus, spinbutton.warning:focus { + entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } - entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + entry.warning selection, entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - entry.error, spinbutton.error { + entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } - entry.error:focus, spinbutton.error:focus { + entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } - entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } - .osd entry, .osd spinbutton { + .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } - .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + .osd entry image, .osd entry image:hover { color: inherit; } - .osd entry:focus, .osd spinbutton:focus { + .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294E2); } - .osd entry:disabled, .osd spinbutton:disabled { + .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } @@ -492,69 +492,48 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294E2; } -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294E2; } .linked:not(.vertical):not(.path-bar) > button + button { @@ -566,8 +545,7 @@ button { .linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, -.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { @@ -582,69 +560,48 @@ button { .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } -.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { +.linked.vertical > entry + entry { border-top-color: rgba(207, 214, 230, 0.3); } -.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, -.linked.vertical > entry + entry.error, -.linked.vertical > spinbutton + entry.error, -.linked.vertical > entry + spinbutton.error, -.linked.vertical > spinbutton + spinbutton.error { +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { border-top-color: #FC4138; } -.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, -.linked.vertical > entry + entry.warning, -.linked.vertical > spinbutton + entry.warning, -.linked.vertical > entry + spinbutton.warning, -.linked.vertical > spinbutton + spinbutton.warning { +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { border-top-color: #F27835; } -.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { +.linked.vertical > entry.error + entry.warning { border-top-color: #FC4138; } -.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), -.linked.vertical > entry + entry:focus:last-child, -.linked.vertical > spinbutton + entry:focus:last-child, -.linked.vertical > entry + spinbutton:focus:last-child, -.linked.vertical > spinbutton + spinbutton:focus:last-child { +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { border-top-color: #5294E2; } -.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > spinbutton:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { border-top-color: #5294E2; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } -.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #F27835; } -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { border-top-color: #FC4138; } -.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > spinbutton.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #FC4138; } -.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { +.linked.vertical > button:checked + entry { border-top-color: #5294E2; } .linked.vertical > button + button { @@ -656,51 +613,48 @@ button { .linked.vertical > button:first-child:hover:not(:checked):not(:active), .linked.vertical > button:checked + button:not(:checked):not(:active):hover, -.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, -.linked:not(.vertical) > entry:focus, -.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > entry, .linked.vertical > spinbutton, -.linked.vertical > entry:focus, -.linked.vertical > spinbutton:focus, .linked.vertical > button, +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } @@ -766,81 +720,31 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } -spinbutton:not(.vertical) button { - background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); - border-style: none none none solid; - color: #646973; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:disabled { - color: rgba(92, 97, 108, 0.55); } - spinbutton:not(.vertical) button:active { - background-color: #5294E2; - color: #ffffff; } +spinbutton button:active { + color: #ffffff; } -spinbutton.vertical { - border-radius: 0; - padding-left: 5px; - padding-right: 5px; } - spinbutton.vertical button:first-child { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: #fbfbfc; } - spinbutton.vertical button:first-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - spinbutton.vertical button:first-child:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - spinbutton.vertical button:first-child:disabled { - color: rgba(92, 97, 108, 0.55); - border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(251, 251, 252, 0.55); } - spinbutton.vertical button:first-child:disabled > label { - color: inherit; } - spinbutton.vertical button:last-child { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: #fbfbfc; } - spinbutton.vertical button:last-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - spinbutton.vertical button:last-child:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - spinbutton.vertical button:last-child:disabled { - color: rgba(92, 97, 108, 0.55); - border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(251, 251, 252, 0.55); } - spinbutton.vertical button:last-child:disabled > label { - color: inherit; } - spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { - border-radius: 2px 2px 0 0; - border-style: solid solid none solid; } - spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { - border-radius: 0 0 2px 2px; - border-style: none solid solid solid; } - -treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { - padding: 1px; - border-width: 1px 0; - border-color: #5294E2; - border-radius: 0; +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + padding-top: 0; + padding-bottom: 0; + min-height: 0; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #cfd6e6; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #5294E2; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1006,7 +910,7 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: rgba(38, 42, 51, 0.97); } -headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1019,50 +923,50 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { +.primary-toolbar entry, headerbar entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + .primary-toolbar entry progress, headerbar entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + .primary-toolbar entry.warning, headerbar entry.warning { color: #ffffff; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(167, 94, 57, 0.988)); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + .primary-toolbar entry.error, headerbar entry.error { color: #ffffff; border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(173, 60, 59, 0.988)); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: #ffffff; color: #FC4138; } @@ -1130,37 +1034,37 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { @@ -1231,23 +1135,39 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { - color: #ffffff; } - .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; } - .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { - color: rgba(255, 255, 255, 0.4); } +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } -.primary-toolbar spinbutton button, headerbar spinbutton button { - color: rgba(207, 218, 231, 0.8); } - .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { - background-color: rgba(207, 218, 231, 0.05); - border-color: transparent; } - .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { - color: rgba(207, 218, 231, 0.5); } - .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { - background-color: rgba(0, 0, 0, 0.1); } +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(134, 144, 165, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } @@ -1268,14 +1188,14 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 577ac1d..78b21c5 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -132,7 +132,7 @@ spinner { spinner:checked:disabled { opacity: 0.5; } -entry, spinbutton { +entry { min-height: 22px; border: 1px solid; padding: 2px 8px; @@ -143,17 +143,17 @@ entry, spinbutton { border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); } - entry.search, spinbutton.search { + entry.search { border-radius: 20px; } - entry image, spinbutton image { + entry image { color: #b6bcc6; } - entry image.left, spinbutton image.left { + entry image.left { padding-left: 0; padding-right: 5px; } - entry image.right, spinbutton image.right { + entry image.right { padding-right: 0; padding-left: 5px; } - entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + entry.flat, entry.flat:focus { color: #D3DAE3; border-color: #2b2e39; background-color: #404552; @@ -162,23 +162,23 @@ entry, spinbutton { padding-right: 2px; border: none; border-radius: 0; } - entry:focus, spinbutton:focus { + entry:focus { background-clip: border-box; color: #D3DAE3; border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); box-shadow: inset 1px 0 #5294E2, inset -1px 0 #5294E2, inset 0 1px #5294E2, inset 0 -1px #5294E2; } - entry:disabled, spinbutton:disabled { + entry:disabled { color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } - entry selection, spinbutton selection, - entry selection:focus, spinbutton selection:focus { + entry selection, + entry selection:focus { background-color: #5294E2; color: #ffffff; } - entry progress, spinbutton progress { + entry progress { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; @@ -187,40 +187,40 @@ entry, spinbutton { background-image: none; background-color: transparent; box-shadow: none; } - entry.warning, spinbutton.warning { + entry.warning { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #ab6441); } - entry.warning:focus, spinbutton.warning:focus { + entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } - entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + entry.warning selection, entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - entry.error, spinbutton.error { + entry.error { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #b14342); } - entry.error:focus, spinbutton.error:focus { + entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } - entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } - .osd entry, .osd spinbutton { + .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } - .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + .osd entry image, .osd entry image:hover { color: inherit; } - .osd entry:focus, .osd spinbutton:focus { + .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294E2); } - .osd entry:disabled, .osd spinbutton:disabled { + .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } @@ -493,69 +493,48 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: rgba(43, 46, 57, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #2b2e39; } -.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > button + button { @@ -567,8 +546,7 @@ button { .linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, -.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { @@ -583,69 +561,48 @@ button { .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(43, 46, 57, 0.5); } -.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { +.linked.vertical > entry + entry { border-top-color: rgba(43, 46, 57, 0.3); } -.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, -.linked.vertical > entry + entry.error, -.linked.vertical > spinbutton + entry.error, -.linked.vertical > entry + spinbutton.error, -.linked.vertical > spinbutton + spinbutton.error { +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { border-top-color: rgba(43, 46, 57, 0.3); } -.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, -.linked.vertical > entry + entry.warning, -.linked.vertical > spinbutton + entry.warning, -.linked.vertical > entry + spinbutton.warning, -.linked.vertical > spinbutton + spinbutton.warning { +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { border-top-color: rgba(43, 46, 57, 0.3); } -.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { +.linked.vertical > entry.error + entry.warning { border-top-color: rgba(43, 46, 57, 0.3); } -.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), -.linked.vertical > entry + entry:focus:last-child, -.linked.vertical > spinbutton + entry:focus:last-child, -.linked.vertical > entry + spinbutton:focus:last-child, -.linked.vertical > spinbutton + spinbutton:focus:last-child { +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { border-top-color: #2b2e39; } -.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > spinbutton:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #2b2e39; } -.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { border-top-color: #2b2e39; } -.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > spinbutton.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #2b2e39; } -.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { +.linked.vertical > button:checked + entry { border-top-color: #2b2e39; } .linked.vertical > button + button { @@ -657,51 +614,48 @@ button { .linked.vertical > button:first-child:hover:not(:checked):not(:active), .linked.vertical > button:checked + button:not(:checked):not(:active):hover, -.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, -.linked:not(.vertical) > entry:focus, -.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > entry, .linked.vertical > spinbutton, -.linked.vertical > entry:focus, -.linked.vertical > spinbutton:focus, .linked.vertical > button, +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } @@ -767,81 +721,31 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } -spinbutton:not(.vertical) button { - background-image: none; - border: 1px solid rgba(43, 46, 57, 0.6); - border-style: none none none solid; - color: #ccd3dc; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:disabled { - color: rgba(211, 218, 227, 0.45); } - spinbutton:not(.vertical) button:active { - background-color: #5294E2; - color: #ffffff; } +spinbutton button:active { + color: #ffffff; } -spinbutton.vertical { - border-radius: 0; - padding-left: 5px; - padding-right: 5px; } - spinbutton.vertical button:first-child { - color: #D3DAE3; - outline-color: rgba(211, 218, 227, 0.3); - border-color: #2b2e39; - background-color: #444a58; } - spinbutton.vertical button:first-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #2b2e39; - background-color: #5294E2; } - spinbutton.vertical button:first-child:hover { - color: #D3DAE3; - outline-color: rgba(211, 218, 227, 0.3); - border-color: #2b2e39; - background-color: #505666; } - spinbutton.vertical button:first-child:disabled { - color: rgba(211, 218, 227, 0.45); - border-color: rgba(43, 46, 57, 0.55); - background-color: rgba(68, 74, 88, 0.55); } - spinbutton.vertical button:first-child:disabled > label { - color: inherit; } - spinbutton.vertical button:last-child { - color: #D3DAE3; - outline-color: rgba(211, 218, 227, 0.3); - border-color: #2b2e39; - background-color: #444a58; } - spinbutton.vertical button:last-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #2b2e39; - background-color: #5294E2; } - spinbutton.vertical button:last-child:hover { - color: #D3DAE3; - outline-color: rgba(211, 218, 227, 0.3); - border-color: #2b2e39; - background-color: #505666; } - spinbutton.vertical button:last-child:disabled { - color: rgba(211, 218, 227, 0.45); - border-color: rgba(43, 46, 57, 0.55); - background-color: rgba(68, 74, 88, 0.55); } - spinbutton.vertical button:last-child:disabled > label { - color: inherit; } - spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { - border-radius: 2px 2px 0 0; - border-style: solid solid none solid; } - spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { - border-radius: 0 0 2px 2px; - border-style: none solid solid solid; } - -treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { - padding: 1px; - border-width: 1px 0; - border-color: #5294E2; - border-radius: 0; +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + padding-top: 0; + padding-bottom: 0; + min-height: 0; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #2b2e39; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #2b2e39; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #2b2e39; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1007,7 +911,7 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: #262a33; } -headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1020,50 +924,50 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { +.primary-toolbar entry, headerbar entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + .primary-toolbar entry progress, headerbar entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + .primary-toolbar entry.warning, headerbar entry.warning { color: #ffffff; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #a45d39); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + .primary-toolbar entry.error, headerbar entry.error { color: #ffffff; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #aa3c3b); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: #ffffff; color: #FC4138; } @@ -1131,37 +1035,37 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { @@ -1232,23 +1136,39 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { - color: #ffffff; } - .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; } - .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { - color: rgba(255, 255, 255, 0.4); } +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } -.primary-toolbar spinbutton button, headerbar spinbutton button { - color: rgba(207, 218, 231, 0.8); } - .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { - background-color: rgba(207, 218, 231, 0.05); - border-color: transparent; } - .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { - color: rgba(207, 218, 231, 0.5); } - .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { - background-color: rgba(0, 0, 0, 0.1); } +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(134, 144, 165, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } @@ -1269,14 +1189,14 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 36f6f47..d82b1a9 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -132,7 +132,7 @@ spinner { spinner:checked:disabled { opacity: 0.5; } -entry, spinbutton { +entry { min-height: 22px; border: 1px solid; padding: 2px 8px; @@ -143,17 +143,17 @@ entry, spinbutton { border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - entry.search, spinbutton.search { + entry.search { border-radius: 20px; } - entry image, spinbutton image { + entry image { color: #7d8189; } - entry image.left, spinbutton image.left { + entry image.left { padding-left: 0; padding-right: 5px; } - entry image.right, spinbutton image.right { + entry image.right { padding-right: 0; padding-left: 5px; } - entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + entry.flat, entry.flat:focus { color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; @@ -162,22 +162,22 @@ entry, spinbutton { padding-right: 2px; border: none; border-radius: 0; } - entry:focus, spinbutton:focus { + entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294E2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - entry:disabled, spinbutton:disabled { + entry:disabled { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - entry selection, spinbutton selection, - entry selection:focus, spinbutton selection:focus { + entry selection, + entry selection:focus { background-color: #5294E2; color: #ffffff; } - entry progress, spinbutton progress { + entry progress { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; @@ -186,40 +186,40 @@ entry, spinbutton { background-image: none; background-color: transparent; box-shadow: none; } - entry.warning, spinbutton.warning { + entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } - entry.warning:focus, spinbutton.warning:focus { + entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } - entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + entry.warning selection, entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - entry.error, spinbutton.error { + entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } - entry.error:focus, spinbutton.error:focus { + entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } - entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } - .osd entry, .osd spinbutton { + .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } - .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + .osd entry image, .osd entry image:hover { color: inherit; } - .osd entry:focus, .osd spinbutton:focus { + .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294E2); } - .osd entry:disabled, .osd spinbutton:disabled { + .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } @@ -492,69 +492,48 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294E2; } -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294E2; } .linked:not(.vertical):not(.path-bar) > button + button { @@ -566,8 +545,7 @@ button { .linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, -.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { @@ -582,69 +560,48 @@ button { .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } -.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { +.linked.vertical > entry + entry { border-top-color: rgba(207, 214, 230, 0.3); } -.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, -.linked.vertical > entry + entry.error, -.linked.vertical > spinbutton + entry.error, -.linked.vertical > entry + spinbutton.error, -.linked.vertical > spinbutton + spinbutton.error { +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { border-top-color: #FC4138; } -.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, -.linked.vertical > entry + entry.warning, -.linked.vertical > spinbutton + entry.warning, -.linked.vertical > entry + spinbutton.warning, -.linked.vertical > spinbutton + spinbutton.warning { +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { border-top-color: #F27835; } -.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { +.linked.vertical > entry.error + entry.warning { border-top-color: #FC4138; } -.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), -.linked.vertical > entry + entry:focus:last-child, -.linked.vertical > spinbutton + entry:focus:last-child, -.linked.vertical > entry + spinbutton:focus:last-child, -.linked.vertical > spinbutton + spinbutton:focus:last-child { +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { border-top-color: #5294E2; } -.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > spinbutton:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { border-top-color: #5294E2; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } -.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #F27835; } -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { border-top-color: #FC4138; } -.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > spinbutton.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #FC4138; } -.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { +.linked.vertical > button:checked + entry { border-top-color: #5294E2; } .linked.vertical > button + button { @@ -656,51 +613,48 @@ button { .linked.vertical > button:first-child:hover:not(:checked):not(:active), .linked.vertical > button:checked + button:not(:checked):not(:active):hover, -.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, -.linked:not(.vertical) > entry:focus, -.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > entry, .linked.vertical > spinbutton, -.linked.vertical > entry:focus, -.linked.vertical > spinbutton:focus, .linked.vertical > button, +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } @@ -766,81 +720,31 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } -spinbutton:not(.vertical) button { - background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); - border-style: none none none solid; - color: #646973; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:disabled { - color: rgba(92, 97, 108, 0.55); } - spinbutton:not(.vertical) button:active { - background-color: #5294E2; - color: #ffffff; } +spinbutton button:active { + color: #ffffff; } -spinbutton.vertical { - border-radius: 0; - padding-left: 5px; - padding-right: 5px; } - spinbutton.vertical button:first-child { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: #fbfbfc; } - spinbutton.vertical button:first-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - spinbutton.vertical button:first-child:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - spinbutton.vertical button:first-child:disabled { - color: rgba(92, 97, 108, 0.55); - border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(251, 251, 252, 0.55); } - spinbutton.vertical button:first-child:disabled > label { - color: inherit; } - spinbutton.vertical button:last-child { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: #fbfbfc; } - spinbutton.vertical button:last-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - spinbutton.vertical button:last-child:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - spinbutton.vertical button:last-child:disabled { - color: rgba(92, 97, 108, 0.55); - border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(251, 251, 252, 0.55); } - spinbutton.vertical button:last-child:disabled > label { - color: inherit; } - spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { - border-radius: 2px 2px 0 0; - border-style: solid solid none solid; } - spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { - border-radius: 0 0 2px 2px; - border-style: none solid solid solid; } - -treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { - padding: 1px; - border-width: 1px 0; - border-color: #5294E2; - border-radius: 0; +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + padding-top: 0; + padding-bottom: 0; + min-height: 0; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #cfd6e6; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #5294E2; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1006,7 +910,7 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: #262a33; } -headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1019,50 +923,50 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { +.primary-toolbar entry, headerbar entry { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); background-clip: padding-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + .primary-toolbar entry progress, headerbar entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + .primary-toolbar entry.warning, headerbar entry.warning { color: #ffffff; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #a45d39); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + .primary-toolbar entry.error, headerbar entry.error { color: #ffffff; border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, #aa3c3b); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: #ffffff; color: #FC4138; } @@ -1130,37 +1034,37 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: rgba(21, 23, 28, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar button.suggested-action, headerbar button.suggested-action { @@ -1231,23 +1135,39 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { - color: #ffffff; } - .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; } - .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { - color: rgba(255, 255, 255, 0.4); } +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } -.primary-toolbar spinbutton button, headerbar spinbutton button { - color: rgba(207, 218, 231, 0.8); } - .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { - background-color: rgba(207, 218, 231, 0.05); - border-color: transparent; } - .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { - color: rgba(207, 218, 231, 0.5); } - .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { - background-color: rgba(0, 0, 0, 0.1); } +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(134, 144, 165, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(207, 218, 231, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } @@ -1268,14 +1188,14 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { box-shadow: none; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index e1046d5..f5452f4 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -132,7 +132,7 @@ spinner { spinner:checked:disabled { opacity: 0.5; } -entry, spinbutton { +entry { min-height: 22px; border: 1px solid; padding: 2px 8px; @@ -143,17 +143,17 @@ entry, spinbutton { border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - entry.search, spinbutton.search { + entry.search { border-radius: 20px; } - entry image, spinbutton image { + entry image { color: #7d8189; } - entry image.left, spinbutton image.left { + entry image.left { padding-left: 0; padding-right: 5px; } - entry image.right, spinbutton image.right { + entry image.right { padding-right: 0; padding-left: 5px; } - entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + entry.flat, entry.flat:focus { color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; @@ -162,22 +162,22 @@ entry, spinbutton { padding-right: 2px; border: none; border-radius: 0; } - entry:focus, spinbutton:focus { + entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294E2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - entry:disabled, spinbutton:disabled { + entry:disabled { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - entry selection, spinbutton selection, - entry selection:focus, spinbutton selection:focus { + entry selection, + entry selection:focus { background-color: #5294E2; color: #ffffff; } - entry progress, spinbutton progress { + entry progress { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; @@ -186,40 +186,40 @@ entry, spinbutton { background-image: none; background-color: transparent; box-shadow: none; } - entry.warning, spinbutton.warning { + entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } - entry.warning:focus, spinbutton.warning:focus { + entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } - entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + entry.warning selection, entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - entry.error, spinbutton.error { + entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } - entry.error:focus, spinbutton.error:focus { + entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } - entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } - .osd entry, .osd spinbutton { + .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); background-color: transparent; } - .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + .osd entry image, .osd entry image:hover { color: inherit; } - .osd entry:focus, .osd spinbutton:focus { + .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.4); background-image: linear-gradient(to bottom, #5294E2); } - .osd entry:disabled, .osd spinbutton:disabled { + .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } @@ -492,69 +492,48 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294E2; } -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294E2; } .linked:not(.vertical):not(.path-bar) > button + button { @@ -566,8 +545,7 @@ button { .linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, -.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { @@ -582,69 +560,48 @@ button { .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } -.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { +.linked.vertical > entry + entry { border-top-color: rgba(207, 214, 230, 0.3); } -.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, -.linked.vertical > entry + entry.error, -.linked.vertical > spinbutton + entry.error, -.linked.vertical > entry + spinbutton.error, -.linked.vertical > spinbutton + spinbutton.error { +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { border-top-color: #FC4138; } -.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, -.linked.vertical > entry + entry.warning, -.linked.vertical > spinbutton + entry.warning, -.linked.vertical > entry + spinbutton.warning, -.linked.vertical > spinbutton + spinbutton.warning { +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { border-top-color: #F27835; } -.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { +.linked.vertical > entry.error + entry.warning { border-top-color: #FC4138; } -.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), -.linked.vertical > entry + entry:focus:last-child, -.linked.vertical > spinbutton + entry:focus:last-child, -.linked.vertical > entry + spinbutton:focus:last-child, -.linked.vertical > spinbutton + spinbutton:focus:last-child { +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { border-top-color: #5294E2; } -.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > spinbutton:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { border-top-color: #5294E2; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } -.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #F27835; } -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { border-top-color: #FC4138; } -.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > spinbutton.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #FC4138; } -.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { +.linked.vertical > button:checked + entry { border-top-color: #5294E2; } .linked.vertical > button + button { @@ -656,51 +613,48 @@ button { .linked.vertical > button:first-child:hover:not(:checked):not(:active), .linked.vertical > button:checked + button:not(:checked):not(:active):hover, -.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, -.linked:not(.vertical) > entry:focus, -.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > entry, .linked.vertical > spinbutton, -.linked.vertical > entry:focus, -.linked.vertical > spinbutton:focus, .linked.vertical > button, +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } @@ -766,81 +720,31 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } -spinbutton:not(.vertical) button { - background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); - border-style: none none none solid; - color: #646973; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:disabled { - color: rgba(92, 97, 108, 0.55); } - spinbutton:not(.vertical) button:active { - background-color: #5294E2; - color: #ffffff; } +spinbutton button:active { + color: #ffffff; } -spinbutton.vertical { - border-radius: 0; - padding-left: 5px; - padding-right: 5px; } - spinbutton.vertical button:first-child { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: #fbfbfc; } - spinbutton.vertical button:first-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - spinbutton.vertical button:first-child:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - spinbutton.vertical button:first-child:disabled { - color: rgba(92, 97, 108, 0.55); - border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(251, 251, 252, 0.55); } - spinbutton.vertical button:first-child:disabled > label { - color: inherit; } - spinbutton.vertical button:last-child { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: #fbfbfc; } - spinbutton.vertical button:last-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - spinbutton.vertical button:last-child:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - spinbutton.vertical button:last-child:disabled { - color: rgba(92, 97, 108, 0.55); - border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(251, 251, 252, 0.55); } - spinbutton.vertical button:last-child:disabled > label { - color: inherit; } - spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { - border-radius: 2px 2px 0 0; - border-style: solid solid none solid; } - spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { - border-radius: 0 0 2px 2px; - border-style: none solid solid solid; } - -treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { - padding: 1px; - border-width: 1px 0; - border-color: #5294E2; - border-radius: 0; +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + padding-top: 0; + padding-bottom: 0; + min-height: 0; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #cfd6e6; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #5294E2; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1006,7 +910,7 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: #d4d5db; } -headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1019,50 +923,50 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { +.primary-toolbar entry, headerbar entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); background-clip: border-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + .primary-toolbar entry progress, headerbar entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + .primary-toolbar entry.warning, headerbar entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #eea57e); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + .primary-toolbar entry.error, headerbar entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #f48480); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: #ffffff; color: #FC4138; } @@ -1130,37 +1034,37 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(82, 93, 118, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294E2; } .primary-toolbar button.suggested-action, headerbar button.suggested-action { @@ -1231,23 +1135,39 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { - color: #ffffff; } - .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; } - .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { - color: rgba(255, 255, 255, 0.4); } +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } -.primary-toolbar spinbutton button, headerbar spinbutton button { - color: rgba(82, 93, 118, 0.8); } - .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { - background-color: rgba(82, 93, 118, 0.05); - border-color: transparent; } - .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { - color: rgba(82, 93, 118, 0.5); } - .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { - background-color: rgba(0, 0, 0, 0.1); } +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(255, 255, 255, 0.9); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(82, 93, 118, 0.2); } @@ -1268,18 +1188,18 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { box-shadow: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { box-shadow: 1px 0 #5294E2; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { box-shadow: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { box-shadow: -1px 0 #5294E2; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 937b276..2586aba 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -132,7 +132,7 @@ spinner { spinner:checked:disabled { opacity: 0.5; } -entry, spinbutton { +entry { min-height: 22px; border: 1px solid; padding: 2px 8px; @@ -143,17 +143,17 @@ entry, spinbutton { border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - entry.search, spinbutton.search { + entry.search { border-radius: 20px; } - entry image, spinbutton image { + entry image { color: #7d8189; } - entry image.left, spinbutton image.left { + entry image.left { padding-left: 0; padding-right: 5px; } - entry image.right, spinbutton image.right { + entry image.right { padding-right: 0; padding-left: 5px; } - entry.flat, spinbutton.flat, entry.flat:focus, spinbutton.flat:focus { + entry.flat, entry.flat:focus { color: #5c616c; border-color: #cfd6e6; background-color: #ffffff; @@ -162,22 +162,22 @@ entry, spinbutton { padding-right: 2px; border: none; border-radius: 0; } - entry:focus, spinbutton:focus { + entry:focus { background-clip: border-box; color: #5c616c; border-color: #5294E2; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); } - entry:disabled, spinbutton:disabled { + entry:disabled { color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - entry selection, spinbutton selection, - entry selection:focus, spinbutton selection:focus { + entry selection, + entry selection:focus { background-color: #5294E2; color: #ffffff; } - entry progress, spinbutton progress { + entry progress { margin: 2px 12px; border-radius: 0; border-width: 0 0 2px; @@ -186,40 +186,40 @@ entry, spinbutton { background-image: none; background-color: transparent; box-shadow: none; } - entry.warning, spinbutton.warning { + entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } - entry.warning:focus, spinbutton.warning:focus { + entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); box-shadow: none; } - entry.warning selection, spinbutton.warning selection, entry.warning selection:focus, spinbutton.warning selection:focus { + entry.warning selection, entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - entry.error, spinbutton.error { + entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } - entry.error:focus, spinbutton.error:focus { + entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); box-shadow: none; } - entry.error selection, spinbutton.error selection, entry.error selection:focus, spinbutton.error selection:focus { + entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } - .osd entry, .osd spinbutton { + .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); background-color: transparent; } - .osd entry image, .osd spinbutton image, .osd entry image:hover, .osd spinbutton image:hover { + .osd entry image, .osd entry image:hover { color: inherit; } - .osd entry:focus, .osd spinbutton:focus { + .osd entry:focus { color: #ffffff; border-color: rgba(26, 28, 34, 0.35); background-image: linear-gradient(to bottom, #5294E2); } - .osd entry:disabled, .osd spinbutton:disabled { + .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } @@ -492,69 +492,48 @@ button { .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { color: inherit; } -.linked:not(.vertical):not(.path-bar) > entry + entry, .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } -.linked:not(.vertical):not(.path-bar) > entry.error + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry.warning + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, -.linked:not(.vertical):not(.path-bar) > entry + entry.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294E2; } -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), -.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, -.linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #FC4138; } -.linked:not(.vertical):not(.path-bar) > button:checked + entry, .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294E2; } .linked:not(.vertical):not(.path-bar) > button + button { @@ -566,8 +545,7 @@ button { .linked:not(.vertical):not(.path-bar) > button:first-child:hover:not(:checked):not(:active), .linked:not(.vertical):not(.path-bar) > button:checked + button:not(:checked):not(:active):hover, -.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked:not(.vertical):not(.path-bar) > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked:not(.vertical):not(.path-bar) > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } .linked:not(.vertical).path-bar > button + button { @@ -582,69 +560,48 @@ button { .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(207, 214, 230, 0.4); } -.linked.vertical > entry + entry, .linked.vertical > spinbutton + entry, .linked.vertical > entry + spinbutton, .linked.vertical > spinbutton + spinbutton { +.linked.vertical > entry + entry { border-top-color: rgba(207, 214, 230, 0.3); } -.linked.vertical > entry.error + entry, .linked.vertical > spinbutton.error + entry, .linked.vertical > entry.error + spinbutton, .linked.vertical > spinbutton.error + spinbutton, -.linked.vertical > entry + entry.error, -.linked.vertical > spinbutton + entry.error, -.linked.vertical > entry + spinbutton.error, -.linked.vertical > spinbutton + spinbutton.error { +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { border-top-color: #FC4138; } -.linked.vertical > entry.warning + entry, .linked.vertical > spinbutton.warning + entry, .linked.vertical > entry.warning + spinbutton, .linked.vertical > spinbutton.warning + spinbutton, -.linked.vertical > entry + entry.warning, -.linked.vertical > spinbutton + entry.warning, -.linked.vertical > entry + spinbutton.warning, -.linked.vertical > spinbutton + spinbutton.warning { +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { border-top-color: #F27835; } -.linked.vertical > entry.error + entry.warning, .linked.vertical > spinbutton.error + entry.warning, .linked.vertical > entry.error + spinbutton.warning, .linked.vertical > spinbutton.error + spinbutton.warning { +.linked.vertical > entry.error + entry.warning { border-top-color: #FC4138; } -.linked.vertical > entry + entry:focus:not(:last-child), .linked.vertical > spinbutton + entry:focus:not(:last-child), .linked.vertical > entry + spinbutton:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton:focus:not(:last-child), -.linked.vertical > entry + entry:focus:last-child, -.linked.vertical > spinbutton + entry:focus:last-child, -.linked.vertical > entry + spinbutton:focus:last-child, -.linked.vertical > spinbutton + spinbutton:focus:last-child { +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { border-top-color: #5294E2; } -.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > spinbutton:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton:focus:not(:only-child) + spinbutton, +.linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > spinbutton:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { border-top-color: #5294E2; } -.linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > spinbutton + entry.warning:focus:not(:last-child), .linked.vertical > entry + spinbutton.warning:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.warning:focus:not(:last-child), -.linked.vertical > entry + entry.warning:focus:last-child, -.linked.vertical > spinbutton + entry.warning:focus:last-child, -.linked.vertical > entry + spinbutton.warning:focus:last-child, -.linked.vertical > spinbutton + spinbutton.warning:focus:last-child { +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } -.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > spinbutton.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.warning:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { border-top-color: #F27835; } -.linked.vertical > entry + entry.error:focus:not(:last-child), .linked.vertical > spinbutton + entry.error:focus:not(:last-child), .linked.vertical > entry + spinbutton.error:focus:not(:last-child), .linked.vertical > spinbutton + spinbutton.error:focus:not(:last-child), -.linked.vertical > entry + entry.error:focus:last-child, -.linked.vertical > spinbutton + entry.error:focus:last-child, -.linked.vertical > entry + spinbutton.error:focus:last-child, -.linked.vertical > spinbutton + spinbutton.error:focus:last-child { +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { border-top-color: #FC4138; } -.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > spinbutton.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + spinbutton, .linked.vertical > spinbutton.error:focus:not(:only-child) + spinbutton, +.linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > spinbutton.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo, -.linked.vertical > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { border-top-color: #FC4138; } -.linked.vertical > button:checked + entry, .linked.vertical > button:checked + spinbutton { +.linked.vertical > button:checked + entry { border-top-color: #5294E2; } .linked.vertical > button + button { @@ -656,51 +613,48 @@ button { .linked.vertical > button:first-child:hover:not(:checked):not(:active), .linked.vertical > button:checked + button:not(:checked):not(:active):hover, -.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover, -.linked.vertical > spinbutton + button:not(:checked):not(:active):not(:only-child):hover { +.linked.vertical > entry + button:not(:checked):not(:active):not(:only-child):hover { box-shadow: none; } -toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, .linked:not(.vertical) > spinbutton, -.linked:not(.vertical) > entry:focus, -.linked:not(.vertical) > spinbutton:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, .inline-toolbar toolbutton > button.sidebar-button, .linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .linked:not(.vertical) > spinbutton:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .linked:not(.vertical) > spinbutton:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .linked:not(.vertical) > spinbutton:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } -.linked.vertical > entry, .linked.vertical > spinbutton, -.linked.vertical > entry:focus, -.linked.vertical > spinbutton:focus, .linked.vertical > button, +.linked.vertical > entry, +.linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > spinbutton:first-child, .linked.vertical > button:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > spinbutton:last-child, .linked.vertical > button:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > spinbutton:only-child, .linked.vertical > button:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { border-radius: 3px; border-style: solid; } @@ -766,81 +720,31 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } -spinbutton:not(.vertical) button { - background-image: none; - border: 1px solid rgba(220, 223, 227, 0.6); - border-style: none none none solid; - color: #646973; - border-radius: 0; - box-shadow: none; } - spinbutton:not(.vertical) button:dir(rtl) { - border-style: none solid none none; } - spinbutton:not(.vertical) button:disabled { - color: rgba(92, 97, 108, 0.55); } - spinbutton:not(.vertical) button:active { - background-color: #5294E2; - color: #ffffff; } +spinbutton button:active { + color: #ffffff; } -spinbutton.vertical { - border-radius: 0; - padding-left: 5px; - padding-right: 5px; } - spinbutton.vertical button:first-child { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: #fbfbfc; } - spinbutton.vertical button:first-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - spinbutton.vertical button:first-child:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - spinbutton.vertical button:first-child:disabled { - color: rgba(92, 97, 108, 0.55); - border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(251, 251, 252, 0.55); } - spinbutton.vertical button:first-child:disabled > label { - color: inherit; } - spinbutton.vertical button:last-child { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: #fbfbfc; } - spinbutton.vertical button:last-child:active { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - spinbutton.vertical button:last-child:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - spinbutton.vertical button:last-child:disabled { - color: rgba(92, 97, 108, 0.55); - border-color: rgba(207, 214, 230, 0.55); - background-color: rgba(251, 251, 252, 0.55); } - spinbutton.vertical button:last-child:disabled > label { - color: inherit; } - spinbutton.vertical button:first-child, spinbutton.vertical button:first-child:active, spinbutton.vertical button:first-child:hover, spinbutton.vertical button:first-child:disabled { - border-radius: 2px 2px 0 0; - border-style: solid solid none solid; } - spinbutton.vertical button:last-child, spinbutton.vertical button:last-child:active, spinbutton.vertical button:last-child:hover, spinbutton.vertical button:last-child:disabled { - border-radius: 0 0 2px 2px; - border-style: none solid solid solid; } - -treeview spinbutton entry, treeview spinbutton spinbutton, treeview spinbutton entry:focus, treeview spinbutton spinbutton:focus { - padding: 1px; - border-width: 1px 0; - border-color: #5294E2; - border-radius: 0; +spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { + padding-top: 0; + padding-bottom: 0; + min-height: 0; } + +spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 #cfd6e6; } + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } + +spinbutton.vertical > entry:focus + button { + border-top-color: #5294E2; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1006,7 +910,7 @@ headerbar { .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: rgba(212, 213, 219, 0.95); } -headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1019,50 +923,50 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar separator:backdrop, headerbar separator.titlebutton:backdrop { opacity: 0.6; } -.primary-toolbar entry, headerbar entry, .primary-toolbar spinbutton, headerbar spinbutton, .primary-toolbar spinbutton, headerbar spinbutton { +.primary-toolbar entry, headerbar entry { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - .primary-toolbar entry image, headerbar entry image, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar entry image:hover, headerbar entry image:hover, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover, .primary-toolbar spinbutton image, headerbar spinbutton image, .primary-toolbar spinbutton image:hover, headerbar spinbutton image:hover { + .primary-toolbar entry image, headerbar entry image, .primary-toolbar entry image:hover, headerbar entry image:hover { color: inherit; } - .primary-toolbar entry:backdrop, headerbar entry:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop, .primary-toolbar spinbutton:backdrop, headerbar spinbutton:backdrop { + .primary-toolbar entry:backdrop, headerbar entry:backdrop { opacity: 0.85; } - .primary-toolbar entry:focus, headerbar entry:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus, .primary-toolbar spinbutton:focus, headerbar spinbutton:focus { + .primary-toolbar entry:focus, headerbar entry:focus { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); background-clip: border-box; } - .primary-toolbar entry:focus image, headerbar entry:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image, .primary-toolbar spinbutton:focus image, headerbar spinbutton:focus image { + .primary-toolbar entry:focus image, headerbar entry:focus image { color: #ffffff; } - .primary-toolbar entry:disabled, headerbar entry:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled, .primary-toolbar spinbutton:disabled, headerbar spinbutton:disabled { + .primary-toolbar entry:disabled, headerbar entry:disabled { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } - .primary-toolbar entry selection:focus, headerbar entry selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus, .primary-toolbar spinbutton selection:focus, headerbar spinbutton selection:focus { + .primary-toolbar entry selection:focus, headerbar entry selection:focus { background-color: #ffffff; color: #5294E2; } - .primary-toolbar entry progress, headerbar entry progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress, .primary-toolbar spinbutton progress, headerbar spinbutton progress { + .primary-toolbar entry progress, headerbar entry progress { border-color: #5294E2; background-image: none; background-color: transparent; } - .primary-toolbar entry.warning, headerbar entry.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning, .primary-toolbar spinbutton.warning, headerbar spinbutton.warning { + .primary-toolbar entry.warning, headerbar entry.warning { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, rgba(238, 162, 121, 0.98)); } - .primary-toolbar entry.warning:focus, headerbar entry.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus, .primary-toolbar spinbutton.warning:focus, headerbar spinbutton.warning:focus { + .primary-toolbar entry.warning:focus, headerbar entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); } - .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus, .primary-toolbar spinbutton.warning selection, headerbar spinbutton.warning selection, .primary-toolbar spinbutton.warning selection:focus, headerbar spinbutton.warning selection:focus { + .primary-toolbar entry.warning selection, headerbar entry.warning selection, .primary-toolbar entry.warning selection:focus, headerbar entry.warning selection:focus { background-color: #ffffff; color: #F27835; } - .primary-toolbar entry.error, headerbar entry.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error, .primary-toolbar spinbutton.error, headerbar spinbutton.error { + .primary-toolbar entry.error, headerbar entry.error { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, rgba(244, 128, 123, 0.98)); } - .primary-toolbar entry.error:focus, headerbar entry.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus, .primary-toolbar spinbutton.error:focus, headerbar spinbutton.error:focus { + .primary-toolbar entry.error:focus, headerbar entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); } - .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus, .primary-toolbar spinbutton.error selection, headerbar spinbutton.error selection, .primary-toolbar spinbutton.error selection:focus, headerbar spinbutton.error selection:focus { + .primary-toolbar entry.error selection, headerbar entry.error selection, .primary-toolbar entry.error selection:focus, headerbar entry.error selection:focus { background-color: #ffffff; color: #FC4138; } @@ -1130,37 +1034,37 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover, headerbar .linked:not(.vertical).path-bar > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(82, 93, 118, 0); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + entry.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + spinbutton.warning, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error + spinbutton.warning { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, headerbar .linked:not(.vertical):not(.path-bar) > entry.error + entry.warning { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.warning:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.warning:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + entry.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + spinbutton.error:focus:last-child, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton + spinbutton.error:focus:last-child { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + spinbutton, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > spinbutton.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + spinbutton { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { border-left-color: #5294E2; } .primary-toolbar button.suggested-action, headerbar button.suggested-action { @@ -1231,23 +1135,39 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } -.primary-toolbar spinbutton:focus button, headerbar spinbutton:focus button { - color: #ffffff; } - .primary-toolbar spinbutton:focus button:hover, headerbar spinbutton:focus button:hover { - background-color: rgba(255, 255, 255, 0.1); - border-color: transparent; } - .primary-toolbar spinbutton:focus button:disabled, headerbar spinbutton:focus button:disabled { - color: rgba(255, 255, 255, 0.4); } +.primary-toolbar spinbutton:not(.vertical):focus, headerbar spinbutton:not(.vertical):focus { + color: #ffffff; + caret-color: #ffffff; } -.primary-toolbar spinbutton button, headerbar spinbutton button { - color: rgba(82, 93, 118, 0.8); } - .primary-toolbar spinbutton button:hover, headerbar spinbutton button:hover { - background-color: rgba(82, 93, 118, 0.05); - border-color: transparent; } - .primary-toolbar spinbutton button:disabled, headerbar spinbutton button:disabled { - color: rgba(82, 93, 118, 0.5); } - .primary-toolbar spinbutton button:active, headerbar spinbutton button:active { - background-color: rgba(0, 0, 0, 0.1); } +.primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button, .primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + +.primary-toolbar spinbutton:not(.vertical) button:hover, headerbar spinbutton:not(.vertical) button:hover { + background-color: rgba(255, 255, 255, 0.9); } + +.primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:active, .primary-toolbar spinbutton:not(.vertical) button:checked, headerbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + +.primary-toolbar spinbutton:not(.vertical) button:disabled, headerbar spinbutton:not(.vertical) button:disabled { + color: rgba(82, 93, 118, 0.4); } + +.primary-toolbar spinbutton:not(.vertical) > button + button, headerbar spinbutton:not(.vertical) > button + button { + border-left-style: none; } + +.primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), headerbar spinbutton:not(.vertical) > button:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > button:hover + button, headerbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover, headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.primary-toolbar spinbutton:not(.vertical) > entry:focus + button, headerbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #5294E2; } .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(82, 93, 118, 0.2); } @@ -1268,18 +1188,18 @@ headerbar entry, headerbar spinbutton, headerbar button, headerbar separator, he color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr), .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr), headerbar combobox.combobox-entry spinbutton:dir(ltr) { +.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { box-shadow: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(ltr):focus, headerbar combobox.combobox-entry spinbutton:dir(ltr):focus { + .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { box-shadow: 1px 0 #5294E2; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl), .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl), headerbar combobox.combobox-entry spinbutton:dir(rtl) { +.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { box-shadow: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus, .primary-toolbar combobox.combobox-entry spinbutton:dir(rtl):focus, headerbar combobox.combobox-entry spinbutton:dir(rtl):focus { + .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { box-shadow: -1px 0 #5294E2; } .primary-toolbar switch:backdrop, headerbar switch:backdrop { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 767a587..3f6a638 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -716,111 +716,30 @@ button:link, button:visited { // Spinbuttons // spinbutton { - @extend entry; + button:active { color: $selected_fg_color; } + &:not(.vertical) { - button { - background-image: none; - border: 1px solid transparentize($borders_color,0.4); - border-style: none none none solid; - color: mix($fg_color,$base_color,95%); - border-radius: 0; - box-shadow: none; - // padding-left: 6px; - // padding-right: 6px; - &:dir(rtl) { border-style: none solid none none; } + button, entry { + padding-top: 0; + padding-bottom: 0; + min-height: 0; - &:disabled { - color: $insensitive_fg_color; - } - &:active { - background-color: $selected_bg_color; - color: $selected_fg_color; - } + @extend %linked; } - } + > button + button { border-left-style: none; } -// .osd & { -// 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; -// &: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); -// box-shadow: none; -// } -// &:disabled { -// @include button(undecorated); -// color: $osd_insensitive_fg_color; -// border-color: transparentize(opacify($osd_borders_color, 1), 0.5); -// box-shadow: none; -// } -// &:last-child { border-radius: 0 2px 2px 0; } -// &:dir(rtl):first-child { border-radius: 2px 0 0 2px; } -// } -// } + > button:hover:not(:active), + > button:hover + button { box-shadow: inset 1px 0 $button_border; } - &.vertical { - border-radius: 0; - padding-left: 5px; - padding-right: 5px; - button { - &:first-child { - @extend %top_button; - @include button(normal); - &:active { - @extend %top_button; - @include button(active); - } - &:hover { - @extend %top_button; - @include button(hover); - } - &:disabled { - @extend %top_button; - @include button(insensitive); - } - } - &:last-child { - @extend %bottom_button; - @include button(normal); - &:active { - @extend %bottom_button; - @include button(active); - } - &:hover { - @extend %bottom_button; - @include button(hover); - } - &:disabled { - @extend %bottom_button; - @include button(insensitive); - } - } - } - %top_button { - border-radius: 2px 2px 0 0; - border-style: solid solid none solid; - } - %bottom_button { - border-radius: 0 0 2px 2px; - border-style: none solid solid solid; - } + > button:first-child:hover:not(:active), + > entry + button:not(:active):hover { box-shadow: none; } + + > entry:focus + button { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } } - treeview & { - entry, entry:focus { - padding: 1px; - border-width: 1px 0; - border-color: $selected_bg_color; - border-radius: 0; - box-shadow: none; - } + &.vertical { + button, entry { @extend %linked_vertical; } + + > entry:focus + button { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } } } @@ -1107,7 +1026,7 @@ headerbar { %header_widgets { // Headerbar Entries - entry, spinbutton { + entry { @include entry(header-normal); &:backdrop { opacity: 0.85; } @@ -1234,21 +1153,28 @@ headerbar { } // Headerbar Spinbuttons - spinbutton { - - &:focus button { - color: $selected_fg_color; - - &:hover { background-color: transparentize($selected_fg_color, 0.9); border-color: transparent; } - &:disabled { color: transparentize($selected_fg_color, 0.6); } + spinbutton:not(.vertical) { + &:focus { + color: $selected_fg_color; + caret-color: $selected_fg_color; } button { - color: $header_fg; + &,&:disabled { @include button(header-hover); } - &:hover { background-color: transparentize($header_fg, 0.75); border-color: transparent; } - &:disabled { color: transparentize($header_fg, 0.3); } - &:active { background-color: rgba(0,0,0,0.1); } + &:hover { background-color: lighten($header_button_bg, 15%); } + &:active, &:checked { @include button(header-active); } + &:disabled { color: transparentize($header_fg, 0.4); } } + + > button + button { border-left-style: none; } + + > button:hover:not(:active), + > button:hover + button { box-shadow: inset 1px 0 $header_button_border; } + + > button:first-child:hover:not(:active), + > entry + button:not(:active):hover { box-shadow: none; } + + > entry:focus + button { border-left-color: if($variant=='light' and $darker=='false', $selected_bg_color, $header_entry_border); } } // Headerbar ComboBoxes -- cgit v1.2.3 From ad1ab4484b5f095307a6637198d97e5abccd868b Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: update headerbar comboboxes --- common/gtk-3.0/3.20/gtk-dark.css | 24 ++++++++++++++++-------- common/gtk-3.0/3.20/gtk-darker.css | 24 ++++++++++++++++-------- common/gtk-3.0/3.20/gtk-solid-dark.css | 24 ++++++++++++++++-------- common/gtk-3.0/3.20/gtk-solid-darker.css | 24 ++++++++++++++++-------- common/gtk-3.0/3.20/gtk-solid.css | 28 ++++++++++++++++++---------- common/gtk-3.0/3.20/gtk.css | 28 ++++++++++++++++++---------- common/gtk-3.0/3.20/sass/_common.scss | 19 ++++++++++++++++--- 7 files changed, 116 insertions(+), 55 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 8f086cf..3429261 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1173,32 +1173,40 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } -.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } - .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { box-shadow: none; } +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 9169e43..994e751 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1172,32 +1172,40 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } -.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.37); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); background-color: transparent; } - .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { box-shadow: none; } +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 78b21c5..469493f 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1173,32 +1173,40 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } -.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } - .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { box-shadow: none; } +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index d82b1a9..d017aeb 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1172,32 +1172,40 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(207, 218, 231, 0.2); } -.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button { color: rgba(207, 218, 231, 0.8); border-color: rgba(21, 23, 28, 0.4); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); background-color: transparent; } - .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { color: #ffffff; border-color: transparent; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { color: rgba(207, 218, 231, 0.35); background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { box-shadow: none; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { box-shadow: none; } +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index f5452f4..e6a7b14 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1172,36 +1172,44 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(82, 93, 118, 0.2); } -.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { box-shadow: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { box-shadow: 1px 0 #5294E2; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { box-shadow: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { box-shadow: -1px 0 #5294E2; } +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 2586aba..e405359 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1172,36 +1172,44 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar combobox:disabled, headerbar combobox:disabled { color: rgba(82, 93, 118, 0.2); } -.primary-toolbar combobox.combobox-entry button, headerbar combobox.combobox-entry button { +.primary-toolbar combobox.linked button, headerbar combobox.linked button { color: rgba(82, 93, 118, 0.8); border-color: rgba(82, 93, 118, 0.1); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); background-color: transparent; } - .primary-toolbar combobox.combobox-entry button image, headerbar combobox.combobox-entry button image, .primary-toolbar combobox.combobox-entry button image:hover, headerbar combobox.combobox-entry button image:hover { + .primary-toolbar combobox.linked button image, headerbar combobox.linked button image, .primary-toolbar combobox.linked button image:hover, headerbar combobox.linked button image:hover { color: inherit; } - .primary-toolbar combobox.combobox-entry button:hover, headerbar combobox.combobox-entry button:hover { + .primary-toolbar combobox.linked button:hover, headerbar combobox.linked button:hover { color: #ffffff; border-color: #5294E2; background-image: linear-gradient(to bottom, #5294E2); box-shadow: none; } - .primary-toolbar combobox.combobox-entry button:disabled, headerbar combobox.combobox-entry button:disabled { + .primary-toolbar combobox.linked button:disabled, headerbar combobox.linked button:disabled { color: rgba(82, 93, 118, 0.35); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } -.primary-toolbar combobox.combobox-entry entry:dir(ltr), headerbar combobox.combobox-entry entry:dir(ltr) { +.primary-toolbar combobox.linked entry:dir(ltr), headerbar combobox.linked entry:dir(ltr) { border-right-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { box-shadow: none; } - .primary-toolbar combobox.combobox-entry entry:dir(ltr):focus, headerbar combobox.combobox-entry entry:dir(ltr):focus { + .primary-toolbar combobox.linked entry:dir(ltr):focus, headerbar combobox.linked entry:dir(ltr):focus { box-shadow: 1px 0 #5294E2; } -.primary-toolbar combobox.combobox-entry entry:dir(rtl), headerbar combobox.combobox-entry entry:dir(rtl) { +.primary-toolbar combobox.linked entry:dir(rtl), headerbar combobox.linked entry:dir(rtl) { border-left-style: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { box-shadow: none; } - .primary-toolbar combobox.combobox-entry entry:dir(rtl):focus, headerbar combobox.combobox-entry entry:dir(rtl):focus { + .primary-toolbar combobox.linked entry:dir(rtl):focus, headerbar combobox.linked entry:dir(rtl):focus { box-shadow: -1px 0 #5294E2; } +.primary-toolbar combobox.linked button.combo:dir(ltr), headerbar combobox.linked button.combo:dir(ltr), .primary-toolbar combobox.linked button.combo:dir(ltr):hover, headerbar combobox.linked button.combo:dir(ltr):hover, .primary-toolbar combobox.linked button.combo:dir(ltr):active, headerbar combobox.linked button.combo:dir(ltr):active, .primary-toolbar combobox.linked button.combo:dir(ltr):checked, headerbar combobox.linked button.combo:dir(ltr):checked, .primary-toolbar combobox.linked button.combo:dir(ltr):disabled, headerbar combobox.linked button.combo:dir(ltr):disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + +.primary-toolbar combobox.linked button.combo:dir(rtl), headerbar combobox.linked button.combo:dir(rtl), .primary-toolbar combobox.linked button.combo:dir(rtl):hover, headerbar combobox.linked button.combo:dir(rtl):hover, .primary-toolbar combobox.linked button.combo:dir(rtl):active, headerbar combobox.linked button.combo:dir(rtl):active, .primary-toolbar combobox.linked button.combo:dir(rtl):checked, headerbar combobox.linked button.combo:dir(rtl):checked, .primary-toolbar combobox.linked button.combo:dir(rtl):disabled, headerbar combobox.linked button.combo:dir(rtl):disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .primary-toolbar switch:backdrop, headerbar switch:backdrop { opacity: 0.75; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 3f6a638..684b81e 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1181,13 +1181,13 @@ headerbar { combobox { &:disabled { color: transparentize($header_fg, 0.6); } - &.combobox-entry button { + &.linked button { @include entry(header-normal); &:hover { @include entry(header-focus); box-shadow: none; } &:disabled { @include entry(header-insensitive); } } - &.combobox-entry entry { + &.linked entry { &:dir(ltr) { border-right-style: none; @@ -1201,7 +1201,20 @@ headerbar { @if $variant=='light' and $darker=='false' { &:focus { box-shadow: -1px 0 $selected_bg_color; } } } } - + &.linked button.combo { + &:dir(ltr) { + &, &:hover, &:active, &:checked, &:disabled { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } + &:dir(rtl) { + &, &:hover, &:active, &:checked, &:disabled { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + } + } } // Headerbar Switches -- cgit v1.2.3 From 1d514cea1d669945510e30308d1a50f3e3789038 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: some fixes --- common/gtk-3.0/3.20/gtk-dark.css | 7 ++++++- common/gtk-3.0/3.20/gtk-darker.css | 7 ++++++- common/gtk-3.0/3.20/gtk-solid-dark.css | 7 ++++++- common/gtk-3.0/3.20/gtk-solid-darker.css | 7 ++++++- common/gtk-3.0/3.20/gtk-solid.css | 7 ++++++- common/gtk-3.0/3.20/gtk.css | 7 ++++++- common/gtk-3.0/3.20/sass/_common.scss | 9 +++++++-- 7 files changed, 43 insertions(+), 8 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 3429261..6d619cb 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -743,6 +743,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #2b2e39; } +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #2b2e39; } @@ -1318,7 +1323,7 @@ treeview.view { color: #5294E2; box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { +treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 994e751..2fed205 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -742,6 +742,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } @@ -1317,7 +1322,7 @@ treeview.view { color: #5294E2; box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { +treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 469493f..6633838 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -743,6 +743,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #2b2e39; } +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #2b2e39; } @@ -1318,7 +1323,7 @@ treeview.view { color: #5294E2; box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { +treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index d017aeb..e7a7e2f 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -742,6 +742,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } @@ -1317,7 +1322,7 @@ treeview.view { color: #5294E2; box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { +treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index e6a7b14..fa55ed0 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -742,6 +742,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } @@ -1321,7 +1326,7 @@ treeview.view { color: #5294E2; box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { +treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index e405359..fbb5803 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -742,6 +742,11 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } @@ -1321,7 +1326,7 @@ treeview.view { color: #5294E2; box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } -treeview.view header button, treeview.view header button:hover, treeview.view header button:active { +treeview.view header button { min-height: 0; min-width: 0; padding: 3px 6px; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 684b81e..4545492 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -737,8 +737,13 @@ spinbutton { > entry:focus + button { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } } &.vertical { - button, entry { @extend %linked_vertical; } + button, entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; + @extend %linked_vertical; + } > entry:focus + button { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } } } @@ -1359,7 +1364,7 @@ treeview.view { button { $_column_header_color: mix($fg_color,$base_color,80%); - &, &:hover, &:active { @extend %column_header_button; } + @extend %column_header_button; color: $_column_header_color; background-color: $base_color; -- cgit v1.2.3 From be715132b9747142c8bafeced7abfc4c86da93cd Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: tweak notebook styling --- common/gtk-3.0/3.20/gtk-dark.css | 50 +++++++++--------- common/gtk-3.0/3.20/gtk-darker.css | 50 +++++++++--------- common/gtk-3.0/3.20/gtk-solid-dark.css | 50 +++++++++--------- common/gtk-3.0/3.20/gtk-solid-darker.css | 50 +++++++++--------- common/gtk-3.0/3.20/gtk-solid.css | 50 +++++++++--------- common/gtk-3.0/3.20/gtk.css | 50 +++++++++--------- common/gtk-3.0/3.20/sass/_common.scss | 91 ++++++++++++++++---------------- 7 files changed, 202 insertions(+), 189 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 6d619cb..70f826b 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1494,8 +1494,10 @@ notebook { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #2b2e39; } + notebook.frame header { + margin: -1px; } notebook header { - padding: 2px; + padding: 3px; background-color: #383C4A; } notebook header.top { box-shadow: inset 0 -1px #2b2e39; } @@ -1573,29 +1575,29 @@ notebook { color: #D3DAE3; } notebook header tabs arrow:disabled { color: rgba(211, 218, 227, 0.15); } - notebook header tab { - background-color: rgba(64, 69, 82, 0); } - notebook header tab label { - color: rgba(211, 218, 227, 0.45); } - notebook header tab:hover { - background-color: rgba(64, 69, 82, 0.5); - border-color: #2b2e39; } - notebook header tab:hover label { - color: rgba(211, 218, 227, 0.725); } - notebook header tab:active { - background-color: #404552; - border-color: #2b2e39; } - notebook header tab:active label { - color: #D3DAE3; } - notebook header tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #9da3ad; } - notebook header tab button:hover { - color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(64, 69, 82, 0); } + notebook header tab label { + color: rgba(211, 218, 227, 0.45); } + notebook header tab:hover { + background-color: rgba(64, 69, 82, 0.5); + border-color: #2b2e39; } + notebook header tab:hover label { + color: rgba(211, 218, 227, 0.725); } + notebook header tab:active { + background-color: #404552; + border-color: #2b2e39; } + notebook header tab:active label { + color: #D3DAE3; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 2fed205..a3a9520 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1493,8 +1493,10 @@ notebook { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #dcdfe3; } + notebook.frame header { + margin: -1px; } notebook header { - padding: 2px; + padding: 3px; background-color: #F5F6F7; } notebook header.top { box-shadow: inset 0 -1px #dcdfe3; } @@ -1572,29 +1574,29 @@ notebook { color: #5c616c; } notebook header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { - background-color: rgba(255, 255, 255, 0); } - notebook header tab label { - color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { - background-color: rgba(255, 255, 255, 0.5); - border-color: #dcdfe3; } - notebook header tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { - background-color: #ffffff; - border-color: #dcdfe3; } - notebook header tab:active label { - color: #5c616c; } - notebook header tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #92959d; } - notebook header tab button:hover { - color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(255, 255, 255, 0); } + notebook header tab label { + color: rgba(92, 97, 108, 0.55); } + notebook header tab:hover { + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; } + notebook header tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook header tab:active { + background-color: #ffffff; + border-color: #dcdfe3; } + notebook header tab:active label { + color: #5c616c; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 6633838..9feac77 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1494,8 +1494,10 @@ notebook { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #2b2e39; } + notebook.frame header { + margin: -1px; } notebook header { - padding: 2px; + padding: 3px; background-color: #383C4A; } notebook header.top { box-shadow: inset 0 -1px #2b2e39; } @@ -1573,29 +1575,29 @@ notebook { color: #D3DAE3; } notebook header tabs arrow:disabled { color: rgba(211, 218, 227, 0.15); } - notebook header tab { - background-color: rgba(64, 69, 82, 0); } - notebook header tab label { - color: rgba(211, 218, 227, 0.45); } - notebook header tab:hover { - background-color: rgba(64, 69, 82, 0.5); - border-color: #2b2e39; } - notebook header tab:hover label { - color: rgba(211, 218, 227, 0.725); } - notebook header tab:active { - background-color: #404552; - border-color: #2b2e39; } - notebook header tab:active label { - color: #D3DAE3; } - notebook header tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #9da3ad; } - notebook header tab button:hover { - color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(64, 69, 82, 0); } + notebook header tab label { + color: rgba(211, 218, 227, 0.45); } + notebook header tab:hover { + background-color: rgba(64, 69, 82, 0.5); + border-color: #2b2e39; } + notebook header tab:hover label { + color: rgba(211, 218, 227, 0.725); } + notebook header tab:active { + background-color: #404552; + border-color: #2b2e39; } + notebook header tab:active label { + color: #D3DAE3; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #9da3ad; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index e7a7e2f..eba9392 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1493,8 +1493,10 @@ notebook { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #dcdfe3; } + notebook.frame header { + margin: -1px; } notebook header { - padding: 2px; + padding: 3px; background-color: #F5F6F7; } notebook header.top { box-shadow: inset 0 -1px #dcdfe3; } @@ -1572,29 +1574,29 @@ notebook { color: #5c616c; } notebook header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { - background-color: rgba(255, 255, 255, 0); } - notebook header tab label { - color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { - background-color: rgba(255, 255, 255, 0.5); - border-color: #dcdfe3; } - notebook header tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { - background-color: #ffffff; - border-color: #dcdfe3; } - notebook header tab:active label { - color: #5c616c; } - notebook header tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #92959d; } - notebook header tab button:hover { - color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(255, 255, 255, 0); } + notebook header tab label { + color: rgba(92, 97, 108, 0.55); } + notebook header tab:hover { + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; } + notebook header tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook header tab:active { + background-color: #ffffff; + border-color: #dcdfe3; } + notebook header tab:active label { + color: #5c616c; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index fa55ed0..1ee4059 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1497,8 +1497,10 @@ notebook { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #dcdfe3; } + notebook.frame header { + margin: -1px; } notebook header { - padding: 2px; + padding: 3px; background-color: #F5F6F7; } notebook header.top { box-shadow: inset 0 -1px #dcdfe3; } @@ -1576,29 +1578,29 @@ notebook { color: #5c616c; } notebook header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { - background-color: rgba(255, 255, 255, 0); } - notebook header tab label { - color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { - background-color: rgba(255, 255, 255, 0.5); - border-color: #dcdfe3; } - notebook header tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { - background-color: #ffffff; - border-color: #dcdfe3; } - notebook header tab:active label { - color: #5c616c; } - notebook header tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #92959d; } - notebook header tab button:hover { - color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(255, 255, 255, 0); } + notebook header tab label { + color: rgba(92, 97, 108, 0.55); } + notebook header tab:hover { + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; } + notebook header tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook header tab:active { + background-color: #ffffff; + border-color: #dcdfe3; } + notebook header tab:active label { + color: #5c616c; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index fbb5803..1f8b1eb 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1497,8 +1497,10 @@ notebook { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #dcdfe3; } + notebook.frame header { + margin: -1px; } notebook header { - padding: 2px; + padding: 3px; background-color: #F5F6F7; } notebook header.top { box-shadow: inset 0 -1px #dcdfe3; } @@ -1576,29 +1578,29 @@ notebook { color: #5c616c; } notebook header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { - background-color: rgba(255, 255, 255, 0); } - notebook header tab label { - color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { - background-color: rgba(255, 255, 255, 0.5); - border-color: #dcdfe3; } - notebook header tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { - background-color: #ffffff; - border-color: #dcdfe3; } - notebook header tab:active label { - color: #5c616c; } - notebook header tab button { - min-height: 18px; - min-width: 16px; - padding: 0; - color: #92959d; } - notebook header tab button:hover { - color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { - color: #5294E2; } + notebook header tab { + background-color: rgba(255, 255, 255, 0); } + notebook header tab label { + color: rgba(92, 97, 108, 0.55); } + notebook header tab:hover { + background-color: rgba(255, 255, 255, 0.5); + border-color: #dcdfe3; } + notebook header tab:hover label { + color: rgba(92, 97, 108, 0.775); } + notebook header tab:active { + background-color: #ffffff; + border-color: #dcdfe3; } + notebook header tab:active label { + color: #5c616c; } + notebook header tab button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: #92959d; } + notebook header tab button:hover { + color: #ff4d4d; } + notebook header tab button:active, notebook header tab button:active:hover { + color: #5294E2; } * { -GtkRange-slider-width: 13; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 4545492..9085f90 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1577,24 +1577,25 @@ notebook { background-color: $base_color; transition: all 200ms $ease-out-quad; - &.frame { border: 1px solid $borders_color; } + &.frame { + border: 1px solid $borders_color; + + header { margin: -1px; } // ugly hack to hide the borders around the header + } header { $vpadding: 4px; $hpadding: 15px; - padding: 2px; + padding: 3px; background-color: $bg_color; - $_header_border: $borders_color; - - // FIXME use borders and margins - &.top { box-shadow: inset 0 -1px $_header_border; } - &.bottom { box-shadow: inset 0 1px $_header_border; } - &.right { box-shadow: inset 1px 0 $_header_border; } - &.left { box-shadow: inset -1px 0 $_header_border; } + &.top { box-shadow: inset 0 -1px $borders_color; } + &.bottom { box-shadow: inset 0 1px $borders_color; } + &.right { box-shadow: inset 1px 0 $borders_color; } + &.left { box-shadow: inset -1px 0 $borders_color; } @each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) { - + // sizing and borders &.#{$_pos} { padding-#{$_bpos}: 0; @@ -1603,16 +1604,16 @@ notebook { border: 1px solid transparent; border-#{$_bpos}: none; + // nicer close button placement &.reorderable-page { - padding-left: 12px; // for a nicer close button - padding-right: 12px; // placement + padding-left: 12px; + padding-right: 12px; } - - // Tab overlap + // tab overlap @if $_pos==top or $_pos==bottom { margin-right: -1px; } @else { margin-bottom: -1px; } - // Tab border radius + // tab border radius @if $_pos==top { border-radius: 1px 1px 0 0; } @else if $_pos==bottom { border-radius: 0 0 1px 1px; } @else if $_pos==left { border-radius: 1px 0 0 1px; } @@ -1620,7 +1621,7 @@ notebook { } } } - + // overflow arrows &.top, &.bottom { tabs arrow.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); @@ -1648,41 +1649,41 @@ notebook { &:active { color: $fg_color; } &:disabled { color: transparentize($insensitive_fg_color,0.3); } } - } - - header tab { - background-color: transparentize($base_color, 1); - - label { color: $insensitive_fg_color; } - - &:hover { - background-color: transparentize($base_color, 0.5); - border-color: $borders_color; - - label { color: mix($fg_color, $insensitive_fg_color, 50%); } - } - &:active { - background-color: $base_color; - border-color: $borders_color; + // tab colors + tab { + background-color: transparentize($base_color, 1); - label { color: $fg_color; } - } + label { color: $insensitive_fg_color; } - button { // close button - min-height: 18px; - min-width: 16px; - padding: 0; - color: mix($bg_color, $fg_color, 35%); + &:hover { + background-color: transparentize($base_color, 0.5); + border-color: $borders_color; - @extend %undecorated_button; + label { color: mix($fg_color, $insensitive_fg_color, 50%); } + } + &:active { + background-color: $base_color; + border-color: $borders_color; - &:hover { - @extend %undecorated_button; - color: lighten(red, 15%); + label { color: $fg_color; } } - &:active, &:active:hover { + // close button + button { + min-height: 18px; + min-width: 16px; + padding: 0; + color: mix($bg_color, $fg_color, 35%); + @extend %undecorated_button; - color: $selected_bg_color; + + &:hover { + @extend %undecorated_button; + color: lighten(red, 15%); + } + &:active, &:active:hover { + @extend %undecorated_button; + color: $selected_bg_color; + } } } } -- cgit v1.2.3 From a3783b285f1a03c13b6f5b2d7adae1b4343fead1 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: paned headerbar fixes --- common/gtk-3.0/3.20/gtk-dark.css | 21 +++++++++++++++++---- common/gtk-3.0/3.20/gtk-darker.css | 21 +++++++++++++++++---- common/gtk-3.0/3.20/gtk-solid-dark.css | 21 +++++++++++++++++---- common/gtk-3.0/3.20/gtk-solid-darker.css | 21 +++++++++++++++++---- common/gtk-3.0/3.20/gtk-solid.css | 21 +++++++++++++++++---- common/gtk-3.0/3.20/gtk.css | 21 +++++++++++++++++---- common/gtk-3.0/3.20/sass/_common.scss | 24 +++++++++++++++++++----- 7 files changed, 121 insertions(+), 29 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 70f826b..70bb6fb 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -815,10 +815,13 @@ headerbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd headerbar { + border-radius: 3px 3px 0 0; background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } headerbar:backdrop { color: rgba(207, 218, 231, 0.5); } + .csd headerbar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } headerbar .title { padding-left: 12px; padding-right: 12px; } @@ -909,13 +912,26 @@ headerbar { .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar) { + window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { padding: 0; border: none; background: none; } .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: rgba(38, 42, 51, 0.97); } +paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +paned.titlebar > headerbar:last-child { + border-top-left-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2331,9 +2347,6 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } - paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { min-width: 1px; min-height: 1px; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index a3a9520..848cad8 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -814,10 +814,13 @@ headerbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd headerbar { + border-radius: 3px 3px 0 0; background-color: rgba(47, 52, 63, 0.97); border-color: rgba(38, 42, 51, 0.97); } headerbar:backdrop { color: rgba(207, 218, 231, 0.5); } + .csd headerbar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } headerbar .title { padding-left: 12px; padding-right: 12px; } @@ -908,13 +911,26 @@ headerbar { .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar) { + window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { padding: 0; border: none; background: none; } .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: rgba(38, 42, 51, 0.97); } +paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +paned.titlebar > headerbar:last-child { + border-top-left-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2330,9 +2346,6 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } - paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { min-width: 1px; min-height: 1px; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 9feac77..e4160a9 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -815,10 +815,13 @@ headerbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd headerbar { + border-radius: 3px 3px 0 0; background-color: #2f343f; border-color: #262a33; } headerbar:backdrop { color: rgba(207, 218, 231, 0.5); } + .csd headerbar:backdrop { + background-color: #323843; } headerbar .title { padding-left: 12px; padding-right: 12px; } @@ -909,13 +912,26 @@ headerbar { .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar) { + window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { padding: 0; border: none; background: none; } .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: #262a33; } +paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +paned.titlebar > headerbar:last-child { + border-top-left-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2331,9 +2347,6 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } - paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { min-width: 1px; min-height: 1px; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index eba9392..1704319 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -814,10 +814,13 @@ headerbar { color: rgba(207, 218, 231, 0.8); background-color: #2f343f; } .csd headerbar { + border-radius: 3px 3px 0 0; background-color: #2f343f; border-color: #262a33; } headerbar:backdrop { color: rgba(207, 218, 231, 0.5); } + .csd headerbar:backdrop { + background-color: #323843; } headerbar .title { padding-left: 12px; padding-right: 12px; } @@ -908,13 +911,26 @@ headerbar { .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #323843; } window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar) { + window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { padding: 0; border: none; background: none; } .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: #262a33; } +paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +paned.titlebar > headerbar:last-child { + border-top-left-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2330,9 +2346,6 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } - paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { min-width: 1px; min-height: 1px; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 1ee4059..7a31c08 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -814,10 +814,13 @@ headerbar { color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; } .csd headerbar { + border-radius: 4px 4px 0 0; background-color: #e7e8eb; border-color: #d4d5db; } headerbar:backdrop { color: rgba(82, 93, 118, 0.5); } + .csd headerbar:backdrop { + background-color: #eff0f2; } headerbar .title { padding-left: 12px; padding-right: 12px; } @@ -908,13 +911,26 @@ headerbar { .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #eff0f2; } window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar) { + window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { padding: 0; border: none; background: none; } .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: #d4d5db; } +paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +paned.titlebar > headerbar:last-child { + border-top-left-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2334,9 +2350,6 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } - paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { min-width: 1px; min-height: 1px; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 1f8b1eb..dfbfb8a 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -814,10 +814,13 @@ headerbar { color: rgba(82, 93, 118, 0.8); background-color: #e7e8eb; } .csd headerbar { + border-radius: 4px 4px 0 0; background-color: rgba(231, 232, 235, 0.95); border-color: rgba(212, 213, 219, 0.95); } headerbar:backdrop { color: rgba(82, 93, 118, 0.5); } + .csd headerbar:backdrop { + background-color: rgba(239, 240, 242, 0.95); } headerbar .title { padding-left: 12px; padding-right: 12px; } @@ -908,13 +911,26 @@ headerbar { .maximized .titlebar:backdrop, .csd .maximized .titlebar:backdrop { background-color: #eff0f2; } window > .titlebar:not(headerbar), - window.csd > .titlebar:not(headerbar) { + window.csd > .titlebar:not(headerbar), window > .titlebar:backdrop:not(headerbar), + window.csd > .titlebar:backdrop:not(headerbar) { padding: 0; border: none; background: none; } .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { background-color: rgba(212, 213, 219, 0.95); } +paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { + background-color: transparent; } + +paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { + border-radius: 0; } + +paned.titlebar > headerbar:first-child { + border-top-right-radius: 0; } + +paned.titlebar > headerbar:last-child { + border-top-left-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2334,9 +2350,6 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -placesview row.activatable:hover { - background-color: transparent; } - paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { min-width: 1px; min-height: 1px; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 9085f90..4be7e31 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -863,11 +863,16 @@ headerbar { background-color: opacify($header_bg, 1); .csd & { // Transparent header-bars only in csd windows + border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); background-color: $header_bg; border-color: $header_border; } - &:backdrop { color: transparentize($header_fg, 0.3); } + &:backdrop { + color: transparentize($header_fg, 0.3); + + .csd & { background-color: $header_bg_backdrop; } + } .title { padding-left: 12px; @@ -990,7 +995,8 @@ headerbar { } // Fixes double backgrounds on paned headerbars - &:not(headerbar) { + &:not(headerbar), + &:backdrop:not(headerbar) { window > &, window.csd > & { padding: 0; @@ -1002,6 +1008,17 @@ headerbar { separator { background-color: $header_border; } } +// more paned headerbar fixes (Gedit) +paned.titlebar { + separator { background-color: transparent; } + + > headerbar { + &::not(:only-child):not(:first-child):not(:last-child) { border-radius: 0;} + &:first-child { border-top-right-radius: 0; } + &:last-child { border-top-left-radius: 0; } + } +} + // Only extending headerbar avoids some problems (Gnome Documents searchbar) headerbar { separator.titlebutton { @extend %header_separator; } @@ -2444,14 +2461,11 @@ placesview { transition: 200ms $ease-out-quad; -gtk-icon-transform: rotate(-0.5turn); } - - row.activatable:hover { background-color: transparent; } } // // Paned // - paned { > separator { min-width: 1px; -- cgit v1.2.3 From ca3c5b5fda72884a2936f25ccee07a79b70d7f88 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: Revert "disable broken stuff for now" This reverts commit 5a860002c72960038d4adb62b9035cd471604f5f. --- common/gtk-3.0/3.20/gtk-dark.css | 1165 +++++++++++++++++++++++- common/gtk-3.0/3.20/gtk-darker.css | 1155 ++++++++++++++++++++++- common/gtk-3.0/3.20/gtk-solid-dark.css | 1165 +++++++++++++++++++++++- common/gtk-3.0/3.20/gtk-solid-darker.css | 1155 ++++++++++++++++++++++- common/gtk-3.0/3.20/gtk-solid.css | 1155 ++++++++++++++++++++++- common/gtk-3.0/3.20/gtk.css | 1155 ++++++++++++++++++++++- common/gtk-3.0/3.20/sass/gtk-dark.scss | 8 +- common/gtk-3.0/3.20/sass/gtk-darker.scss | 8 +- common/gtk-3.0/3.20/sass/gtk-solid-dark.scss | 8 +- common/gtk-3.0/3.20/sass/gtk-solid-darker.scss | 8 +- common/gtk-3.0/3.20/sass/gtk-solid.scss | 8 +- common/gtk-3.0/3.20/sass/gtk.scss | 8 +- 12 files changed, 6938 insertions(+), 60 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 70bb6fb..69282fe 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -621,20 +621,24 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -661,7 +665,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1761,6 +1765,10 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, treeview.check:selected, row:selected check, @@ -1771,6 +1779,10 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1781,6 +1793,10 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1791,6 +1807,10 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1801,6 +1821,10 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1811,6 +1835,10 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1821,6 +1849,10 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1831,6 +1863,10 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1841,6 +1877,10 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1851,6 +1891,10 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1861,6 +1905,10 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1871,6 +1919,10 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2768,12 +2820,797 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #404552; + color: #D3DAE3; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #9da3ad; } + TerminalWindow .notebook tab button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #D3DAE3; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #868b97; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #404552; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(211, 218, 227, 0.5); + border-color: rgba(180, 192, 207, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #313541; + border-color: #1b1d24; } + +NautilusListView .view { + border-bottom: 1px solid #2b2e39; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #2b2e39; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.gedit-headerbar-paned { + color: rgba(38, 42, 51, 0.97); } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #404552; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #D3DAE3; } + +.open-document-selector-path-label { + color: #8a909b; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #9da3ad; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #D3DAE3; } + +.gedit-document-panel-dragged-row { + border: 1px solid #2b2e39; + background-color: #22242d; + color: #D3DAE3; } + +GeditStatusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #2b2e39; } + +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #3c4150; + padding: 6px; + border-color: #2b2e39; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #D3DAE3; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #404552; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #383C4A; } + +DhSidebar entry.search, +SymbolTree entry.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #404552; + color: #D3DAE3; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook { + background-color: #404552; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #D3DAE3; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(211, 218, 227, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: rgba(27, 29, 35, 0.95); } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(211, 218, 227, 0.45); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #D3DAE3; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(32, 35, 43, 0.97); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #2b2e39; + border-right: 1px solid #2b2e39; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #2b2e39; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #2b2e39; + background-color: #383C4A; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #383C4A; + color: #D3DAE3; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: #434859; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #383C4A; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #D3DAE3; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #404552; } + +GraniteWidgetsWelcome label { + color: #868b97; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(211, 218, 227, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #404552); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #a5abb5; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; @@ -2912,6 +3749,322 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select border-bottom-width: 0; font: bold; } +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: rgba(38, 42, 51, 0.97); } + +NemoWindow GtkEventBox { + background-color: #383C4A; } + +GtkFileChooserDialog .sidebar, +NautilusWindow .sidebar, +NemoWindow .sidebar { + border-right: 1px solid rgba(42, 45, 55, 0.95); } + +GtkFileChooserDialog .sidebar:dir(rtl), +NautilusWindow .sidebar:dir(rtl), +NemoWindow .sidebar:dir(rtl) { + border-left: 1px solid rgba(42, 45, 55, 0.95); } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: rgba(75, 81, 98, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: rgba(53, 57, 69, 0.95); } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: rgba(42, 45, 55, 0.95); } + +NautilusWindow NautilusWindowSlot { + background-color: #404552; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: rgba(53, 57, 69, 0.95); } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: rgba(20, 21, 26, 0.95); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: rgba(38, 42, 51, 0.97); } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: rgba(47, 52, 63, 0.97); } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: rgba(42, 45, 55, 0.95); } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #2b2e39; } + +.gedit-bottom-panel-paned { + background-color: #404552; } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: rgba(53, 57, 69, 0.95); } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, +GtkFileChooserDialog .dialog-vbox > .frame entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 848cad8..76b4317 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -620,20 +620,24 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -660,7 +664,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1760,6 +1764,10 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, treeview.check:selected, row:selected check, @@ -1770,6 +1778,10 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1780,6 +1792,10 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1790,6 +1806,10 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1800,6 +1820,10 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1810,6 +1834,10 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1820,6 +1848,10 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1830,6 +1862,10 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1840,6 +1876,10 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1850,6 +1890,10 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1860,6 +1904,10 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1870,6 +1918,10 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2767,12 +2819,797 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.37); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } + +.gedit-headerbar-paned { + color: rgba(38, 42, 51, 0.97); } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, +SymbolTree entry.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: rgba(27, 29, 35, 0.95); } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.37); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(32, 35, 43, 0.97); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; @@ -2911,6 +3748,312 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select border-bottom-width: 0; font: bold; } +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: rgba(38, 42, 51, 0.97); } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: rgba(75, 81, 98, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: rgba(53, 57, 69, 0.95); } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: rgba(53, 57, 69, 0.95); } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: rgba(53, 57, 69, 0.95); } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: rgba(38, 42, 51, 0.97); } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: rgba(47, 52, 63, 0.97); } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: rgba(50, 56, 67, 0.97); } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: rgba(53, 57, 69, 0.95); } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: rgba(53, 57, 69, 0.95); } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, +GtkFileChooserDialog .dialog-vbox > .frame entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index e4160a9..d72016a 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -621,20 +621,24 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -661,7 +665,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1761,6 +1765,10 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, treeview.check:selected, row:selected check, @@ -1771,6 +1779,10 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1781,6 +1793,10 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1791,6 +1807,10 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1801,6 +1821,10 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1811,6 +1835,10 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1821,6 +1849,10 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1831,6 +1863,10 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1841,6 +1877,10 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1851,6 +1891,10 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1861,6 +1905,10 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1871,6 +1919,10 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2768,12 +2820,797 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #404552; + color: #D3DAE3; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #9da3ad; } + TerminalWindow .notebook tab button:hover { + color: #D3DAE3; + border-color: #2b2e39; + background-color: #444a58; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #D3DAE3; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #868b97; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #404552; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(211, 218, 227, 0.5); + border-color: rgba(180, 192, 207, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #313541; + border-color: #1b1d24; } + +NautilusListView .view { + border-bottom: 1px solid #2b2e39; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #2b2e39; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.gedit-headerbar-paned { + color: #262a33; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #404552; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #D3DAE3; } + +.open-document-selector-path-label { + color: #8a909b; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #9da3ad; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #D3DAE3; } + +.gedit-document-panel-dragged-row { + border: 1px solid #2b2e39; + background-color: #22242d; + color: #D3DAE3; } + +GeditStatusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #2b2e39; } + +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #3c4150; + padding: 6px; + border-color: #2b2e39; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #D3DAE3; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #404552; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #383C4A; } + +DhSidebar entry.search, +SymbolTree entry.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #404552; + color: #D3DAE3; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #2b2e39; } + +GbViewStack.focused box.header.notebook { + background-color: #404552; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #D3DAE3; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(211, 218, 227, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, #2b2e37); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: #2b2e37; } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: #414654; } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: #1b1d23; } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(255, 255, 255, 0.05); + border: solid rgba(255, 255, 255, 0.07); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(211, 218, 227, 0.45); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #D3DAE3; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid #20232b; + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px #363b48; } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, #20232b); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #2b2e39; + border-right: 1px solid #2b2e39; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #2b2e39; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #2b2e39; + background-color: #383C4A; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #383C4A; + color: #D3DAE3; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: #434859; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #383C4A; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #D3DAE3; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #404552; } + +GraniteWidgetsWelcome label { + color: #868b97; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(211, 218, 227, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #404552); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #a5abb5; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + #panel_window { background-color: #2b2e37; color: #BAC3CF; @@ -2912,6 +3749,322 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select border-bottom-width: 0; font: bold; } +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: #262a33; } + +NemoWindow GtkEventBox { + background-color: #383C4A; } + +GtkFileChooserDialog .sidebar, +NautilusWindow .sidebar, +NemoWindow .sidebar { + border-right: 1px solid #2a2d37; } + +GtkFileChooserDialog .sidebar:dir(rtl), +NautilusWindow .sidebar:dir(rtl), +NemoWindow .sidebar:dir(rtl) { + border-left: 1px solid #2a2d37; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: #353945; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: #4b5162; } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: #353945; } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: #2a2d37; } + +NautilusWindow NautilusWindowSlot { + background-color: #404552; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: #353945; } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #383C4A; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: #14151a; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: #262a33; } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: #2a2d37; } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #2b2e39; } + +.gedit-bottom-panel-paned { + background-color: #404552; } + +.gedit-document-panel { + background-color: #353945; } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: #353945; } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: #252831; } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, +GtkFileChooserDialog .dialog-vbox > .frame entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + @define-color theme_fg_color #D3DAE3; @define-color theme_text_color #D3DAE3; @define-color theme_bg_color #383C4A; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 1704319..877bfa8 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -620,20 +620,24 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -660,7 +664,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1760,6 +1764,10 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, treeview.check:selected, row:selected check, @@ -1770,6 +1778,10 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1780,6 +1792,10 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1790,6 +1806,10 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1800,6 +1820,10 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1810,6 +1834,10 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1820,6 +1848,10 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1830,6 +1862,10 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1840,6 +1876,10 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1850,6 +1890,10 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1860,6 +1904,10 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1870,6 +1918,10 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2767,12 +2819,797 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(134, 144, 165, 0.4); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(207, 218, 231, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } + +.gedit-headerbar-paned { + color: #262a33; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, +SymbolTree entry.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, #2b2e37); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: #2b2e37; } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: #414654; } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: #1b1d23; } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(207, 218, 231, 0.8); + border-color: rgba(21, 23, 28, 0.4); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + border-color: transparent; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(207, 218, 231, 0.35); + background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid #20232b; + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #2f343f); + color: rgba(207, 218, 231, 0.8); + box-shadow: inset 0 1px #363b48; } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(207, 218, 231, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, #20232b); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + #panel_window { background-color: #2b2e37; color: #BAC3CF; @@ -2911,6 +3748,312 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select border-bottom-width: 0; font: bold; } +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: #262a33; } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: #353945; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: #4b5162; } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: #353945; } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: #353945; } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: #353945; } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: #252831; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: #262a33; } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #2f343f; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #323843; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: #353945; } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: #353945; } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: #353945; } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: #252831; } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, +GtkFileChooserDialog .dialog-vbox > .frame entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 7a31c08..4d9b084 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -620,20 +620,24 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -660,7 +664,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1764,6 +1768,10 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, treeview.check:selected, row:selected check, @@ -1774,6 +1782,10 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1784,6 +1796,10 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1794,6 +1810,10 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1804,6 +1824,10 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1814,6 +1838,10 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1824,6 +1852,10 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1834,6 +1866,10 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1844,6 +1880,10 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1854,6 +1894,10 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1864,6 +1908,10 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1874,6 +1922,10 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2771,12 +2823,797 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.gedit-headerbar-paned { + color: #d4d5db; } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, +SymbolTree entry.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, #2b2e37); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: #2b2e37; } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: #414654; } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: #1b1d23; } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #e7e8eb); + color: rgba(82, 93, 118, 0.8); + box-shadow: inset 0 1px #eff0f2; } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(82, 93, 118, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + #panel_window { background-color: #2b2e37; color: #BAC3CF; @@ -2915,6 +3752,312 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select border-bottom-width: 0; font: bold; } +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: #d4d5db; } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: #353945; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: #4b5162; } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: #353945; } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: #353945; } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: #353945; } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: #252831; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: #d4d5db; } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: #e7e8eb; } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: #eff0f2; } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #e7e8eb; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #eff0f2; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: #353945; } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: #353945; } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: #353945; } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: #252831; } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, +GtkFileChooserDialog .dialog-vbox > .frame entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index dfbfb8a..5a66de7 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -620,20 +620,24 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { border-radius: 3px; border-style: solid; } @@ -660,7 +664,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { border-color: transparent; background-color: transparent; background-image: none; @@ -1764,6 +1768,10 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, +GtkFileChooserDialog .dialog-vbox > .frame check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, treeview.check:selected, row:selected check, @@ -1774,6 +1782,10 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1784,6 +1796,10 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1794,6 +1810,10 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1804,6 +1824,10 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, +GtkFileChooserDialog .dialog-vbox > .frame check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1814,6 +1838,10 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1824,6 +1852,10 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, +GtkFileChooserDialog .dialog-vbox > .frame radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1834,6 +1866,10 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1844,6 +1880,10 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1854,6 +1894,10 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1864,6 +1908,10 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1874,6 +1922,10 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, +GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2771,12 +2823,797 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, +NautilusWindow placessidebar.sidebar row.activatable:selected, +NautilusWindow placessidebar.sidebar row.activatable:selected:hover, +NautilusWindow placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +GeditNotebook.notebook header.top tab:active, +ScratchMainWindow .notebook header.top tab:active, +EphyNotebook.notebook header.top tab:active, +MidoriNotebook .notebook header.top tab:active, +TerminalWindow .notebook header.top tab:active, +PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { + box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } + +TerminalWindow .notebook.header.top, +PantheonTerminalPantheonTerminalWindow .notebook.header.top { + box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } + TerminalWindow .notebook.header.top tab, + PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { + padding-top: 7px; + border-top-width: 3px; } + +GtkHTML { + background-color: #ffffff; + color: #5c616c; } + GtkHTML:active { + color: #ffffff; + background-color: #5294E2; } + +SushiFontWidget { + padding: 6px 12px; } + +TerminalWindow .background { + background-color: transparent; } + +TerminalWindow scrollbar.vertical slider { + margin-left: 3px; } + +TerminalWindow scrollbar trough { + border-width: 0; } + +TerminalWindow .notebook tab button { + color: #92959d; } + TerminalWindow .notebook tab button:hover { + color: #5c616c; + border-color: #cfd6e6; + background-color: #fbfbfc; } + +TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { + color: #ff4d4d; } + +TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { + color: #5294E2; } + +.nautilus-canvas-item { + border-radius: 2px; } + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item { + color: #ffffff; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } + .nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active { + color: #5c616c; } + .nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected { + color: #ffffff; } + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.nautilus-list-dim-label { + color: #a9acb2; } + .nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, + .nautilus-list-dim-label:selected, + .nautilus-list-dim-label:selected:focus { + color: #dceaf9; } + +NautilusQueryEditor searchbar { + padding: 5px; + box-shadow: none; + background-color: #ffffff; } + +button.nautilus-circular-button.image-button { + border-radius: 50%; + -gtk-outline-radius: 50%; + padding: 8px; } + +.disk-space-display { + border-style: solid; + border-width: 1px; } + .disk-space-display.unknown { + background-color: rgba(92, 97, 108, 0.5); + border-color: rgba(69, 72, 80, 0.5); } + .disk-space-display.used { + background-color: rgba(82, 148, 226, 0.8); + border-color: rgba(38, 121, 219, 0.8); } + .disk-space-display.free { + background-color: #edeef0; + border-color: #d0d5da; } + +NautilusListView .view { + border-bottom: 1px solid #dcdfe3; } + +NemoWindow EelEditableLabel { + transition: none; } + +NemoWindow .sidebar .frame { + border-width: 0; } + +NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { + color: #dcdfe3; } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { + background-color: rgba(255, 255, 255, 0.9); } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } + NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(82, 93, 118, 0.4); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { + box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } + +NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { + box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } + +.gedit-headerbar-paned { + color: rgba(212, 213, 219, 0.95); } + +.open-document-selector-treeview.view { + padding: 3px 6px 3px 6px; + border-color: #ffffff; } + .open-document-selector-treeview.view:hover { + background-color: rgba(0, 0, 0, 0.05); } + .open-document-selector-treeview.view:hover:selected { + color: #ffffff; + background-color: #5294E2; } + +.open-document-selector-name-label { + color: #5c616c; } + +.open-document-selector-path-label { + color: #aeb0b6; + font-size: smaller; } + .open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); } + +.gedit-document-panel row button { + color: transparent; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; + padding: 4px; } + .gedit-document-panel row button image { + color: inherit; } + +.gedit-document-panel .prelight-row button { + color: #92959d; } + +.gedit-document-panel row button:hover, +.gedit-document-panel .prelight-row button:hover { + color: #ff4d4d; } + +.gedit-document-panel .prelight-row:selected button:hover { + color: #ff6666; + background-image: none; + background-color: transparent; + border: none; + box-shadow: none; } + .gedit-document-panel .prelight-row:selected button:hover:active { + color: #ffffff; } + +.gedit-document-panel .prelight-row button:active { + color: #5c616c; } + +.gedit-document-panel-dragged-row { + border: 1px solid #dcdfe3; + background-color: #d9dde0; + color: #5c616c; } + +GeditStatusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } + +GeditStatusMenuButton.button.flat, +GeditStatusMenuButton:hover.button.flat, +GeditStatusMenuButton:checked.button.flat { + border-bottom-style: none; + border-radius: 0; } + +GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { + border-bottom: 1px solid #dcdfe3; } + +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } + +GeditViewFrame .gedit-search-slider { + background-color: #fbfbfc; + padding: 6px; + border-color: #dcdfe3; + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; } + +GbWorkbench .floating-bar { + color: #5c616c; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { + padding: 0 10px; + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { + color: inherit; } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { + color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { + color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, + GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { + border-left-style: none; + border-radius: 0 3px 3px 0; + -gtk-outline-radius: 0 1px 1px 0; } + +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, +GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { + border-right-style: none; + border-radius: 3px 0 0 3px; + -gtk-outline-radius: 1px 0 0 1px; } + +GbPreferencesPageLanguage entry { + border-radius: 3px 3px 0 0; } + +GbPreferencesPageLanguage .frame { + border-top-width: 0; } + +GbEditorTweakWidget .linked.vertical > entry { + border-bottom-style: solid; } + +GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { + border-top: none; } + +GbViewStack box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook, +#project_sidebar_header.focused { + background-color: #ffffff; } + +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbNewProjectDialog button.file.linked-on-right button { + border-radius: 3px 0 0 3px; } + +GbWorkspacePane box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbWorkspacePane:not(.focused) box.header.notebook { + background-color: #F5F6F7; } + +DhSidebar entry.search, +SymbolTree entry.search { + border-left: none; + border-right: none; + border-top: none; + border-radius: 0px; } + +entry.gb-command-bar-entry.flat, +entry.gb-command-bar-entry.flat:focus { + font-family: Monospace; + color: #BAC3CF; + background-image: none; + background-color: #353945; + padding: 6px 6px 6px 6px; + border: none; } + +GbTerminalView { + background-color: #ffffff; + color: #5c616c; } + +GbSourceStyleSchemeWidget GtkSourceView { + font-family: Monospace; } + +scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { + border-top: none; } + +GbSearchDisplayGroup list row +GbDocumentStack button { + transition: none; } + +GbViewStack box.header.notebook, +GbEditorWorkspace > paned > box > box.header.notebook { + border-bottom: 1px solid #dcdfe3; } + +GbViewStack.focused box.header.notebook { + background-color: #ffffff; } + GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { + opacity: 1; } + +EphyWindow .floating-bar { + color: #5c616c; } + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; } + +.documents-icon-bg { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; } + +.documents-collection-icon { + background-color: rgba(92, 97, 108, 0.3); + border-radius: 2px; } + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #a9caf1; } + +.documents-entry-tag { + background-color: #5294E2; + color: #ffffff; + border-radius: 2px; + border-width: 0; + margin: 2px; + padding: 4px; } + .documents-entry-tag:hover { + color: #ffffff; + background-color: #639fe5; } + .documents-entry-tag:active { + color: #ffffff; + background-color: #4189df; } + toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { + background: none; + border: none; + box-shadow: none; + -gtk-icon-shadow: none; } + toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { + color: rgba(255, 255, 255, 0.7); } + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } + +TotemGrilo.vertical GdMainView.frame { + border-width: 0; } + +SynapseGuiSelectionContainer *:selected, +SynapseGuiViewVirgilio *:selected { + background-color: #5294E2; } + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; } + +.gnome-panel-menu-bar, +PanelApplet > menubar, +PanelToplevel, +PanelWidget, +PanelAppletFrame, +PanelApplet { + color: #BAC3CF; + background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } + +PanelApplet button, PanelApplet button:backdrop { + padding: 4px; + border: 2px solid transparent; + border-radius: 0; + background-image: none; + background-color: transparent; + color: #BAC3CF; } + +PanelApplet button:hover { + color: #d8dde4; + background-color: rgba(0, 0, 0, 0.17); + border-color: rgba(0, 0, 0, 0.17); } + +PanelApplet button:active, PanelApplet button:active:backdrop, +PanelApplet button:checked, PanelApplet button:checked:backdrop { + background-clip: padding-box; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.25); + border-radius: 0; + border-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #5294E2; } + +PanelApplet:hover { + color: #ffffff; } + +PanelApplet:active, +PanelApplet:hover:active { + color: #5294E2; } + +WnckPager { + color: #5d6268; } + WnckPager:selected { + color: #5294E2; } + +NaTrayApplet { + -NaTrayApplet-icon-padding: 12; + -NaTrayApplet-icon-size: 16; } + +ClockBox { + color: #BAC3CF; } + +.xfce4-panel.panel { + background-color: rgba(43, 46, 55, 0.95); } + .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { + color: #BAC3CF; + background-color: rgba(43, 46, 55, 0); + border-radius: 0; } + .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { + border: none; + background-color: rgba(65, 70, 84, 0.95); } + .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { + color: #5294E2; + border: none; + background-color: rgba(27, 29, 35, 0.95); } + +.floating-bar { + background-color: #5294E2; + color: #ffffff; } + .floating-bar.top { + border-radius: 0 0 2px 2px; } + .floating-bar.right { + border-radius: 2px 0 0 2px; } + .floating-bar.bottom { + border-radius: 2px 2px 0 0; } + .floating-bar.left { + border-radius: 0 2px 2px 0; } + .floating-bar button { + background-color: transparent; + box-shadow: none; + border: none; } + +BirdieWidgetsTweetList * { + background-image: none; + background-color: transparent; } + +MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { + color: #ffffff; + background-color: #5294E2; + outline-color: transparent; } + +MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { + background-color: transparent; } + +MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { + outline-color: transparent; } + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(82, 93, 118, 0.8); + border-color: rgba(82, 93, 118, 0.1); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); + background-color: transparent; } + .marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; } + .marlin-pathbar.pathbar:focus { + color: #ffffff; + border-color: #5294E2; + background-image: linear-gradient(to bottom, #5294E2); } + .marlin-pathbar.pathbar:disabled { + color: rgba(82, 93, 118, 0.35); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } + .marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #5294E2; } + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white); + background-color: transparent; } + .gala-notification .title, .gala-notification .label { + color: #5c616c; } + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .panel-shadow { + background-image: none; + background-color: transparent; } + .panel .menu { + box-shadow: none; } + .panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; } + .panel .menu .window-frame.menu.csd, + .panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } + .panel .menubar > .menuitem { + padding: 3px 6px; } + .panel .menubar > .menuitem:hover { + background-color: transparent; } + .panel .window-frame.menu.csd, + .panel .window-frame.popup.csd { + box-shadow: none; } + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; } + .composited-indicator .menuitem:active, .composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; } + .composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; } + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; } + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; } + +WingpanelWidgetsIndicatorPopover.popover { + padding: 0; + text-shadow: none; + -gtk-icon-shadow: none; } + WingpanelWidgetsIndicatorPopover.popover menuitem { + padding: 5px; + outline-color: transparent; + text-shadow: none; + -gtk-icon-shadow: none; + border: solid transparent; + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { + padding: 0 3px; } + WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { + background-color: rgba(0, 0, 0, 0.04); + border: solid rgba(0, 0, 0, 0.08); + border-width: 1px 0; } + WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { + color: rgba(92, 97, 108, 0.55); } + +PantheonTerminalPantheonTerminalWindow.background { + background-color: transparent; } + +SwitchboardCategoryView .view:selected, +SwitchboardCategoryView .view:selected:focus { + color: #5c616c; } + +UnityDecoration { + -UnityDecoration-extents: 28px 1 1 1; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 3px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.2); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.07); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #5294E2; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; } + UnityDecoration.top { + border: 1px solid rgba(0, 0, 0, 0.1); + border-bottom-width: 0; + border-radius: 4px 4px 0 0; + padding: 1px 6px 0 6px; + background-image: linear-gradient(to bottom, #e7e8eb); + color: rgba(82, 93, 118, 0.8); + box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } + UnityDecoration.top:backdrop { + border-bottom-width: 0; + color: rgba(82, 93, 118, 0.5); } + UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); } + +UnityPanelWidget, +.unity-panel { + background-image: linear-gradient(to bottom, #2b2e37); + color: #f6f7f9; + box-shadow: none; } + UnityPanelWidget:backdrop, + .unity-panel:backdrop { + color: #bdc6d1; } + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #5294E2); + border-bottom: none; } + +.overlay-bar { + background-color: #5294E2; + border-color: #5294E2; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; } + .overlay-bar label { + color: #ffffff; } + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid #dcdfe3; + border-right: 1px solid #dcdfe3; } + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; } + +.help_button { + border-radius: 100px; + padding: 3px 9px; } + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid #dcdfe3; } + toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; } + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: #dcdfe3; + background-color: #F5F6F7; } + toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; } + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; } + +.source-list, +.source-list.view { + background-color: #F5F6F7; + color: #5c616c; + -gtk-icon-style: regular; } + +.source-list.category-expander { + color: transparent; } + +.source-list.view:hover { + background-color: white; } + +.source-list.view:selected, +.source-list.view:hover:selected, +.source-list.view:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #5294E2; } + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #F5F6F7; + background-image: none; } + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #5294E2; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; } + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #5294E2; } + +.source-list.category-expander { + color: #5c616c; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; } + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; } + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +GraniteWidgetsWelcome { + background-color: #ffffff; } + +GraniteWidgetsWelcome label { + color: #a9acb2; + font: open sans 11; + text-shadow: none; } + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(92, 97, 108, 0.8); } + +.help_button { + border-radius: 0; } + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; } + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); } + +GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver * { + background-color: transparent; } + +GraniteWidgetsXsEntry entry { + padding: 4px; } + +.h1 { + font: open sans 24px; } + +.h2 { + font: open sans light 18px; } + +.h3 { + font: open sans 11px; } + +.h4, +.category-label { + color: #8a8e96; + font-weight: 600; } + +.h4 { + padding-bottom: 6px; + padding-top: 6px; } + +GtkListBox .h4 { + padding-left: 6px; } + #panel_window { background-color: rgba(43, 46, 55, 0.95); color: #BAC3CF; @@ -2915,6 +3752,312 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select border-bottom-width: 0; font: bold; } +.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + color: rgba(212, 213, 219, 0.95); } + +NemoWindow GtkEventBox { + background-color: #F5F6F7; } + +GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, +NautilusWindow.csd.background, +NautilusWindow placessidebar list { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar, +NautilusWindow placessidebar.sidebar { + background-color: rgba(53, 57, 69, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, + NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + border: 1px solid #5294E2; } + GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, + NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + background-color: rgba(75, 81, 98, 0.95); } + GtkFileChooserDialog placessidebar.sidebar row.activatable, + NautilusWindow placessidebar.sidebar row.activatable { + border: none; + color: #BAC3CF; } + GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + color: rgba(186, 195, 207, 0.6); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, + NautilusWindow placessidebar.sidebar row.activatable:hover { + background-color: rgba(186, 195, 207, 0.15); } + GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, + NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + color: inherit; } + GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, + NautilusWindow placessidebar.sidebar separator, + NautilusWindow placessidebar.sidebar .view separator { + color: transparent; } + +GtkFileChooserDialog.maximized placessidebar.sidebar, +NautilusWindow.maximized placessidebar.sidebar { + background-color: #353945; } + +GtkFileChooserDialog .sidebar-button.button, +NautilusWindow .sidebar-button.button { + color: #BAC3CF; } + GtkFileChooserDialog .sidebar-button.button:hover, + NautilusWindow .sidebar-button.button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog .sidebar-button.button:active, + NautilusWindow .sidebar-button.button:active { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, + NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + opacity: 0.5; } + +NemoWindow.csd.background, +NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, +MarlinViewWindow.csd.background, +MarlinViewWindow .source-list, +MarlinViewWindow .source-list.view, +MarlinViewWindow .source-list.view:hover { + background-color: transparent; } + +NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, +MarlinViewWindow .sidebar, +MarlinViewWindow .source-list.sidebar.view { + background-color: rgba(53, 57, 69, 0.95); } + NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, + MarlinViewWindow .sidebar .view, + MarlinViewWindow .sidebar row, + MarlinViewWindow .source-list.sidebar.view .view, + MarlinViewWindow .source-list.sidebar.view row { + background-color: transparent; + color: #BAC3CF; } + NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, + MarlinViewWindow .sidebar .view.cell:selected, + MarlinViewWindow .sidebar row.cell:selected, + MarlinViewWindow .source-list.sidebar.view .view.cell:selected, + MarlinViewWindow .source-list.sidebar.view row.cell:selected { + background-color: #5294E2; + color: #ffffff; } + NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, + MarlinViewWindow .sidebar.frame, + MarlinViewWindow .source-list.sidebar.view.frame { + color: #BAC3CF; } + NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar separator, + MarlinViewWindow .sidebar .view separator, + MarlinViewWindow .source-list.sidebar.view separator { + color: transparent; } + +NemoWindow.maximized .sidebar, +MarlinViewWindow.maximized .sidebar { + background-color: #353945; } + +NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar +MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view +MarlinViewWindow.background > GtkBox > paned > separator { + background-color: rgba(53, 57, 69, 0.95); } + +NautilusWindow NautilusWindowSlot { + background-color: #ffffff; } + +NautilusDesktopWindow NautilusWindowSlot { + background-color: transparent; } + +GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { + background-color: rgba(53, 57, 69, 0.95); } + +GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { + background-color: transparent; } + +GtkFileChooserDialog paned > .vertical > .horizontal { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-action-box { + background-color: #F5F6F7; } + +GtkFileChooserDialog .dialog-vbox > .frame { + color: #BAC3CF; + border-color: transparent; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, +GtkFileChooserDialog .dialog-vbox > .frame label, +GtkFileChooserDialog .dialog-vbox > .frame combobox { + color: #BAC3CF; } + +FeedReaderreaderUI.background.csd > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, +FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, +FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd > .titlebar .pane-separator, +GeditWindow.background.csd.maximized > .titlebar .pane-separator, +GeditWindow.background.csd > .titlebar .pane-separator:backdrop, +GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { + background-color: rgba(212, 213, 219, 0.95); } + +FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, +GeditWindow.background.csd > .titlebar > headerbar.titlebar { + background-color: rgba(231, 232, 235, 0.95); } + FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { + background-color: rgba(239, 240, 242, 0.95); } + +FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, +GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { + background-color: #e7e8eb; } + FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, + GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { + background-color: #eff0f2; } + +FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, +GeditWindow.background.csd > .titlebar { + background-color: transparent; } + +GeditWindow.background.csd { + background-color: transparent; } + +GeditWindow.background .gedit-side-panel-paned .pane-separator { + background-color: rgba(53, 57, 69, 0.95); } + +GeditWindow.background .gedit-bottom-panel-paned .pane-separator { + background-color: #dcdfe3; } + +.gedit-bottom-panel-paned { + background-color: #ffffff; } + +.gedit-document-panel { + background-color: rgba(53, 57, 69, 0.95); } + .maximized .gedit-document-panel { + background-color: #353945; } + .gedit-document-panel row { + color: #BAC3CF; } + .gedit-document-panel row { + background-color: rgba(186, 195, 207, 0); + border: solid rgba(186, 195, 207, 0); + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:hover { + border: solid rgba(186, 195, 207, 0.15); + border-width: 3px 2px 3px 2px; + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; + border: solid #5294E2; + border-width: 3px 2px 3px 2px; } + .gedit-document-panel .prelight-row button:active { + color: #BAC3CF; } + +GeditFileBrowserWidget { + background-color: rgba(53, 57, 69, 0.95); } + .maximized GeditFileBrowserWidget { + background-color: #353945; } + GeditFileBrowserWidget .horizontal { + background-color: transparent; + border-color: rgba(37, 40, 49, 0.95); } + GeditFileBrowserWidget .horizontal combobox { + color: #BAC3CF; } + +GeditWindow.background.csd GeditFileBrowserView.view { + background-color: transparent; + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander { + color: #BAC3CF; } + GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { + color: #5294E2; } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, +GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, + GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, + GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, + GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, + GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, +GtkFileChooserDialog .dialog-vbox > .frame entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, + GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, + GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { + color: inherit; } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, + GtkFileChooserDialog .dialog-vbox > .frame entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, + GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, +MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: #e7eaee; + border: 1px solid rgba(0, 0, 0, 0.3); } + +GtkFileChooserDialog placessidebar.sidebar scrollbar slider, +NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, +MarlinViewWindow .sidebar scrollbar slider, +MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { + background-color: rgba(231, 234, 238, 0.7); } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, + NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, + MarlinViewWindow .sidebar scrollbar slider:hover, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + background-color: #f6f7f9; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, + NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, + MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + background-color: #5294E2; } + GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, + NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, + MarlinViewWindow .sidebar scrollbar slider:disabled, + MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + background-color: transparent; } + +GtkFileChooserDialog placessidebar.sidebar scrollbar trough, +NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, +MarlinViewWindow .sidebar scrollbar trough, +MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { + background-color: rgba(0, 0, 0, 0.2); + border: none; } + @define-color theme_fg_color #5c616c; @define-color theme_text_color #5c616c; @define-color theme_bg_color #F5F6F7; diff --git a/common/gtk-3.0/3.20/sass/gtk-dark.scss b/common/gtk-3.0/3.20/sass/gtk-dark.scss index ad6b6ce..529ee3d 100644 --- a/common/gtk-3.0/3.20/sass/gtk-dark.scss +++ b/common/gtk-3.0/3.20/sass/gtk-dark.scss @@ -5,9 +5,9 @@ $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; -//@import 'applications'; -//@import 'unity'; -//@import 'granite'; +@import 'applications'; +@import 'unity'; +@import 'granite'; @import 'lightdm'; -//@import 'transparent_widgets'; +@import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-darker.scss b/common/gtk-3.0/3.20/sass/gtk-darker.scss index e8ecec5..34b8f81 100644 --- a/common/gtk-3.0/3.20/sass/gtk-darker.scss +++ b/common/gtk-3.0/3.20/sass/gtk-darker.scss @@ -5,9 +5,9 @@ $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; -//@import 'applications'; -//@import 'unity'; -//@import 'granite'; +@import 'applications'; +@import 'unity'; +@import 'granite'; @import 'lightdm'; -//@import 'transparent_widgets'; +@import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss b/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss index bb9c9e8..959d8b1 100644 --- a/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss +++ b/common/gtk-3.0/3.20/sass/gtk-solid-dark.scss @@ -5,9 +5,9 @@ $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; -//@import 'applications'; -//@import 'unity'; -//@import 'granite'; +@import 'applications'; +@import 'unity'; +@import 'granite'; @import 'lightdm'; -//@import 'transparent_widgets'; +@import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss b/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss index 59be1ea..45b7dbe 100644 --- a/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss +++ b/common/gtk-3.0/3.20/sass/gtk-solid-darker.scss @@ -5,9 +5,9 @@ $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; -//@import 'applications'; -//@import 'unity'; -//@import 'granite'; +@import 'applications'; +@import 'unity'; +@import 'granite'; @import 'lightdm'; -//@import 'transparent_widgets'; +@import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk-solid.scss b/common/gtk-3.0/3.20/sass/gtk-solid.scss index f261d50..28ff2b6 100644 --- a/common/gtk-3.0/3.20/sass/gtk-solid.scss +++ b/common/gtk-3.0/3.20/sass/gtk-solid.scss @@ -5,9 +5,9 @@ $transparency: 'false'; @import 'colors'; @import 'drawing'; @import 'common'; -//@import 'applications'; -//@import 'unity'; -//@import 'granite'; +@import 'applications'; +@import 'unity'; +@import 'granite'; @import 'lightdm'; -//@import 'transparent_widgets'; +@import 'transparent_widgets'; @import 'colors-public'; diff --git a/common/gtk-3.0/3.20/sass/gtk.scss b/common/gtk-3.0/3.20/sass/gtk.scss index 90172e0..9bb0348 100644 --- a/common/gtk-3.0/3.20/sass/gtk.scss +++ b/common/gtk-3.0/3.20/sass/gtk.scss @@ -5,9 +5,9 @@ $transparency: 'true'; @import 'colors'; @import 'drawing'; @import 'common'; -//@import 'applications'; -//@import 'unity'; -//@import 'granite'; +@import 'applications'; +@import 'unity'; +@import 'granite'; @import 'lightdm'; -//@import 'transparent_widgets'; +@import 'transparent_widgets'; @import 'colors-public'; -- cgit v1.2.3 From 75b37adf83773c02e0954fc4f9a532e0c73273dd Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: re-enable some application styling --- common/gtk-3.0/3.20/sass/_applications.scss | 484 ++++++++++----------- common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 255 +++++------ 2 files changed, 352 insertions(+), 387 deletions(-) diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index 9d31307..6872d60 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -1,92 +1,92 @@ // // Tab overrides // -GeditNotebook.notebook, -ScratchMainWindow .notebook, -EphyNotebook.notebook, -MidoriNotebook .notebook, -TerminalWindow .notebook, -PantheonTerminalPantheonTerminalWindow .notebook { - - header.top tab { - &:active { - box-shadow: inset 0 1px $borders_color, - inset 0 -1px $borders_color, - inset 1px 0 $borders_color, - inset -1px 0 $borders_color; - } - } -} - -TerminalWindow .notebook, -PantheonTerminalPantheonTerminalWindow .notebook { +//GeditNotebook.notebook, +//ScratchMainWindow .notebook, +//EphyNotebook.notebook, +//MidoriNotebook .notebook, +//TerminalWindow .notebook, +//PantheonTerminalPantheonTerminalWindow .notebook { +// +// header.top tab { +// &:active { +// box-shadow: inset 0 1px $borders_color, +// inset 0 -1px $borders_color, +// inset 1px 0 $borders_color, +// inset -1px 0 $borders_color; +// } +// } +//} - &.header.top { - box-shadow: inset 0 1px opacify($header_border, 1), - inset 0 -1px $borders_color; +//TerminalWindow .notebook, +//PantheonTerminalPantheonTerminalWindow .notebook { - tab { - padding-top: 7px; - border-top-width: 3px; - } - } -} +// &.header.top { +// box-shadow: inset 0 1px opacify($header_border, 1), +// inset 0 -1px $borders_color; +// +// tab { +// padding-top: 7px; +// border-top-width: 3px; +// } +// } +//} // // Evolution // // needed for webkit/GtkStyle/Evolution compatibility -GtkHTML { - background-color: $base_color; - color: $text_color; - - &:active { - color: $selected_fg_color; - background-color: $selected_bg_color; - } -} +//GtkHTML { +// background-color: $base_color; +// color: $text_color; +// +// &:active { +// color: $selected_fg_color; +// background-color: $selected_bg_color; +// } +//} // // Sushi // // used by gnome-font-viewer and sushi -SushiFontWidget { - padding: 6px 12px; -} +//SushiFontWidget { +// padding: 6px 12px; +//} // // GNOME Terminal // -TerminalWindow { - .background { - background-color: transparent; - } - - scrollbar { - &.vertical slider { margin-left: 3px; } - - trough { border-width: 0; } - } - - .notebook { - tab button { - color: mix($bg_color, $fg_color, 35%); - - &:hover { - color: $fg_color; - border-color: $button_border; - background-color: $button_bg; - } - } - tab:active, tab:hover { - button { - @extend %undecorated_button; - &:hover { color: lighten(red, 15%); @extend %undecorated_button;} - &:active { color: $selected_bg_color; @extend %undecorated_button;} - } - } - } -} +//TerminalWindow { +// .background { +// background-color: transparent; +// } +// +// scrollbar { +// &.vertical slider { margin-left: 3px; } +// +// trough { border-width: 0; } +// } +// +// .notebook { +// tab button { +// color: mix($bg_color, $fg_color, 35%); +// +// &:hover { +// color: $fg_color; +// border-color: $button_border; +// background-color: $button_bg; +// } +// } +// tab:active, tab:hover { +// button { +// @extend %undecorated_button; +// &:hover { color: lighten(red, 15%); @extend %undecorated_button;} +// &:active { color: $selected_bg_color; @extend %undecorated_button;} +// } +// } +// } +//} // // Nautilus @@ -110,10 +110,11 @@ TerminalWindow { &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); } } -NautilusQueryEditor searchbar { +.nautilus-window .search-bar { padding: 5px; box-shadow: none; background-color: $base_color; + border-bottom: 1px solid $borders_color; } button.nautilus-circular-button.image-button { @@ -145,59 +146,59 @@ $disk_space_free: darken($bg_color, 3%); } // View -NautilusListView .view { border-bottom: 1px solid $borders_color; } +.nautilus-list-view .view { border-bottom: 1px solid $borders_color; } // // Nemo // .nemo-desktop.nemo-canvas-item { @extend .nautilus-desktop.nautilus-canvas-item; } -NemoWindow { - - EelEditableLabel { transition: none; } // Workaround for invisible text in rename entry - - .sidebar .frame { border-width: 0; } - - separator.horizontal { color: $borders_color; } - - .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - - @include button(header-hover); - - &:hover { background-color: lighten($header_button_bg, 15%); } - &:active, &:checked { @include button(header-active); } - &:disabled { color: transparentize($header_fg, 0.4); } - } - - .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, - .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, - .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, - .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, - .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - @extend %linked; - @extend %linked_button; - } - - .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) { - - $_linked_separator_color: $header_button_border; - - > button:hover:not(:checked):not(:active):not(:only-child) { - - &:hover { - box-shadow: inset 1px 0 $_linked_separator_color, - inset -1px 0 $_linked_separator_color; - } - &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; } - &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; } - } - } -} +//NemoWindow { +// +// EelEditableLabel { transition: none; } // Workaround for invisible text in rename entry +// +// .sidebar .frame { border-width: 0; } +// +// separator.horizontal { color: $borders_color; } +// +// .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { +// +// @include button(header-hover); +// +// &:hover { background-color: lighten($header_button_bg, 15%); } +// &:active, &:checked { @include button(header-active); } +// &:disabled { color: transparentize($header_fg, 0.4); } +// } +// +// .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, +// .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, +// .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, +// .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, +// .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { +// @extend %linked; +// @extend %linked_button; +// } +// +// .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) { +// +// $_linked_separator_color: $header_button_border; +// +// > button:hover:not(:checked):not(:active):not(:only-child) { +// +// &:hover { +// box-shadow: inset 1px 0 $_linked_separator_color, +// inset -1px 0 $_linked_separator_color; +// } +// &:first-child:hover { box-shadow: inset -1px 0 $_linked_separator_color; } +// &:last-child:hover { box-shadow: inset 1px 0 $_linked_separator_color; } +// } +// } +//} // // Gedit // -.gedit-headerbar-paned { color: $header_border; } +//.gedit-headerbar-paned { color: $header_border; } .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; @@ -264,24 +265,23 @@ NemoWindow { //.gedit-document-panel-placeholder-row { //} -GeditStatusbar { - border-top: 1px solid $borders_color; - background-color: $bg_color; -} - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; -} - +//GeditStatusbar { +// border-top: 1px solid $borders_color; +// background-color: $bg_color; +//} +// +//GeditStatusMenuButton.button.flat, +//GeditStatusMenuButton:hover.button.flat, +//GeditStatusMenuButton:checked.button.flat { +// border-bottom-style: none; +// border-radius: 0; +//} -GeditViewFrame .gedit-search-slider { @extend %search_slider } +.gedit-search-slider { @extend %search_slider } -GeditFileBrowserWidget toolbar { - border-bottom: 1px solid $borders_color; -} +//GeditFileBrowserWidget toolbar { +// border-bottom: 1px solid $borders_color; +//} .gedit-search-entry-occurrences-tag { color: transparentize($fg_color, 0.4); @@ -434,9 +434,9 @@ GbViewStack.focused box.header.notebook { // // Epiphany // -EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it - color: $fg_color; -} +//EphyWindow .floating-bar { // Epiphany overrides the floating-bar style, so reset it +// color: $fg_color; +//} // // Gnome Documents @@ -498,15 +498,15 @@ button.documents-favorite:active:hover { // // Totem // -TotemGrilo.vertical GdMainView.frame { - border-width: 0; -} +//TotemGrilo.vertical GdMainView.frame { +// border-width: 0; +//} // // Synapse // -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { background-color: $selected_bg_color; } +//SynapseGuiSelectionContainer *:selected, +//SynapseGuiViewVirgilio *:selected { background-color: $selected_bg_color; } // // Transmission @@ -519,63 +519,63 @@ SynapseGuiViewVirgilio *:selected { background-color: $selected_bg_color; } // // Fallback Mode/Budgie Panel // -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: $panel_fg; - background-image: linear-gradient(to bottom, $panel_bg); -} - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: $panel_fg; -} - -PanelApplet button:hover { - color: lighten($panel_fg, 10%); - background-color: transparentize(black, 0.83); - border-color: transparentize(black, 0.83); -} - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: $selected_fg_color; - background-color: transparentize(black, 0.75); - border-radius: 0; - border-color: transparentize(black, 0.75); - box-shadow: inset 0 -2px $selected_bg_color; -} - -PanelApplet:hover { - color: $selected_fg_color; -} - -PanelApplet:active, -PanelApplet:hover:active { - color: $selected_bg_color; -} - -WnckPager { - color: mix($panel_fg, black, 50%); - &:selected { color: $selected_bg_color } -} - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; -} - -ClockBox { - color: $panel_fg; -} +//.gnome-panel-menu-bar, +//PanelApplet > menubar, +//PanelToplevel, +//PanelWidget, +//PanelAppletFrame, +//PanelApplet { +// color: $panel_fg; +// background-image: linear-gradient(to bottom, $panel_bg); +//} +// +//PanelApplet button, PanelApplet button:backdrop { +// padding: 4px; +// border: 2px solid transparent; +// border-radius: 0; +// background-image: none; +// background-color: transparent; +// color: $panel_fg; +//} +// +//PanelApplet button:hover { +// color: lighten($panel_fg, 10%); +// background-color: transparentize(black, 0.83); +// border-color: transparentize(black, 0.83); +//} +// +//PanelApplet button:active, PanelApplet button:active:backdrop, +//PanelApplet button:checked, PanelApplet button:checked:backdrop { +// background-clip: padding-box; +// color: $selected_fg_color; +// background-color: transparentize(black, 0.75); +// border-radius: 0; +// border-color: transparentize(black, 0.75); +// box-shadow: inset 0 -2px $selected_bg_color; +//} +// +//PanelApplet:hover { +// color: $selected_fg_color; +//} +// +//PanelApplet:active, +//PanelApplet:hover:active { +// color: $selected_bg_color; +//} +// +//WnckPager { +// color: mix($panel_fg, black, 50%); +// &:selected { color: $selected_bg_color } +//} +// +//NaTrayApplet { +// -NaTrayApplet-icon-padding: 12; +// -NaTrayApplet-icon-size: 16; +//} +// +//ClockBox { +// color: $panel_fg; +//} // Xfce Panel .xfce4-panel.panel { @@ -622,26 +622,26 @@ ClockBox { // // Birdie // -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; -} +//BirdieWidgetsTweetList * { +// background-image: none; +// background-color: transparent; +//} // // Marlin / Pantheon Files // -MarlinViewWindow { - - *:selected, *:selected:focus { - color: $selected_fg_color; - background-color: $selected_bg_color; - outline-color: transparent; - } - GtkIconView.view:selected { - &, &:focus, &:hover, &:focus:hover { background-color: transparent; } - } - FMListView, FMColumnView { outline-color: transparent; } -} +//MarlinViewWindow { +// +// *:selected, *:selected:focus { +// color: $selected_fg_color; +// background-color: $selected_bg_color; +// outline-color: transparent; +// } +// GtkIconView.view:selected { +// &, &:focus, &:hover, &:focus:hover { background-color: transparent; } +// } +// FMListView, FMColumnView { outline-color: transparent; } +//} .marlin-pathbar.pathbar { border-radius: 3px; @@ -741,42 +741,42 @@ MarlinViewWindow { // // Wingpanel Popover // -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - - text-shadow: none; - -gtk-icon-shadow: none; - - menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; - - label, image { padding: 0 3px; } - - &:hover, &:active { - background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); - border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); - border-width: 1px 0; - } - *:disabled { color: $insensitive_fg_color; } - } -} +//WingpanelWidgetsIndicatorPopover.popover { +// padding: 0; +// +// text-shadow: none; +// -gtk-icon-shadow: none; +// +// menuitem { +// padding: 5px; +// outline-color: transparent; +// text-shadow: none; +// -gtk-icon-shadow: none; +// border: solid transparent; +// border-width: 1px 0; +// +// label, image { padding: 0 3px; } +// +// &:hover, &:active { +// background-color: if($variant == 'light', transparentize(black, 0.96), transparentize(white, 0.95)); +// border: solid if($variant == 'light', transparentize(black, 0.92), transparentize(white, 0.93)); +// border-width: 1px 0; +// } +// *:disabled { color: $insensitive_fg_color; } +// } +//} // // Pantheon Terminal // -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; -} +//PantheonTerminalPantheonTerminalWindow.background { +// background-color: transparent; +//} // // Switchboard // -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: $fg_color; -} +//SwitchboardCategoryView .view:selected, +//SwitchboardCategoryView .view:selected:focus { +// color: $fg_color; +//} diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss index 3083f38..3734c75 100644 --- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -1,32 +1,27 @@ -.titlebar separator { - color: $header_border; //fixes separator in gnome-tweak-tool -} - -NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar - -GtkFileChooserDialog *, -NautilusWindow *, -NemoWindow { - //-GtkPaned-handle-size: 0; -} - -@if $variant==dark { - GtkFileChooserDialog, - NautilusWindow , - NemoWindow { - .sidebar { border-right: 1px solid $dark_sidebar_border; } +//NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar - .sidebar:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } - } +//GtkFileChooserDialog, +//NemoWindow, +.nautilus-window { + paned > separator { background: $dark_sidebar_bg; } } // Dark transparent sidebars -GtkFileChooserDialog, -NautilusWindow { +//GtkFileChooserDialog, +.nautilus-window { &.csd.background, placessidebar list { background-color: transparent; } placessidebar.sidebar { + + &:dir(ltr) { margin-right: -1px; } + &:dir(rtl) { margin-left: -1px; } + + @if $variant=='dark' { + &:dir(ltr) { border-right: 1px solid $dark_sidebar_border; } + &:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } + } + background-color: $dark_sidebar_bg; row.sidebar-placeholder-row { border: 1px solid $selected_bg_color; } @@ -47,7 +42,7 @@ NautilusWindow { } } - separator { color: transparent; } + separator { background-color: transparent; } scrollbar { @extend %dark_sidebar_scrollbar } } @@ -65,112 +60,82 @@ NautilusWindow { } -NemoWindow, -MarlinViewWindow { - - &.csd.background, - .source-list, .source-list.view, .source-list.view:hover { background-color: transparent; } - - .sidebar, .source-list.sidebar.view { - background-color: $dark_sidebar_bg; - - .view, row { - background-color: transparent; - color: $dark_sidebar_fg; - - &.cell:selected { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - } - - &.frame { - color: $dark_sidebar_fg; - } - - separator { color: transparent; } - - scrollbar { @extend %dark_sidebar_scrollbar } - } - &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } - -} +//NemoWindow, +//MarlinViewWindow { +// +// &.csd.background, +// .source-list, .source-list.view, .source-list.view:hover { background-color: transparent; } +// +// .sidebar, .source-list.sidebar.view { +// background-color: $dark_sidebar_bg; +// +// .view, row { +// background-color: transparent; +// color: $dark_sidebar_fg; +// +// &.cell:selected { +// background-color: $selected_bg_color; +// color: $selected_fg_color; +// } +// } +// +// &.frame { +// color: $dark_sidebar_fg; +// } +// +// separator { color: transparent; } +// +// scrollbar { @extend %dark_sidebar_scrollbar } +// } +// &.maximized .sidebar { background-color: opacify($dark_sidebar_bg, 1); } +// +//} -NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator { background-color: $dark_sidebar_border } +//NemoWindow.background > GtkGrid > paned > separator, +//MarlinViewWindow.background > GtkBox > paned > separator { background-color: $dark_sidebar_border } // Fix Nautilus transparency issues -NautilusWindow NautilusWindowSlot { background-color: $base_color; } -NautilusDesktopWindow NautilusWindowSlot { background-color: transparent; } - -GtkFileChooserDialog { - - &.background.csd, &.background { background-color: $dark_sidebar_bg } - scrolledwindow.sidebar { background-color: transparent } - - // Yeah, this is ugly, but prevents a transparent background in the image preview box - paned > .vertical > .horizontal { background-color: $bg_color; } - - // fix for non gnome environments - .dialog-action-box { background-color: $bg_color } - - .dialog-vbox > .frame { - color: $dark_sidebar_fg; - border-color: transparent; - } - GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); - } - - GtkFileChooserWidget > actionbar > revealer > .action-bar.frame, - .dialog-vbox > .frame { - - button { @extend %dark_sidebar_button; } - entry { @extend %dark_sidebar_entry; } - - @extend %osd_check_radio; - - label, combobox { color: $dark_sidebar_fg; } - } -} +//.nautilus-window NautilusWindowSlot { background-color: $base_color; } +//GtkFileChooserDialog { // -// Paned Headerbars +// &.background.csd, &.background { background-color: $dark_sidebar_bg } +// scrolledwindow.sidebar { background-color: transparent } // -FeedReaderreaderUI.background.csd, -GeditWindow.background.csd { - - > .titlebar .pane-separator, - &.maximized > .titlebar .pane-separator, - > .titlebar .pane-separator:backdrop, - &.maximized > .titlebar .pane-separator:backdrop { background-color: $header_border; } - - > .titlebar > headerbar.titlebar { - background-color: $header_bg; - - &:backdrop { background-color: $header_bg_backdrop; } - } - - &.maximized > .titlebar > headerbar.titlebar { - background-color: opacify($header_bg, 1); - - &:backdrop { background-color: opacify($header_bg_backdrop, 1); } - } -} - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; -} +// // Yeah, this is ugly, but prevents a transparent background in the image preview box +// paned > .vertical > .horizontal { background-color: $bg_color; } +// +// // fix for non gnome environments +// .dialog-action-box { background-color: $bg_color } +// +// .dialog-vbox > .frame { +// color: $dark_sidebar_fg; +// border-color: transparent; +// } +// GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { +// background-color: transparent; +// border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); +// } +// +// GtkFileChooserWidget > actionbar > revealer > .action-bar.frame, +// .dialog-vbox > .frame { +// +// button { @extend %dark_sidebar_button; } +// entry { @extend %dark_sidebar_entry; } +// +// @extend %osd_check_radio; +// +// label, combobox { color: $dark_sidebar_fg; } +// } +//} // Gedit -GeditWindow.background { - &.csd { background-color: transparent; } - - .gedit-side-panel-paned .pane-separator { background-color: $dark_sidebar_border; } - .gedit-bottom-panel-paned .pane-separator { background-color: $borders_color; } -} +//GeditWindow.background { +// &.csd { background-color: transparent; } +// +// .gedit-side-panel-paned .pane-separator { background-color: $dark_sidebar_border; } +// .gedit-bottom-panel-paned .pane-separator { background-color: $borders_color; } +//} .gedit-bottom-panel-paned { background-color: $base_color; } @@ -210,32 +175,32 @@ GeditWindow.background { } } -GeditFileBrowserWidget { - background-color: $dark_sidebar_bg; - - .maximized & { background-color: opacify($dark_sidebar_bg, 1); } - - scrollbar { @extend %dark_sidebar_scrollbar; } - - .horizontal { - background-color: transparent; - border-color: darken($dark_sidebar_bg, 7%); - - button { @extend %dark_sidebar_button; } - combobox { color: $dark_sidebar_fg; } - } -} - -GeditWindow.background.csd GeditFileBrowserView.view { - - background-color: transparent; - color: $dark_sidebar_fg; +//GeditFileBrowserWidget { +// background-color: $dark_sidebar_bg; +// +// .maximized & { background-color: opacify($dark_sidebar_bg, 1); } +// +// scrollbar { @extend %dark_sidebar_scrollbar; } +// +// .horizontal { +// background-color: transparent; +// border-color: darken($dark_sidebar_bg, 7%); +// +// button { @extend %dark_sidebar_button; } +// combobox { color: $dark_sidebar_fg; } +// } +//} - &.expander { - color: $dark_sidebar_fg; - &:hover { color: $selected_bg_color; } - } -} +//GeditWindow.background.csd GeditFileBrowserView.view { +// +// background-color: transparent; +// color: $dark_sidebar_fg; +// +// &.expander { +// color: $dark_sidebar_fg; +// &:hover { color: $selected_bg_color; } +// } +//} %dark_sidebar_button { @include button(osd); -- cgit v1.2.3 From 6eaefb8aa70a7711b13ec0d0211f7e20aae57170 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: cleanup --- common/gtk-3.0/3.20/gtk-dark.css | 637 +++---------------------------- common/gtk-3.0/3.20/gtk-darker.css | 623 ++---------------------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 637 +++---------------------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 623 ++---------------------------- common/gtk-3.0/3.20/gtk-solid.css | 623 ++---------------------------- common/gtk-3.0/3.20/gtk.css | 623 ++---------------------------- common/gtk-3.0/3.20/sass/_common.scss | 30 +- 7 files changed, 250 insertions(+), 3546 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 69282fe..8a8bf33 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -621,24 +621,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -665,7 +661,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -927,7 +923,7 @@ headerbar { paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { background-color: transparent; } -paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } paned.titlebar > headerbar:first-child { @@ -1765,10 +1761,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1779,10 +1771,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1793,10 +1781,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1807,10 +1791,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1821,10 +1801,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1835,10 +1811,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1849,10 +1821,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1863,10 +1831,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1877,10 +1841,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1891,10 +1851,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1905,10 +1861,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1919,10 +1871,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2621,82 +2569,6 @@ stackswitcher button.circular { *:drop(active) { border: 1px solid black; } -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; - border: none; } - -.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; } - -.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; } - -.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; } - decoration { border-radius: 3px 3px 0 0; border-width: 0px; @@ -2706,10 +2578,7 @@ decoration { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); } .tiled decoration { border-radius: 0; } - .popup decoration { - box-shadow: none; - border-radius: 0; } - decoration.popup { + .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } .ssd decoration, decoration.ssd { @@ -2820,63 +2689,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #404552; - color: #D3DAE3; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #9da3ad; } - TerminalWindow .notebook tab button:hover { - color: #D3DAE3; - border-color: #2b2e39; - background-color: #444a58; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - .nautilus-canvas-item { border-radius: 2px; } @@ -2897,10 +2715,11 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -NautilusQueryEditor searchbar { +.nautilus-window .search-bar { padding: 5px; box-shadow: none; - background-color: #404552; } + background-color: #404552; + border-bottom: 1px solid #2b2e39; } button.nautilus-circular-button.image-button { border-radius: 50%; @@ -2920,45 +2739,9 @@ button.nautilus-circular-button.image-button { background-color: #313541; border-color: #1b1d24; } -NautilusListView .view { +.nautilus-list-view .view { border-bottom: 1px solid #2b2e39; } -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #2b2e39; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(21, 23, 28, 0.37); - background-color: rgba(95, 105, 127, 0.37); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(134, 144, 165, 0.37); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(207, 218, 231, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } - -.gedit-headerbar-paned { - color: rgba(38, 42, 51, 0.97); } - .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #404552; } @@ -3011,26 +2794,13 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b background-color: #22242d; color: #D3DAE3; } -GeditStatusbar { - border-top: 1px solid #2b2e39; - background-color: #383C4A; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #2b2e39; } - .gedit-search-entry-occurrences-tag { color: rgba(211, 218, 227, 0.6); border: none; margin: 2px; padding: 2px; } -GeditViewFrame .gedit-search-slider { +.gedit-search-slider { background-color: #3c4150; padding: 6px; border-color: #2b2e39; @@ -3154,9 +2924,6 @@ GbViewStack.focused box.header.notebook { GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { opacity: 1; } -EphyWindow .floating-bar { - color: #D3DAE3; } - button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3200,67 +2967,10 @@ button.documents-favorite:active:hover { border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); } .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { @@ -3291,21 +3001,6 @@ ClockBox { box-shadow: none; border: none; } -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; @@ -3383,33 +3078,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { .menu .spinner { opacity: 1; } -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(255, 255, 255, 0.05); - border: solid rgba(255, 255, 255, 0.07); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(211, 218, 227, 0.45); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #D3DAE3; } - UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; @@ -3749,194 +3417,56 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: rgba(38, 42, 51, 0.97); } +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { + background: rgba(53, 57, 69, 0.95); } -NemoWindow GtkEventBox { - background-color: #383C4A; } - -GtkFileChooserDialog .sidebar, -NautilusWindow .sidebar, -NemoWindow .sidebar { - border-right: 1px solid rgba(42, 45, 55, 0.95); } - -GtkFileChooserDialog .sidebar:dir(rtl), -NautilusWindow .sidebar:dir(rtl), -NemoWindow .sidebar:dir(rtl) { - border-left: 1px solid rgba(42, 45, 55, 0.95); } - -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { +.nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { +.nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + .nautilus-window placessidebar.sidebar:dir(ltr) { + margin-right: -1px; } + .nautilus-window placessidebar.sidebar:dir(rtl) { + margin-left: -1px; } + .nautilus-window placessidebar.sidebar:dir(ltr) { + border-right: 1px solid rgba(42, 45, 55, 0.95); } + .nautilus-window placessidebar.sidebar:dir(rtl) { + border-left: 1px solid rgba(42, 45, 55, 0.95); } + .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { background-color: rgba(75, 81, 98, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.activatable { border: none; color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { +.nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { +.nautilus-window .sidebar-button.button { color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { + .nautilus-window .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { + .nautilus-window .sidebar-button.button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { opacity: 0.5; } -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: rgba(53, 57, 69, 0.95); } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: rgba(42, 45, 55, 0.95); } - -NautilusWindow NautilusWindowSlot { - background-color: #404552; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: rgba(53, 57, 69, 0.95); } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #383C4A; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #383C4A; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: rgba(20, 21, 26, 0.95); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: rgba(38, 42, 51, 0.97); } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: rgba(47, 52, 63, 0.97); } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: rgba(50, 56, 67, 0.97); } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: rgba(42, 45, 55, 0.95); } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #2b2e39; } - .gedit-bottom-panel-paned { background-color: #404552; } @@ -3969,99 +3499,20 @@ GeditWindow.background .gedit-bottom-panel-paned .pane-separator { .gedit-document-panel .prelight-row button:active { color: #BAC3CF; } -GeditFileBrowserWidget { - background-color: rgba(53, 57, 69, 0.95); } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: rgba(37, 40, 49, 0.95); } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.35); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.2); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, -GtkFileChooserDialog .dialog-vbox > .frame entry { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { +.nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { +.nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 76b4317..99f39ae 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -620,24 +620,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -664,7 +660,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -926,7 +922,7 @@ headerbar { paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { background-color: transparent; } -paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } paned.titlebar > headerbar:first-child { @@ -1764,10 +1760,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1778,10 +1770,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1792,10 +1780,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1806,10 +1790,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1820,10 +1800,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1834,10 +1810,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1848,10 +1820,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1862,10 +1830,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1876,10 +1840,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1890,10 +1850,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1904,10 +1860,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1918,10 +1870,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2620,82 +2568,6 @@ stackswitcher button.circular { *:drop(active) { border: 1px solid black; } -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; - border: none; } - -.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; } - -.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; } - -.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; } - decoration { border-radius: 3px 3px 0 0; border-width: 0px; @@ -2705,10 +2577,7 @@ decoration { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .tiled decoration { border-radius: 0; } - .popup decoration { - box-shadow: none; - border-radius: 0; } - decoration.popup { + .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } .ssd decoration, decoration.ssd { @@ -2819,63 +2688,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #ffffff; - color: #5c616c; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #92959d; } - TerminalWindow .notebook tab button:hover { - color: #5c616c; - border-color: #cfd6e6; - background-color: #fbfbfc; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - .nautilus-canvas-item { border-radius: 2px; } @@ -2896,10 +2714,11 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -NautilusQueryEditor searchbar { +.nautilus-window .search-bar { padding: 5px; box-shadow: none; - background-color: #ffffff; } + background-color: #ffffff; + border-bottom: 1px solid #dcdfe3; } button.nautilus-circular-button.image-button { border-radius: 50%; @@ -2919,45 +2738,9 @@ button.nautilus-circular-button.image-button { background-color: #edeef0; border-color: #d0d5da; } -NautilusListView .view { +.nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #dcdfe3; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(21, 23, 28, 0.37); - background-color: rgba(95, 105, 127, 0.37); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(134, 144, 165, 0.37); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(207, 218, 231, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37), inset -1px 0 rgba(21, 23, 28, 0.37); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(21, 23, 28, 0.37); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.37); } - -.gedit-headerbar-paned { - color: rgba(38, 42, 51, 0.97); } - .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3010,26 +2793,13 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b background-color: #d9dde0; color: #5c616c; } -GeditStatusbar { - border-top: 1px solid #dcdfe3; - background-color: #F5F6F7; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } - .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } -GeditViewFrame .gedit-search-slider { +.gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; @@ -3153,9 +2923,6 @@ GbViewStack.focused box.header.notebook { GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { opacity: 1; } -EphyWindow .floating-bar { - color: #5c616c; } - button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3199,67 +2966,10 @@ button.documents-favorite:active:hover { border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); } .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { @@ -3290,21 +3000,6 @@ ClockBox { box-shadow: none; border: none; } -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; @@ -3382,33 +3077,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { .menu .spinner { opacity: 1; } -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(92, 97, 108, 0.55); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #5c616c; } - UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; @@ -3748,184 +3416,52 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: rgba(38, 42, 51, 0.97); } - -NemoWindow GtkEventBox { - background-color: #F5F6F7; } +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { + background: rgba(53, 57, 69, 0.95); } -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { +.nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { +.nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + .nautilus-window placessidebar.sidebar:dir(ltr) { + margin-right: -1px; } + .nautilus-window placessidebar.sidebar:dir(rtl) { + margin-left: -1px; } + .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { background-color: rgba(75, 81, 98, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.activatable { border: none; color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { +.nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { +.nautilus-window .sidebar-button.button { color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { + .nautilus-window .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { + .nautilus-window .sidebar-button.button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { opacity: 0.5; } -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: rgba(53, 57, 69, 0.95); } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: rgba(53, 57, 69, 0.95); } - -NautilusWindow NautilusWindowSlot { - background-color: #ffffff; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: rgba(53, 57, 69, 0.95); } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: rgba(37, 40, 49, 0.95); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: rgba(38, 42, 51, 0.97); } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: rgba(47, 52, 63, 0.97); } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: rgba(50, 56, 67, 0.97); } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: rgba(53, 57, 69, 0.95); } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #dcdfe3; } - .gedit-bottom-panel-paned { background-color: #ffffff; } @@ -3958,99 +3494,20 @@ GeditWindow.background .gedit-bottom-panel-paned .pane-separator { .gedit-document-panel .prelight-row button:active { color: #BAC3CF; } -GeditFileBrowserWidget { - background-color: rgba(53, 57, 69, 0.95); } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: rgba(37, 40, 49, 0.95); } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.35); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.2); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, -GtkFileChooserDialog .dialog-vbox > .frame entry { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { +.nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { +.nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index d72016a..ef8fefd 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -621,24 +621,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -665,7 +661,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -927,7 +923,7 @@ headerbar { paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { background-color: transparent; } -paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } paned.titlebar > headerbar:first-child { @@ -1765,10 +1761,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1779,10 +1771,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1793,10 +1781,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1807,10 +1791,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1821,10 +1801,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1835,10 +1811,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1849,10 +1821,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1863,10 +1831,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1877,10 +1841,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1891,10 +1851,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1905,10 +1861,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1919,10 +1871,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2621,82 +2569,6 @@ stackswitcher button.circular { *:drop(active) { border: 1px solid black; } -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; - border: none; } - -.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; } - -.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; } - -.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; } - decoration { border-radius: 3px 3px 0 0; border-width: 0px; @@ -2706,10 +2578,7 @@ decoration { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); } .tiled decoration { border-radius: 0; } - .popup decoration { - box-shadow: none; - border-radius: 0; } - decoration.popup { + .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } .ssd decoration, decoration.ssd { @@ -2820,63 +2689,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #2b2e39, inset 0 -1px #2b2e39, inset 1px 0 #2b2e39, inset -1px 0 #2b2e39; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #262a33, inset 0 -1px #2b2e39; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #404552; - color: #D3DAE3; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #9da3ad; } - TerminalWindow .notebook tab button:hover { - color: #D3DAE3; - border-color: #2b2e39; - background-color: #444a58; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - .nautilus-canvas-item { border-radius: 2px; } @@ -2897,10 +2715,11 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -NautilusQueryEditor searchbar { +.nautilus-window .search-bar { padding: 5px; box-shadow: none; - background-color: #404552; } + background-color: #404552; + border-bottom: 1px solid #2b2e39; } button.nautilus-circular-button.image-button { border-radius: 50%; @@ -2920,45 +2739,9 @@ button.nautilus-circular-button.image-button { background-color: #313541; border-color: #1b1d24; } -NautilusListView .view { +.nautilus-list-view .view { border-bottom: 1px solid #2b2e39; } -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #2b2e39; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(21, 23, 28, 0.4); - background-color: rgba(95, 105, 127, 0.4); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(134, 144, 165, 0.4); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(207, 218, 231, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } - -.gedit-headerbar-paned { - color: #262a33; } - .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #404552; } @@ -3011,26 +2794,13 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b background-color: #22242d; color: #D3DAE3; } -GeditStatusbar { - border-top: 1px solid #2b2e39; - background-color: #383C4A; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #2b2e39; } - .gedit-search-entry-occurrences-tag { color: rgba(211, 218, 227, 0.6); border: none; margin: 2px; padding: 2px; } -GeditViewFrame .gedit-search-slider { +.gedit-search-slider { background-color: #3c4150; padding: 6px; border-color: #2b2e39; @@ -3154,9 +2924,6 @@ GbViewStack.focused box.header.notebook { GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { opacity: 1; } -EphyWindow .floating-bar { - color: #D3DAE3; } - button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3200,67 +2967,10 @@ button.documents-favorite:active:hover { border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, #2b2e37); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - .xfce4-panel.panel { background-color: #2b2e37; } .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { @@ -3291,21 +3001,6 @@ ClockBox { box-shadow: none; border: none; } -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; @@ -3383,33 +3078,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { .menu .spinner { opacity: 1; } -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(255, 255, 255, 0.05); - border: solid rgba(255, 255, 255, 0.07); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(211, 218, 227, 0.45); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #D3DAE3; } - UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; @@ -3749,194 +3417,56 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: #262a33; } - -NemoWindow GtkEventBox { - background-color: #383C4A; } - -GtkFileChooserDialog .sidebar, -NautilusWindow .sidebar, -NemoWindow .sidebar { - border-right: 1px solid #2a2d37; } +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { + background: #353945; } -GtkFileChooserDialog .sidebar:dir(rtl), -NautilusWindow .sidebar:dir(rtl), -NemoWindow .sidebar:dir(rtl) { - border-left: 1px solid #2a2d37; } - -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { +.nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { +.nautilus-window placessidebar.sidebar { background-color: #353945; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + .nautilus-window placessidebar.sidebar:dir(ltr) { + margin-right: -1px; } + .nautilus-window placessidebar.sidebar:dir(rtl) { + margin-left: -1px; } + .nautilus-window placessidebar.sidebar:dir(ltr) { + border-right: 1px solid #2a2d37; } + .nautilus-window placessidebar.sidebar:dir(rtl) { + border-left: 1px solid #2a2d37; } + .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { background-color: #4b5162; } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.activatable { border: none; color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { +.nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { +.nautilus-window .sidebar-button.button { color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { + .nautilus-window .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { + .nautilus-window .sidebar-button.button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { opacity: 0.5; } -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: #353945; } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: #2a2d37; } - -NautilusWindow NautilusWindowSlot { - background-color: #404552; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: #353945; } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #383C4A; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #383C4A; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: #14151a; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: #262a33; } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: #2a2d37; } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #2b2e39; } - .gedit-bottom-panel-paned { background-color: #404552; } @@ -3969,99 +3499,20 @@ GeditWindow.background .gedit-bottom-panel-paned .pane-separator { .gedit-document-panel .prelight-row button:active { color: #BAC3CF; } -GeditFileBrowserWidget { - background-color: #353945; } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: #252831; } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.4); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.25); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, -GtkFileChooserDialog .dialog-vbox > .frame entry { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { +.nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { +.nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 877bfa8..5e78d26 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -620,24 +620,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -664,7 +660,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -926,7 +922,7 @@ headerbar { paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { background-color: transparent; } -paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } paned.titlebar > headerbar:first-child { @@ -1764,10 +1760,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1778,10 +1770,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1792,10 +1780,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1806,10 +1790,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1820,10 +1800,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1834,10 +1810,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1848,10 +1820,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1862,10 +1830,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1876,10 +1840,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1890,10 +1850,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1904,10 +1860,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1918,10 +1870,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2620,82 +2568,6 @@ stackswitcher button.circular { *:drop(active) { border: 1px solid black; } -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; - border: none; } - -.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; } - -.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; } - -.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; } - decoration { border-radius: 3px 3px 0 0; border-width: 0px; @@ -2705,10 +2577,7 @@ decoration { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .tiled decoration { border-radius: 0; } - .popup decoration { - box-shadow: none; - border-radius: 0; } - decoration.popup { + .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } .ssd decoration, decoration.ssd { @@ -2819,63 +2688,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #262a33, inset 0 -1px #dcdfe3; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #ffffff; - color: #5c616c; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #92959d; } - TerminalWindow .notebook tab button:hover { - color: #5c616c; - border-color: #cfd6e6; - background-color: #fbfbfc; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - .nautilus-canvas-item { border-radius: 2px; } @@ -2896,10 +2714,11 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -NautilusQueryEditor searchbar { +.nautilus-window .search-bar { padding: 5px; box-shadow: none; - background-color: #ffffff; } + background-color: #ffffff; + border-bottom: 1px solid #dcdfe3; } button.nautilus-circular-button.image-button { border-radius: 50%; @@ -2919,45 +2738,9 @@ button.nautilus-circular-button.image-button { background-color: #edeef0; border-color: #d0d5da; } -NautilusListView .view { +.nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #dcdfe3; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(207, 218, 231, 0.8); - outline-color: rgba(207, 218, 231, 0.1); - border-color: rgba(21, 23, 28, 0.4); - background-color: rgba(95, 105, 127, 0.4); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(134, 144, 165, 0.4); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(207, 218, 231, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4), inset -1px 0 rgba(21, 23, 28, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(21, 23, 28, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(21, 23, 28, 0.4); } - -.gedit-headerbar-paned { - color: #262a33; } - .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3010,26 +2793,13 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b background-color: #d9dde0; color: #5c616c; } -GeditStatusbar { - border-top: 1px solid #dcdfe3; - background-color: #F5F6F7; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } - .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } -GeditViewFrame .gedit-search-slider { +.gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; @@ -3153,9 +2923,6 @@ GbViewStack.focused box.header.notebook { GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { opacity: 1; } -EphyWindow .floating-bar { - color: #5c616c; } - button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3199,67 +2966,10 @@ button.documents-favorite:active:hover { border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, #2b2e37); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - .xfce4-panel.panel { background-color: #2b2e37; } .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { @@ -3290,21 +3000,6 @@ ClockBox { box-shadow: none; border: none; } -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; @@ -3382,33 +3077,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { .menu .spinner { opacity: 1; } -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(92, 97, 108, 0.55); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #5c616c; } - UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; @@ -3748,184 +3416,52 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: #262a33; } - -NemoWindow GtkEventBox { - background-color: #F5F6F7; } +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { + background: #353945; } -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { +.nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { +.nautilus-window placessidebar.sidebar { background-color: #353945; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + .nautilus-window placessidebar.sidebar:dir(ltr) { + margin-right: -1px; } + .nautilus-window placessidebar.sidebar:dir(rtl) { + margin-left: -1px; } + .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { background-color: #4b5162; } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.activatable { border: none; color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { +.nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { +.nautilus-window .sidebar-button.button { color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { + .nautilus-window .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { + .nautilus-window .sidebar-button.button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { opacity: 0.5; } -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: #353945; } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: #353945; } - -NautilusWindow NautilusWindowSlot { - background-color: #ffffff; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: #353945; } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: #252831; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: #262a33; } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #2f343f; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #323843; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: #353945; } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #dcdfe3; } - .gedit-bottom-panel-paned { background-color: #ffffff; } @@ -3958,99 +3494,20 @@ GeditWindow.background .gedit-bottom-panel-paned .pane-separator { .gedit-document-panel .prelight-row button:active { color: #BAC3CF; } -GeditFileBrowserWidget { - background-color: #353945; } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: #252831; } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.4); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.25); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, -GtkFileChooserDialog .dialog-vbox > .frame entry { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { +.nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { +.nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 4d9b084..4bcf4ae 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -620,24 +620,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -664,7 +660,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -926,7 +922,7 @@ headerbar { paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { background-color: transparent; } -paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } paned.titlebar > headerbar:first-child { @@ -1768,10 +1764,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1782,10 +1774,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1796,10 +1784,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1810,10 +1794,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1824,10 +1804,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1838,10 +1814,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1852,10 +1824,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1866,10 +1834,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1880,10 +1844,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1894,10 +1854,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1908,10 +1864,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1922,10 +1874,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2624,82 +2572,6 @@ stackswitcher button.circular { *:drop(active) { border: 1px solid black; } -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; - border: none; } - -.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; } - -.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; } - -.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; } - decoration { border-radius: 4px 4px 0 0; border-width: 0px; @@ -2709,10 +2581,7 @@ decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .tiled decoration { border-radius: 0; } - .popup decoration { - box-shadow: none; - border-radius: 0; } - decoration.popup { + .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } .ssd decoration, decoration.ssd { @@ -2823,63 +2692,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #ffffff; - color: #5c616c; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #92959d; } - TerminalWindow .notebook tab button:hover { - color: #5c616c; - border-color: #cfd6e6; - background-color: #fbfbfc; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - .nautilus-canvas-item { border-radius: 2px; } @@ -2900,10 +2718,11 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -NautilusQueryEditor searchbar { +.nautilus-window .search-bar { padding: 5px; box-shadow: none; - background-color: #ffffff; } + background-color: #ffffff; + border-bottom: 1px solid #dcdfe3; } button.nautilus-circular-button.image-button { border-radius: 50%; @@ -2923,45 +2742,9 @@ button.nautilus-circular-button.image-button { background-color: #edeef0; border-color: #d0d5da; } -NautilusListView .view { +.nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #dcdfe3; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(82, 93, 118, 0.8); - outline-color: rgba(82, 93, 118, 0.1); - border-color: rgba(82, 93, 118, 0.1); - background-color: rgba(251, 251, 252, 0.9); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(255, 255, 255, 0.9); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(82, 93, 118, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } - -.gedit-headerbar-paned { - color: #d4d5db; } - .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3014,26 +2797,13 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b background-color: #d9dde0; color: #5c616c; } -GeditStatusbar { - border-top: 1px solid #dcdfe3; - background-color: #F5F6F7; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } - .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } -GeditViewFrame .gedit-search-slider { +.gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; @@ -3157,9 +2927,6 @@ GbViewStack.focused box.header.notebook { GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { opacity: 1; } -EphyWindow .floating-bar { - color: #5c616c; } - button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3203,67 +2970,10 @@ button.documents-favorite:active:hover { border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, #2b2e37); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - .xfce4-panel.panel { background-color: #2b2e37; } .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { @@ -3294,21 +3004,6 @@ ClockBox { box-shadow: none; border: none; } -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; @@ -3386,33 +3081,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { .menu .spinner { opacity: 1; } -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(92, 97, 108, 0.55); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #5c616c; } - UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; @@ -3752,184 +3420,52 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: #d4d5db; } - -NemoWindow GtkEventBox { - background-color: #F5F6F7; } +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { + background: #353945; } -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { +.nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { +.nautilus-window placessidebar.sidebar { background-color: #353945; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + .nautilus-window placessidebar.sidebar:dir(ltr) { + margin-right: -1px; } + .nautilus-window placessidebar.sidebar:dir(rtl) { + margin-left: -1px; } + .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { background-color: #4b5162; } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.activatable { border: none; color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { +.nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { +.nautilus-window .sidebar-button.button { color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { + .nautilus-window .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { + .nautilus-window .sidebar-button.button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { opacity: 0.5; } -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: #353945; } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: #353945; } - -NautilusWindow NautilusWindowSlot { - background-color: #ffffff; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: #353945; } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: #252831; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: #d4d5db; } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: #e7e8eb; } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: #eff0f2; } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #e7e8eb; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #eff0f2; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: #353945; } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #dcdfe3; } - .gedit-bottom-panel-paned { background-color: #ffffff; } @@ -3962,99 +3498,20 @@ GeditWindow.background .gedit-bottom-panel-paned .pane-separator { .gedit-document-panel .prelight-row button:active { color: #BAC3CF; } -GeditFileBrowserWidget { - background-color: #353945; } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: #252831; } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.4); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(119, 127, 151, 0.5); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.4); - background-color: rgba(102, 109, 132, 0.25); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, -GtkFileChooserDialog .dialog-vbox > .frame entry { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.4); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { +.nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { +.nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 5a66de7..1975e55 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -620,24 +620,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked, -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -664,7 +660,7 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled, TerminalWindow .notebook tab:active button, TerminalWindow .notebook tab:hover button, TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover, TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { +.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -926,7 +922,7 @@ headerbar { paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { background-color: transparent; } -paned.titlebar > headerbar::not(:only-child):not(:first-child):not(:last-child) { +paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } paned.titlebar > headerbar:first-child { @@ -1768,10 +1764,6 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check, -GtkFileChooserDialog .dialog-vbox > .frame check { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } - .view check:selected, treeview.check:selected, row:selected check, @@ -1782,10 +1774,6 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } - .view check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1796,10 +1784,6 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } - .view check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1810,10 +1794,6 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } - .view check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1824,10 +1804,6 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked, -GtkFileChooserDialog .dialog-vbox > .frame check:checked { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } - .view check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1838,10 +1814,6 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame check:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame check:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } - .view check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1852,10 +1824,6 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio, -GtkFileChooserDialog .dialog-vbox > .frame radio { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } - .view radio:selected, treeview.radio:selected, row:selected radio, @@ -1866,10 +1834,6 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } - .view radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1880,10 +1844,6 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } - .view radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1894,10 +1854,6 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:indeterminate:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:indeterminate:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } - .view radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1908,10 +1864,6 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } - .view radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1922,10 +1874,6 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame radio:checked:disabled, -GtkFileChooserDialog .dialog-vbox > .frame radio:checked:disabled { - -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } - .view radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2624,82 +2572,6 @@ stackswitcher button.circular { *:drop(active) { border: 1px solid black; } -.overshoot.top { - background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 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; - border: none; } - -.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; } - -.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; } - -.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; } - decoration { border-radius: 4px 4px 0 0; border-width: 0px; @@ -2709,10 +2581,7 @@ decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } .tiled decoration { border-radius: 0; } - .popup decoration { - box-shadow: none; - border-radius: 0; } - decoration.popup { + .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } .ssd decoration, decoration.ssd { @@ -2823,63 +2692,12 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover, -NautilusWindow placessidebar.sidebar row.activatable:selected, -NautilusWindow placessidebar.sidebar row.activatable:selected:hover, -NautilusWindow placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } -GeditNotebook.notebook header.top tab:active, -ScratchMainWindow .notebook header.top tab:active, -EphyNotebook.notebook header.top tab:active, -MidoriNotebook .notebook header.top tab:active, -TerminalWindow .notebook header.top tab:active, -PantheonTerminalPantheonTerminalWindow .notebook header.top tab:active { - box-shadow: inset 0 1px #dcdfe3, inset 0 -1px #dcdfe3, inset 1px 0 #dcdfe3, inset -1px 0 #dcdfe3; } - -TerminalWindow .notebook.header.top, -PantheonTerminalPantheonTerminalWindow .notebook.header.top { - box-shadow: inset 0 1px #d4d5db, inset 0 -1px #dcdfe3; } - TerminalWindow .notebook.header.top tab, - PantheonTerminalPantheonTerminalWindow .notebook.header.top tab { - padding-top: 7px; - border-top-width: 3px; } - -GtkHTML { - background-color: #ffffff; - color: #5c616c; } - GtkHTML:active { - color: #ffffff; - background-color: #5294E2; } - -SushiFontWidget { - padding: 6px 12px; } - -TerminalWindow .background { - background-color: transparent; } - -TerminalWindow scrollbar.vertical slider { - margin-left: 3px; } - -TerminalWindow scrollbar trough { - border-width: 0; } - -TerminalWindow .notebook tab button { - color: #92959d; } - TerminalWindow .notebook tab button:hover { - color: #5c616c; - border-color: #cfd6e6; - background-color: #fbfbfc; } - -TerminalWindow .notebook tab:active button:hover, TerminalWindow .notebook tab:hover button:hover { - color: #ff4d4d; } - -TerminalWindow .notebook tab:active button:active, TerminalWindow .notebook tab:hover button:active { - color: #5294E2; } - .nautilus-canvas-item { border-radius: 2px; } @@ -2900,10 +2718,11 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -NautilusQueryEditor searchbar { +.nautilus-window .search-bar { padding: 5px; box-shadow: none; - background-color: #ffffff; } + background-color: #ffffff; + border-bottom: 1px solid #dcdfe3; } button.nautilus-circular-button.image-button { border-radius: 50%; @@ -2923,45 +2742,9 @@ button.nautilus-circular-button.image-button { background-color: #edeef0; border-color: #d0d5da; } -NautilusListView .view { +.nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } -NemoWindow EelEditableLabel { - transition: none; } - -NemoWindow .sidebar .frame { - border-width: 0; } - -NemoWindow separator.horizontal, NemoWindow .sidebar .view separator.horizontal, .sidebar .view NemoWindow separator.horizontal { - color: #dcdfe3; } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button { - color: rgba(82, 93, 118, 0.8); - outline-color: rgba(82, 93, 118, 0.1); - border-color: rgba(82, 93, 118, 0.1); - background-color: rgba(251, 251, 252, 0.9); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover { - background-color: rgba(255, 255, 255, 0.9); } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:active, NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: #5294E2; - background-color: #5294E2; } - NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:disabled { - color: rgba(82, 93, 118, 0.4); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):hover { - box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1), inset -1px 0 rgba(82, 93, 118, 0.1); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):first-child:hover { - box-shadow: inset -1px 0 rgba(82, 93, 118, 0.1); } - -NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child):last-child:hover { - box-shadow: inset 1px 0 rgba(82, 93, 118, 0.1); } - -.gedit-headerbar-paned { - color: rgba(212, 213, 219, 0.95); } - .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3014,26 +2797,13 @@ NemoWindow .primary-toolbar NemoPathBar.linked:not(.vertical):not(.path-bar) > b background-color: #d9dde0; color: #5c616c; } -GeditStatusbar { - border-top: 1px solid #dcdfe3; - background-color: #F5F6F7; } - -GeditStatusMenuButton.button.flat, -GeditStatusMenuButton:hover.button.flat, -GeditStatusMenuButton:checked.button.flat { - border-bottom-style: none; - border-radius: 0; } - -GeditFileBrowserWidget toolbar, GeditFileBrowserWidget .inline-toolbar { - border-bottom: 1px solid #dcdfe3; } - .gedit-search-entry-occurrences-tag { color: rgba(92, 97, 108, 0.6); border: none; margin: 2px; padding: 2px; } -GeditViewFrame .gedit-search-slider { +.gedit-search-slider { background-color: #fbfbfc; padding: 6px; border-color: #dcdfe3; @@ -3157,9 +2927,6 @@ GbViewStack.focused box.header.notebook { GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { opacity: 1; } -EphyWindow .floating-bar { - color: #5c616c; } - button.documents-load-more { border-width: 1px 0 0; border-radius: 0; } @@ -3203,67 +2970,10 @@ button.documents-favorite:active:hover { border-width: 3px 3px 6px 4px; border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } -TotemGrilo.vertical GdMainView.frame { - border-width: 0; } - -SynapseGuiSelectionContainer *:selected, -SynapseGuiViewVirgilio *:selected { - background-color: #5294E2; } - .tr-workarea undershoot, .tr-workarea overshoot { border-color: transparent; } -.gnome-panel-menu-bar, -PanelApplet > menubar, -PanelToplevel, -PanelWidget, -PanelAppletFrame, -PanelApplet { - color: #BAC3CF; - background-image: linear-gradient(to bottom, rgba(43, 46, 55, 0.95)); } - -PanelApplet button, PanelApplet button:backdrop { - padding: 4px; - border: 2px solid transparent; - border-radius: 0; - background-image: none; - background-color: transparent; - color: #BAC3CF; } - -PanelApplet button:hover { - color: #d8dde4; - background-color: rgba(0, 0, 0, 0.17); - border-color: rgba(0, 0, 0, 0.17); } - -PanelApplet button:active, PanelApplet button:active:backdrop, -PanelApplet button:checked, PanelApplet button:checked:backdrop { - background-clip: padding-box; - color: #ffffff; - background-color: rgba(0, 0, 0, 0.25); - border-radius: 0; - border-color: rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -2px #5294E2; } - -PanelApplet:hover { - color: #ffffff; } - -PanelApplet:active, -PanelApplet:hover:active { - color: #5294E2; } - -WnckPager { - color: #5d6268; } - WnckPager:selected { - color: #5294E2; } - -NaTrayApplet { - -NaTrayApplet-icon-padding: 12; - -NaTrayApplet-icon-size: 16; } - -ClockBox { - color: #BAC3CF; } - .xfce4-panel.panel { background-color: rgba(43, 46, 55, 0.95); } .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { @@ -3294,21 +3004,6 @@ ClockBox { box-shadow: none; border: none; } -BirdieWidgetsTweetList * { - background-image: none; - background-color: transparent; } - -MarlinViewWindow *:selected, MarlinViewWindow *:selected:focus { - color: #ffffff; - background-color: #5294E2; - outline-color: transparent; } - -MarlinViewWindow GtkIconView.view:selected, MarlinViewWindow GtkIconView.view:selected:focus, MarlinViewWindow GtkIconView.view:selected:hover, MarlinViewWindow GtkIconView.view:selected:focus:hover { - background-color: transparent; } - -MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { - outline-color: transparent; } - .marlin-pathbar.pathbar { border-radius: 3px; padding-left: 4px; @@ -3386,33 +3081,6 @@ MarlinViewWindow FMListView, MarlinViewWindow FMColumnView { .menu .spinner { opacity: 1; } -WingpanelWidgetsIndicatorPopover.popover { - padding: 0; - text-shadow: none; - -gtk-icon-shadow: none; } - WingpanelWidgetsIndicatorPopover.popover menuitem { - padding: 5px; - outline-color: transparent; - text-shadow: none; - -gtk-icon-shadow: none; - border: solid transparent; - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem label, WingpanelWidgetsIndicatorPopover.popover menuitem image { - padding: 0 3px; } - WingpanelWidgetsIndicatorPopover.popover menuitem:hover, WingpanelWidgetsIndicatorPopover.popover menuitem:active { - background-color: rgba(0, 0, 0, 0.04); - border: solid rgba(0, 0, 0, 0.08); - border-width: 1px 0; } - WingpanelWidgetsIndicatorPopover.popover menuitem *:disabled { - color: rgba(92, 97, 108, 0.55); } - -PantheonTerminalPantheonTerminalWindow.background { - background-color: transparent; } - -SwitchboardCategoryView .view:selected, -SwitchboardCategoryView .view:selected:focus { - color: #5c616c; } - UnityDecoration { -UnityDecoration-extents: 28px 1 1 1; -UnityDecoration-input-extents: 10px; @@ -3752,184 +3420,52 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { - color: rgba(212, 213, 219, 0.95); } - -NemoWindow GtkEventBox { - background-color: #F5F6F7; } +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { + background: rgba(53, 57, 69, 0.95); } -GtkFileChooserDialog.csd.background, GtkFileChooserDialog placessidebar list, -NautilusWindow.csd.background, -NautilusWindow placessidebar list { +.nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar, -NautilusWindow placessidebar.sidebar { +.nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-placeholder-row, - NautilusWindow placessidebar.sidebar row.sidebar-placeholder-row { + .nautilus-window placessidebar.sidebar:dir(ltr) { + margin-right: -1px; } + .nautilus-window placessidebar.sidebar:dir(rtl) { + margin-left: -1px; } + .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } - GtkFileChooserDialog placessidebar.sidebar row.sidebar-new-bookmark-row, - NautilusWindow placessidebar.sidebar row.sidebar-new-bookmark-row { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { background-color: rgba(75, 81, 98, 0.95); } - GtkFileChooserDialog placessidebar.sidebar row.activatable, - NautilusWindow placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.activatable { border: none; color: #BAC3CF; } - GtkFileChooserDialog placessidebar.sidebar row.activatable .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:hover, - NautilusWindow placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } - GtkFileChooserDialog placessidebar.sidebar row.activatable:selected .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, GtkFileChooserDialog placessidebar.sidebar row.activatable:active:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, - NautilusWindow placessidebar.sidebar row.activatable:active:hover .sidebar-icon { + .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } - GtkFileChooserDialog placessidebar.sidebar separator, GtkFileChooserDialog placessidebar.sidebar .view separator, - NautilusWindow placessidebar.sidebar separator, - NautilusWindow placessidebar.sidebar .view separator { - color: transparent; } + .nautilus-window placessidebar.sidebar separator { + background-color: transparent; } -GtkFileChooserDialog.maximized placessidebar.sidebar, -NautilusWindow.maximized placessidebar.sidebar { +.nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -GtkFileChooserDialog .sidebar-button.button, -NautilusWindow .sidebar-button.button { +.nautilus-window .sidebar-button.button { color: #BAC3CF; } - GtkFileChooserDialog .sidebar-button.button:hover, - NautilusWindow .sidebar-button.button:hover { + .nautilus-window .sidebar-button.button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog .sidebar-button.button:active, - NautilusWindow .sidebar-button.button:active { + .nautilus-window .sidebar-button.button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: #5294E2; } - GtkFileChooserDialog .sidebar-button.button:not(:hover):not(:active) > image, - NautilusWindow .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { opacity: 0.5; } -NemoWindow.csd.background, -NemoWindow .source-list, NemoWindow .source-list.view, NemoWindow .source-list.view:hover, -MarlinViewWindow.csd.background, -MarlinViewWindow .source-list, -MarlinViewWindow .source-list.view, -MarlinViewWindow .source-list.view:hover { - background-color: transparent; } - -NemoWindow .sidebar, NemoWindow .source-list.sidebar.view, -MarlinViewWindow .sidebar, -MarlinViewWindow .source-list.sidebar.view { - background-color: rgba(53, 57, 69, 0.95); } - NemoWindow .sidebar .view, NemoWindow .sidebar row, NemoWindow .source-list.sidebar.view .view, NemoWindow .source-list.sidebar.view row, - MarlinViewWindow .sidebar .view, - MarlinViewWindow .sidebar row, - MarlinViewWindow .source-list.sidebar.view .view, - MarlinViewWindow .source-list.sidebar.view row { - background-color: transparent; - color: #BAC3CF; } - NemoWindow .sidebar .view.cell:selected, NemoWindow .sidebar row.cell:selected, NemoWindow .source-list.sidebar.view .view.cell:selected, NemoWindow .source-list.sidebar.view row.cell:selected, - MarlinViewWindow .sidebar .view.cell:selected, - MarlinViewWindow .sidebar row.cell:selected, - MarlinViewWindow .source-list.sidebar.view .view.cell:selected, - MarlinViewWindow .source-list.sidebar.view row.cell:selected { - background-color: #5294E2; - color: #ffffff; } - NemoWindow .sidebar.frame, NemoWindow .source-list.sidebar.view.frame, - MarlinViewWindow .sidebar.frame, - MarlinViewWindow .source-list.sidebar.view.frame { - color: #BAC3CF; } - NemoWindow .sidebar separator, NemoWindow .sidebar .view separator, NemoWindow .source-list.sidebar.view separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar separator, - MarlinViewWindow .sidebar .view separator, - MarlinViewWindow .source-list.sidebar.view separator { - color: transparent; } - -NemoWindow.maximized .sidebar, -MarlinViewWindow.maximized .sidebar { - background-color: #353945; } - -NemoWindow.background > GtkGrid > paned > separator, .sidebar NemoWindow.background > GtkGrid > paned > separator, .sidebar .view NemoWindow.background > GtkGrid > paned > separator, -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar -MarlinViewWindow.background > GtkBox > paned > separator, .sidebar .view -MarlinViewWindow.background > GtkBox > paned > separator { - background-color: rgba(53, 57, 69, 0.95); } - -NautilusWindow NautilusWindowSlot { - background-color: #ffffff; } - -NautilusDesktopWindow NautilusWindowSlot { - background-color: transparent; } - -GtkFileChooserDialog.background.csd, GtkFileChooserDialog.background { - background-color: rgba(53, 57, 69, 0.95); } - -GtkFileChooserDialog scrolledwindow.sidebar, GtkFileChooserDialog placessidebar.sidebar { - background-color: transparent; } - -GtkFileChooserDialog paned > .vertical > .horizontal { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-action-box { - background-color: #F5F6F7; } - -GtkFileChooserDialog .dialog-vbox > .frame { - color: #BAC3CF; - border-color: transparent; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { - background-color: transparent; - border-color: rgba(37, 40, 49, 0.95); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame label, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame combobox, -GtkFileChooserDialog .dialog-vbox > .frame label, -GtkFileChooserDialog .dialog-vbox > .frame combobox { - color: #BAC3CF; } - -FeedReaderreaderUI.background.csd > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator, -FeedReaderreaderUI.background.csd > .titlebar .pane-separator:backdrop, -FeedReaderreaderUI.background.csd.maximized > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd > .titlebar .pane-separator, -GeditWindow.background.csd.maximized > .titlebar .pane-separator, -GeditWindow.background.csd > .titlebar .pane-separator:backdrop, -GeditWindow.background.csd.maximized > .titlebar .pane-separator:backdrop { - background-color: rgba(212, 213, 219, 0.95); } - -FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar, -GeditWindow.background.csd > .titlebar > headerbar.titlebar { - background-color: rgba(231, 232, 235, 0.95); } - FeedReaderreaderUI.background.csd > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd > .titlebar > headerbar.titlebar:backdrop { - background-color: rgba(239, 240, 242, 0.95); } - -FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar, -GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar { - background-color: #e7e8eb; } - FeedReaderreaderUI.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop, - GeditWindow.background.csd.maximized > .titlebar > headerbar.titlebar:backdrop { - background-color: #eff0f2; } - -FeedReaderreaderUI.background.csd > FeedReaderreaderHeaderbar.titlebar, -GeditWindow.background.csd > .titlebar { - background-color: transparent; } - -GeditWindow.background.csd { - background-color: transparent; } - -GeditWindow.background .gedit-side-panel-paned .pane-separator { - background-color: rgba(53, 57, 69, 0.95); } - -GeditWindow.background .gedit-bottom-panel-paned .pane-separator { - background-color: #dcdfe3; } - .gedit-bottom-panel-paned { background-color: #ffffff; } @@ -3962,99 +3498,20 @@ GeditWindow.background .gedit-bottom-panel-paned .pane-separator { .gedit-document-panel .prelight-row button:active { color: #BAC3CF; } -GeditFileBrowserWidget { - background-color: rgba(53, 57, 69, 0.95); } - .maximized GeditFileBrowserWidget { - background-color: #353945; } - GeditFileBrowserWidget .horizontal { - background-color: transparent; - border-color: rgba(37, 40, 49, 0.95); } - GeditFileBrowserWidget .horizontal combobox { - color: #BAC3CF; } - -GeditWindow.background.csd GeditFileBrowserView.view { - background-color: transparent; - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander { - color: #BAC3CF; } - GeditWindow.background.csd GeditFileBrowserView.view.expander:hover { - color: #5294E2; } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button, -GtkFileChooserDialog .dialog-vbox > .frame button, GeditFileBrowserWidget .horizontal button { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.35); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:hover, - GtkFileChooserDialog .dialog-vbox > .frame button:hover, GeditFileBrowserWidget .horizontal button:hover { - color: #BAC3CF; - outline-color: rgba(186, 195, 207, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(119, 127, 151, 0.45); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:active, - GtkFileChooserDialog .dialog-vbox > .frame button:active, GeditFileBrowserWidget .horizontal button:active, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:checked, - GtkFileChooserDialog .dialog-vbox > .frame button:checked, GeditFileBrowserWidget .horizontal button:checked { - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); - background-color: #5294E2; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame button:disabled, - GtkFileChooserDialog .dialog-vbox > .frame button:disabled, GeditFileBrowserWidget .horizontal button:disabled { - color: #5d626e; - border-color: rgba(26, 28, 34, 0.35); - background-color: rgba(102, 109, 132, 0.2); } - -GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry, -GtkFileChooserDialog .dialog-vbox > .frame entry { - color: #BAC3CF; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); - background-color: transparent; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image, - GtkFileChooserDialog .dialog-vbox > .frame entry image, GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry image:hover, - GtkFileChooserDialog .dialog-vbox > .frame entry image:hover { - color: inherit; } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:focus, - GtkFileChooserDialog .dialog-vbox > .frame entry:focus { - color: #ffffff; - border-color: rgba(26, 28, 34, 0.35); - background-image: linear-gradient(to bottom, #5294E2); } - GtkFileChooserDialog GtkFileChooserWidget > actionbar > revealer > .action-bar.frame entry:disabled, - GtkFileChooserDialog .dialog-vbox > .frame entry:disabled { - color: rgba(186, 195, 207, 0.55); - background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } - -GtkFileChooserDialog placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -NautilusWindow placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, NemoWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, -MarlinViewWindow .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, GeditFileBrowserWidget scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { +.nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } -GtkFileChooserDialog placessidebar.sidebar scrollbar slider, -NautilusWindow placessidebar.sidebar scrollbar slider, NemoWindow .sidebar scrollbar slider, NemoWindow .source-list.sidebar.view scrollbar slider, -MarlinViewWindow .sidebar scrollbar slider, -MarlinViewWindow .source-list.sidebar.view scrollbar slider, GeditFileBrowserWidget scrollbar slider { +.nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover, - NautilusWindow placessidebar.sidebar scrollbar slider:hover, NemoWindow .sidebar scrollbar slider:hover, NemoWindow .source-list.sidebar.view scrollbar slider:hover, - MarlinViewWindow .sidebar scrollbar slider:hover, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:hover, GeditFileBrowserWidget scrollbar slider:hover { + .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:hover:active, - NautilusWindow placessidebar.sidebar scrollbar slider:hover:active, NemoWindow .sidebar scrollbar slider:hover:active, - MarlinViewWindow .sidebar scrollbar slider:hover:active, GeditFileBrowserWidget scrollbar slider:hover:active { + .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } - GtkFileChooserDialog placessidebar.sidebar scrollbar slider:disabled, - NautilusWindow placessidebar.sidebar scrollbar slider:disabled, NemoWindow .sidebar scrollbar slider:disabled, NemoWindow .source-list.sidebar.view scrollbar slider:disabled, - MarlinViewWindow .sidebar scrollbar slider:disabled, - MarlinViewWindow .source-list.sidebar.view scrollbar slider:disabled, GeditFileBrowserWidget scrollbar slider:disabled { + .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } -GtkFileChooserDialog placessidebar.sidebar scrollbar trough, -NautilusWindow placessidebar.sidebar scrollbar trough, NemoWindow .sidebar scrollbar trough, NemoWindow .source-list.sidebar.view scrollbar trough, -MarlinViewWindow .sidebar scrollbar trough, -MarlinViewWindow .source-list.sidebar.view scrollbar trough, GeditFileBrowserWidget scrollbar trough { +.nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 4be7e31..4eb1625 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1013,7 +1013,7 @@ paned.titlebar { separator { background-color: transparent; } > headerbar { - &::not(:only-child):not(:first-child):not(:last-child) { border-radius: 0;} + &:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0;} &:first-child { border-top-right-radius: 0; } &:last-child { border-top-left-radius: 0; } } @@ -2756,29 +2756,6 @@ stackswitcher button { border: 1px solid black; } -// -// Overshoot -// -// This is used by GtkScrolledWindow, when content is touch-dragged past boundaries. -// This draws a box on top of the content, the size changes programmatically. -.overshoot { - &.top { @include overshoot(top); } - &.bottom { @include overshoot(bottom); } - &.left { @include overshoot(left); } - &.right { @include overshoot(right); } -} - -// -// Undershoot -// -// 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); } -} - // // Window Decorations // @@ -2805,10 +2782,7 @@ decoration { .tiled & { border-radius: 0; } - .popup & { - box-shadow: none; - border-radius: 0; - } + .popup &, &.popup { box-shadow: none; border-radius: 0; -- cgit v1.2.3 From 61e1597a65115381291866f67d30492a24840c8f Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 19 Feb 2016 11:06:17 +0100 Subject: notebook: use child selector --- common/gtk-3.0/3.20/gtk-dark.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-darker.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk.css | 78 ++++++++++++++++---------------- common/gtk-3.0/3.20/sass/_common.scss | 2 +- 7 files changed, 235 insertions(+), 235 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 8a8bf33..fea25da 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -661,7 +661,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1512,107 +1512,107 @@ notebook { border: 1px solid #2b2e39; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #383C4A; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #2b2e39; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #2b2e39; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #2b2e39; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #2b2e39; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + 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.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(211, 218, 227, 0.45); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(211, 218, 227, 0.725); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #D3DAE3; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(211, 218, 227, 0.15); } - notebook header tab { + notebook > header tab { background-color: rgba(64, 69, 82, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(211, 218, 227, 0.45); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(64, 69, 82, 0.5); border-color: #2b2e39; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(211, 218, 227, 0.725); } - notebook header tab:active { + notebook > header tab:active { background-color: #404552; border-color: #2b2e39; } - notebook header tab:active label { + notebook > header tab:active label { color: #D3DAE3; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #9da3ad; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 99f39ae..91c79e8 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -660,7 +660,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1511,107 +1511,107 @@ notebook { border: 1px solid #dcdfe3; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #F5F6F7; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + 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.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(92, 97, 108, 0.55); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #5c616c; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { + notebook > header tab { background-color: rgba(255, 255, 255, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { + notebook > header tab:active { background-color: #ffffff; border-color: #dcdfe3; } - notebook header tab:active label { + notebook > header tab:active label { color: #5c616c; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index ef8fefd..943b320 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -661,7 +661,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1512,107 +1512,107 @@ notebook { border: 1px solid #2b2e39; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #383C4A; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #2b2e39; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #2b2e39; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #2b2e39; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #2b2e39; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + 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.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(211, 218, 227, 0.45); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(211, 218, 227, 0.725); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #D3DAE3; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(211, 218, 227, 0.15); } - notebook header tab { + notebook > header tab { background-color: rgba(64, 69, 82, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(211, 218, 227, 0.45); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(64, 69, 82, 0.5); border-color: #2b2e39; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(211, 218, 227, 0.725); } - notebook header tab:active { + notebook > header tab:active { background-color: #404552; border-color: #2b2e39; } - notebook header tab:active label { + notebook > header tab:active label { color: #D3DAE3; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #9da3ad; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 5e78d26..05e6165 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -660,7 +660,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1511,107 +1511,107 @@ notebook { border: 1px solid #dcdfe3; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #F5F6F7; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + 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.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(92, 97, 108, 0.55); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #5c616c; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { + notebook > header tab { background-color: rgba(255, 255, 255, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { + notebook > header tab:active { background-color: #ffffff; border-color: #dcdfe3; } - notebook header tab:active label { + notebook > header tab:active label { color: #5c616c; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 4bcf4ae..dc743e6 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -660,7 +660,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1515,107 +1515,107 @@ notebook { border: 1px solid #dcdfe3; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #F5F6F7; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + 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.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(92, 97, 108, 0.55); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #5c616c; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { + notebook > header tab { background-color: rgba(255, 255, 255, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { + notebook > header tab:active { background-color: #ffffff; border-color: #dcdfe3; } - notebook header tab:active label { + notebook > header tab:active label { color: #5c616c; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 1975e55..96e18c3 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -660,7 +660,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook header tab button, notebook header tab button:hover, notebook header tab button:active, notebook header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1515,107 +1515,107 @@ notebook { border: 1px solid #dcdfe3; } notebook.frame header { margin: -1px; } - notebook header { + notebook > header { padding: 3px; background-color: #F5F6F7; } - notebook header.top { + notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } - notebook header.bottom { + notebook > header.bottom { box-shadow: inset 0 1px #dcdfe3; } - notebook header.right { + notebook > header.right { box-shadow: inset 1px 0 #dcdfe3; } - notebook header.left { + notebook > header.left { box-shadow: inset -1px 0 #dcdfe3; } - notebook header.top { + notebook > header.top { padding-bottom: 0; } - notebook header.top tab { + notebook > header.top tab { padding: 4px 15px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook header.top tab.reorderable-page { + notebook > header.top tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.bottom { + notebook > header.bottom { padding-top: 0; } - notebook header.bottom tab { + notebook > header.bottom tab { padding: 4px 15px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook header.bottom tab.reorderable-page { + notebook > header.bottom tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.right { + notebook > header.right { padding-left: 0; } - notebook header.right tab { + notebook > header.right tab { padding: 4px 15px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook header.right tab.reorderable-page { + notebook > header.right tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.left { + notebook > header.left { padding-right: 0; } - notebook header.left tab { + notebook > header.left tab { padding: 4px 15px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook header.left tab.reorderable-page { + notebook > header.left tab.reorderable-page { padding-left: 12px; padding-right: 12px; } - notebook header.top tabs arrow.up, notebook header.bottom tabs arrow.up { + notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook header.top tabs arrow.up:last-child, notebook header.bottom tabs arrow.up:last-child { + notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { margin-left: 2px; } - notebook header.top tabs arrow.down, notebook header.bottom tabs arrow.down { + 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.down:first-child, notebook header.bottom tabs arrow.down:first-child { + notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child { margin-right: 2px; } - notebook header.left tabs arrow.up, notebook header.right tabs arrow.up { + notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook header.left tabs arrow.up:last-child, notebook header.right tabs arrow.up:last-child { + notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { margin-top: 2px; } - notebook header.left tabs arrow.down, notebook header.right tabs arrow.down { + 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.down:first-child, notebook header.right tabs arrow.down:first-child { + notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child { margin-bottom: 2px; } - notebook header tabs arrow { + notebook > header tabs arrow { color: rgba(92, 97, 108, 0.55); } - notebook header tabs arrow:hover { + notebook > header tabs arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook header tabs arrow:active { + notebook > header tabs arrow:active { color: #5c616c; } - notebook header tabs arrow:disabled { + notebook > header tabs arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook header tab { + notebook > header tab { background-color: rgba(255, 255, 255, 0); } - notebook header tab label { + notebook > header tab label { color: rgba(92, 97, 108, 0.55); } - notebook header tab:hover { + notebook > header tab:hover { background-color: rgba(255, 255, 255, 0.5); border-color: #dcdfe3; } - notebook header tab:hover label { + notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook header tab:active { + notebook > header tab:active { background-color: #ffffff; border-color: #dcdfe3; } - notebook header tab:active label { + notebook > header tab:active label { color: #5c616c; } - notebook header tab button { + notebook > header tab button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook header tab button:hover { + notebook > header tab button:hover { color: #ff4d4d; } - notebook header tab button:active, notebook header tab button:active:hover { + notebook > header tab button:active, notebook > header tab button:active:hover { color: #5294E2; } * { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 4eb1625..af5935f 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1600,7 +1600,7 @@ notebook { header { margin: -1px; } // ugly hack to hide the borders around the header } - header { + > header { $vpadding: 4px; $hpadding: 15px; padding: 3px; -- cgit v1.2.3 From bf1be44a2c0bc8e8079fd516e0e6519a9bc87969 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 26 Feb 2016 00:10:22 +0100 Subject: updates --- common/gtk-3.0/3.20/gtk-dark.css | 178 ++++++++++++--------- common/gtk-3.0/3.20/gtk-darker.css | 172 +++++++++++--------- common/gtk-3.0/3.20/gtk-solid-dark.css | 178 ++++++++++++--------- common/gtk-3.0/3.20/gtk-solid-darker.css | 172 +++++++++++--------- common/gtk-3.0/3.20/gtk-solid.css | 172 +++++++++++--------- common/gtk-3.0/3.20/gtk.css | 172 +++++++++++--------- common/gtk-3.0/3.20/sass/_common.scss | 169 +++++++++++-------- common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 25 +-- 8 files changed, 714 insertions(+), 524 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index fea25da..f20918f 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -63,7 +63,7 @@ iconview { color: #D3DAE3; background-color: #404552; } iconview:selected, iconview:selected:focus { - border-radius: 3px; } + border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { @@ -158,8 +158,8 @@ entry { border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); - padding-left: 2px; - padding-right: 2px; + min-height: 0; + padding: 2px; border: none; border-radius: 0; } entry:focus { @@ -179,7 +179,7 @@ entry { background-color: #5294E2; color: #ffffff; } entry progress { - margin: 2px 12px; + margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294E2; @@ -421,13 +421,25 @@ button { background-color: rgba(68, 74, 88, 0.55); } button.destructive-action:disabled > label { color: inherit; } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } button.text-button { padding-left: 16px; padding-right: 16px; } - button.text-button.image-button label:first-child { - padding-left: 8px; } - button.text-button.image-button label:last-child { - padding-right: 8px; } + button.text-button.image-button { + padding-left: 0; + padding-right: 0; } + button.text-button.image-button label:first-child { + padding-left: 12px; + padding-right: 0; } + button.text-button.image-button label:last-child { + padding-left: 0; + padding-right: 12px; } + button.text-button.image-button image { + padding-left: 6px; + padding-right: 6px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -724,6 +736,9 @@ button:link > label, button:visited > label { spinbutton button:active { color: #ffffff; } +spinbutton:disabled { + color: rgba(211, 218, 227, 0.45); } + spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { padding-top: 0; padding-bottom: 0; @@ -1258,12 +1273,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } -.path-bar button:first-child { - padding-left: 10px; } - -.path-bar button:last-child { - padding-right: 10px; } - .path-bar button:only-child { padding-left: 10px; padding-right: 10px; } @@ -1327,36 +1336,41 @@ treeview.view { border-radius: 3px; border-width: 0; } treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; color: #b6bcc6; background-color: #404552; - font-weight: bold; } + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294E2; } treeview.view header button:active { color: #D3DAE3; } - treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } - -treeview.view header button { - min-height: 0; - min-width: 0; - padding: 3px 6px; - background-image: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } - treeview.view header button:active, treeview.view header button:hover { - background-color: #404552; } - treeview.view header button:active:hover { - color: #D3DAE3; } - treeview.view header button:disabled { - border-color: #383C4A; - background-image: none; } - treeview.view header button:last-child { - border-right-style: none; - border-image: none; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #404552; } + treeview.view header button:active:hover { + color: #D3DAE3; } + treeview.view header button:disabled { + border-color: #383C4A; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: none; } menubar, .menubar { @@ -2053,6 +2067,14 @@ levelbar block.empty { background-color: #404552; border-color: #404552; } +printdialog paper { + border: 1px solid #2b2e39; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + frame border, .frame { margin: 0; @@ -2064,11 +2086,6 @@ frame border, .frame.flat { border-style: none; } -paper { - border: 1px solid #2b2e39; - background: white; - padding: 0; } - scrolledwindow viewport.frame, placessidebar viewport.frame { border-style: none; } @@ -2297,9 +2314,12 @@ messagedialog.csd .dialog-action-area button:only-child { border-left-style: none; border-right-style: none; } +filechooser #pathbarbox { + border-bottom: 1px solid rgba(43, 46, 57, 0.5); } + .sidebar, .sidebar .view { border: none; - background-color: #383C4A; } + background-color: #3c4150; } stacksidebar row { padding: 10px 4px; } @@ -2313,9 +2333,10 @@ placessidebar list { background-color: transparent; } placessidebar row { + min-height: 30px; padding: 0px; } placessidebar row > revealer { - padding: 8px 10px; } + padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { @@ -2325,8 +2346,10 @@ placessidebar row { placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { - min-width: 26px; - min-height: 26px; + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } @@ -2522,16 +2545,11 @@ button.color { .content-view:hover { -gtk-icon-effect: highlight; } -.scale-popup button { - padding: 6px; } - .scale-popup button:hover { - color: #D3DAE3; - outline-color: rgba(211, 218, 227, 0.3); - border-color: #2b2e39; - background-color: #505666; } - -button.scale { - padding: 8px; } +.scale-popup button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } .context-menu, popover.touch-selection, popover.background.touch-selection { @@ -2552,12 +2570,14 @@ button.circular-button { padding: 0; } .keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #D3DAE3; background-color: #404552; border: 1px solid #2b2e39; - border-radius: 2px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); - color: #D3DAE3; - padding: 3px 8px 3px 8px; } + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); } stackswitcher button.text-button { min-width: 80px; } @@ -2567,7 +2587,8 @@ stackswitcher button.circular { *:drop(active):focus, *:drop(active) { - border: 1px solid black; } + border-color: black; + box-shadow: inset 0 0 0 1px black; } decoration { border-radius: 3px 3px 0 0; @@ -2576,15 +2597,16 @@ decoration { margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); } + .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } - .ssd decoration, decoration.ssd { + .ssd decoration { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } - .ssd decoration.maximized, decoration.ssd.maximized { + .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; @@ -3418,21 +3440,17 @@ GtkListBox .h4 { font: bold; } .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { - background: rgba(53, 57, 69, 0.95); } + background: rgba(42, 45, 55, 0.95); } + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - .nautilus-window placessidebar.sidebar:dir(ltr) { - margin-right: -1px; } - .nautilus-window placessidebar.sidebar:dir(rtl) { - margin-left: -1px; } - .nautilus-window placessidebar.sidebar:dir(ltr) { - border-right: 1px solid rgba(42, 45, 55, 0.95); } - .nautilus-window placessidebar.sidebar:dir(rtl) { - border-left: 1px solid rgba(42, 45, 55, 0.95); } .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { @@ -3452,21 +3470,25 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window .sidebar-button.button { +.nautilus-window button.sidebar-button { color: #BAC3CF; } - .nautilus-window .sidebar-button.button:hover { + .nautilus-window button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - .nautilus-window .sidebar-button.button:active { + .nautilus-window button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); + border-color: #2b2e39; background-color: #5294E2; } - .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #2b2e39; } + .gedit-bottom-panel-paned { background-color: #404552; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 91c79e8..6f34d6d 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -63,7 +63,7 @@ iconview { color: #5c616c; background-color: #ffffff; } iconview:selected, iconview:selected:focus { - border-radius: 3px; } + border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { @@ -158,8 +158,8 @@ entry { border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); - padding-left: 2px; - padding-right: 2px; + min-height: 0; + padding: 2px; border: none; border-radius: 0; } entry:focus { @@ -178,7 +178,7 @@ entry { background-color: #5294E2; color: #ffffff; } entry progress { - margin: 2px 12px; + margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294E2; @@ -420,13 +420,25 @@ button { background-color: rgba(251, 251, 252, 0.55); } button.destructive-action:disabled > label { color: inherit; } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } button.text-button { padding-left: 16px; padding-right: 16px; } - button.text-button.image-button label:first-child { - padding-left: 8px; } - button.text-button.image-button label:last-child { - padding-right: 8px; } + button.text-button.image-button { + padding-left: 0; + padding-right: 0; } + button.text-button.image-button label:first-child { + padding-left: 12px; + padding-right: 0; } + button.text-button.image-button label:last-child { + padding-left: 0; + padding-right: 12px; } + button.text-button.image-button image { + padding-left: 6px; + padding-right: 6px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -723,6 +735,9 @@ button:link > label, button:visited > label { spinbutton button:active { color: #ffffff; } +spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { padding-top: 0; padding-bottom: 0; @@ -1257,12 +1272,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } -.path-bar button:first-child { - padding-left: 10px; } - -.path-bar button:last-child { - padding-right: 10px; } - .path-bar button:only-child { padding-left: 10px; padding-right: 10px; } @@ -1326,36 +1335,41 @@ treeview.view { border-radius: 3px; border-width: 0; } treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; color: #7d8189; background-color: #ffffff; - font-weight: bold; } + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294E2; } treeview.view header button:active { color: #5c616c; } - treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } - -treeview.view header button { - min-height: 0; - min-width: 0; - padding: 3px 6px; - background-image: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } - treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; } - treeview.view header button:active:hover { - color: #5c616c; } - treeview.view header button:disabled { - border-color: #F5F6F7; - background-image: none; } - treeview.view header button:last-child { - border-right-style: none; - border-image: none; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: none; } menubar, .menubar { @@ -2052,6 +2066,14 @@ levelbar block.empty { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } +printdialog paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + frame border, .frame { margin: 0; @@ -2063,11 +2085,6 @@ frame border, .frame.flat { border-style: none; } -paper { - border: 1px solid #dcdfe3; - background: white; - padding: 0; } - scrolledwindow viewport.frame, placessidebar viewport.frame { border-style: none; } @@ -2296,9 +2313,12 @@ messagedialog.csd .dialog-action-area button:only-child { border-left-style: none; border-right-style: none; } +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + .sidebar, .sidebar .view { border: none; - background-color: #F5F6F7; } + background-color: #fbfbfc; } stacksidebar row { padding: 10px 4px; } @@ -2312,9 +2332,10 @@ placessidebar list { background-color: transparent; } placessidebar row { + min-height: 30px; padding: 0px; } placessidebar row > revealer { - padding: 8px 10px; } + padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { @@ -2324,8 +2345,10 @@ placessidebar row { placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { - min-width: 26px; - min-height: 26px; + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } @@ -2521,16 +2544,11 @@ button.color { .content-view:hover { -gtk-icon-effect: highlight; } -.scale-popup button { - padding: 6px; } - .scale-popup button:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - -button.scale { - padding: 8px; } +.scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } .context-menu, popover.touch-selection, popover.background.touch-selection { @@ -2551,12 +2569,14 @@ button.circular-button { padding: 0; } .keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #5c616c; background-color: #ffffff; border: 1px solid #dcdfe3; - border-radius: 2px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); - color: #5c616c; - padding: 3px 8px 3px 8px; } + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } stackswitcher button.text-button { min-width: 80px; } @@ -2566,7 +2586,8 @@ stackswitcher button.circular { *:drop(active):focus, *:drop(active) { - border: 1px solid black; } + border-color: black; + box-shadow: inset 0 0 0 1px black; } decoration { border-radius: 3px 3px 0 0; @@ -2575,15 +2596,16 @@ decoration { margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.87), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } - .ssd decoration, decoration.ssd { + .ssd decoration { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } - .ssd decoration.maximized, decoration.ssd.maximized { + .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; @@ -3418,16 +3440,16 @@ GtkListBox .h4 { .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { background: rgba(53, 57, 69, 0.95); } + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - .nautilus-window placessidebar.sidebar:dir(ltr) { - margin-right: -1px; } - .nautilus-window placessidebar.sidebar:dir(rtl) { - margin-left: -1px; } .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { @@ -3447,21 +3469,25 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window .sidebar-button.button { +.nautilus-window button.sidebar-button { color: #BAC3CF; } - .nautilus-window .sidebar-button.button:hover { + .nautilus-window button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - .nautilus-window .sidebar-button.button:active { + .nautilus-window button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); + border-color: #5294E2; background-color: #5294E2; } - .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #dcdfe3; } + .gedit-bottom-panel-paned { background-color: #ffffff; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 943b320..6419887 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -63,7 +63,7 @@ iconview { color: #D3DAE3; background-color: #404552; } iconview:selected, iconview:selected:focus { - border-radius: 3px; } + border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { @@ -158,8 +158,8 @@ entry { border-color: #2b2e39; background-color: #404552; background-image: linear-gradient(to bottom, #404552); - padding-left: 2px; - padding-right: 2px; + min-height: 0; + padding: 2px; border: none; border-radius: 0; } entry:focus { @@ -179,7 +179,7 @@ entry { background-color: #5294E2; color: #ffffff; } entry progress { - margin: 2px 12px; + margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294E2; @@ -421,13 +421,25 @@ button { background-color: rgba(68, 74, 88, 0.55); } button.destructive-action:disabled > label { color: inherit; } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } button.text-button { padding-left: 16px; padding-right: 16px; } - button.text-button.image-button label:first-child { - padding-left: 8px; } - button.text-button.image-button label:last-child { - padding-right: 8px; } + button.text-button.image-button { + padding-left: 0; + padding-right: 0; } + button.text-button.image-button label:first-child { + padding-left: 12px; + padding-right: 0; } + button.text-button.image-button label:last-child { + padding-left: 0; + padding-right: 12px; } + button.text-button.image-button image { + padding-left: 6px; + padding-right: 6px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -724,6 +736,9 @@ button:link > label, button:visited > label { spinbutton button:active { color: #ffffff; } +spinbutton:disabled { + color: rgba(211, 218, 227, 0.45); } + spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { padding-top: 0; padding-bottom: 0; @@ -1258,12 +1273,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } -.path-bar button:first-child { - padding-left: 10px; } - -.path-bar button:last-child { - padding-right: 10px; } - .path-bar button:only-child { padding-left: 10px; padding-right: 10px; } @@ -1327,36 +1336,41 @@ treeview.view { border-radius: 3px; border-width: 0; } treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; color: #b6bcc6; background-color: #404552; - font-weight: bold; } + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294E2; } treeview.view header button:active { color: #D3DAE3; } - treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #404552, inset -1px 0 #404552; } - -treeview.view header button { - min-height: 0; - min-width: 0; - padding: 3px 6px; - background-image: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #404552 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #404552 80%) 0 1 0 0/0 1px 0 0 stretch; } - treeview.view header button:active, treeview.view header button:hover { - background-color: #404552; } - treeview.view header button:active:hover { - color: #D3DAE3; } - treeview.view header button:disabled { - border-color: #383C4A; - background-image: none; } - treeview.view header button:last-child { - border-right-style: none; - border-image: none; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #404552; } + treeview.view header button:active:hover { + color: #D3DAE3; } + treeview.view header button:disabled { + border-color: #383C4A; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: none; } menubar, .menubar { @@ -2053,6 +2067,14 @@ levelbar block.empty { background-color: #404552; border-color: #404552; } +printdialog paper { + border: 1px solid #2b2e39; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + frame border, .frame { margin: 0; @@ -2064,11 +2086,6 @@ frame border, .frame.flat { border-style: none; } -paper { - border: 1px solid #2b2e39; - background: white; - padding: 0; } - scrolledwindow viewport.frame, placessidebar viewport.frame { border-style: none; } @@ -2297,9 +2314,12 @@ messagedialog.csd .dialog-action-area button:only-child { border-left-style: none; border-right-style: none; } +filechooser #pathbarbox { + border-bottom: 1px solid rgba(43, 46, 57, 0.5); } + .sidebar, .sidebar .view { border: none; - background-color: #383C4A; } + background-color: #3c4150; } stacksidebar row { padding: 10px 4px; } @@ -2313,9 +2333,10 @@ placessidebar list { background-color: transparent; } placessidebar row { + min-height: 30px; padding: 0px; } placessidebar row > revealer { - padding: 8px 10px; } + padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { @@ -2325,8 +2346,10 @@ placessidebar row { placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { - min-width: 26px; - min-height: 26px; + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } @@ -2522,16 +2545,11 @@ button.color { .content-view:hover { -gtk-icon-effect: highlight; } -.scale-popup button { - padding: 6px; } - .scale-popup button:hover { - color: #D3DAE3; - outline-color: rgba(211, 218, 227, 0.3); - border-color: #2b2e39; - background-color: #505666; } - -button.scale { - padding: 8px; } +.scale-popup button:hover { + color: #D3DAE3; + outline-color: rgba(211, 218, 227, 0.3); + border-color: #2b2e39; + background-color: #505666; } .context-menu, popover.touch-selection, popover.background.touch-selection { @@ -2552,12 +2570,14 @@ button.circular-button { padding: 0; } .keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #D3DAE3; background-color: #404552; border: 1px solid #2b2e39; - border-radius: 2px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); - color: #D3DAE3; - padding: 3px 8px 3px 8px; } + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); } stackswitcher button.text-button { min-width: 80px; } @@ -2567,7 +2587,8 @@ stackswitcher button.circular { *:drop(active):focus, *:drop(active) { - border: 1px solid black; } + border-color: black; + box-shadow: inset 0 0 0 1px black; } decoration { border-radius: 3px 3px 0 0; @@ -2576,15 +2597,16 @@ decoration { margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.35); } + .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } - .ssd decoration, decoration.ssd { + .ssd decoration { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } - .ssd decoration.maximized, decoration.ssd.maximized { + .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; @@ -3418,21 +3440,17 @@ GtkListBox .h4 { font: bold; } .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { - background: #353945; } + background: #2a2d37; } + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } .nautilus-window placessidebar.sidebar { background-color: #353945; } - .nautilus-window placessidebar.sidebar:dir(ltr) { - margin-right: -1px; } - .nautilus-window placessidebar.sidebar:dir(rtl) { - margin-left: -1px; } - .nautilus-window placessidebar.sidebar:dir(ltr) { - border-right: 1px solid #2a2d37; } - .nautilus-window placessidebar.sidebar:dir(rtl) { - border-left: 1px solid #2a2d37; } .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { @@ -3452,21 +3470,25 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window .sidebar-button.button { +.nautilus-window button.sidebar-button { color: #BAC3CF; } - .nautilus-window .sidebar-button.button:hover { + .nautilus-window button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - .nautilus-window .sidebar-button.button:active { + .nautilus-window button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); + border-color: #2b2e39; background-color: #5294E2; } - .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #2b2e39; } + .gedit-bottom-panel-paned { background-color: #404552; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 05e6165..89ee95c 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -63,7 +63,7 @@ iconview { color: #5c616c; background-color: #ffffff; } iconview:selected, iconview:selected:focus { - border-radius: 3px; } + border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { @@ -158,8 +158,8 @@ entry { border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); - padding-left: 2px; - padding-right: 2px; + min-height: 0; + padding: 2px; border: none; border-radius: 0; } entry:focus { @@ -178,7 +178,7 @@ entry { background-color: #5294E2; color: #ffffff; } entry progress { - margin: 2px 12px; + margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294E2; @@ -420,13 +420,25 @@ button { background-color: rgba(251, 251, 252, 0.55); } button.destructive-action:disabled > label { color: inherit; } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } button.text-button { padding-left: 16px; padding-right: 16px; } - button.text-button.image-button label:first-child { - padding-left: 8px; } - button.text-button.image-button label:last-child { - padding-right: 8px; } + button.text-button.image-button { + padding-left: 0; + padding-right: 0; } + button.text-button.image-button label:first-child { + padding-left: 12px; + padding-right: 0; } + button.text-button.image-button label:last-child { + padding-left: 0; + padding-right: 12px; } + button.text-button.image-button image { + padding-left: 6px; + padding-right: 6px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -723,6 +735,9 @@ button:link > label, button:visited > label { spinbutton button:active { color: #ffffff; } +spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { padding-top: 0; padding-bottom: 0; @@ -1257,12 +1272,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } -.path-bar button:first-child { - padding-left: 10px; } - -.path-bar button:last-child { - padding-right: 10px; } - .path-bar button:only-child { padding-left: 10px; padding-right: 10px; } @@ -1326,36 +1335,41 @@ treeview.view { border-radius: 3px; border-width: 0; } treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; color: #7d8189; background-color: #ffffff; - font-weight: bold; } + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294E2; } treeview.view header button:active { color: #5c616c; } - treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } - -treeview.view header button { - min-height: 0; - min-width: 0; - padding: 3px 6px; - background-image: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } - treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; } - treeview.view header button:active:hover { - color: #5c616c; } - treeview.view header button:disabled { - border-color: #F5F6F7; - background-image: none; } - treeview.view header button:last-child { - border-right-style: none; - border-image: none; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: none; } menubar, .menubar { @@ -2052,6 +2066,14 @@ levelbar block.empty { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } +printdialog paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + frame border, .frame { margin: 0; @@ -2063,11 +2085,6 @@ frame border, .frame.flat { border-style: none; } -paper { - border: 1px solid #dcdfe3; - background: white; - padding: 0; } - scrolledwindow viewport.frame, placessidebar viewport.frame { border-style: none; } @@ -2296,9 +2313,12 @@ messagedialog.csd .dialog-action-area button:only-child { border-left-style: none; border-right-style: none; } +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + .sidebar, .sidebar .view { border: none; - background-color: #F5F6F7; } + background-color: #fbfbfc; } stacksidebar row { padding: 10px 4px; } @@ -2312,9 +2332,10 @@ placessidebar list { background-color: transparent; } placessidebar row { + min-height: 30px; padding: 0px; } placessidebar row > revealer { - padding: 8px 10px; } + padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { @@ -2324,8 +2345,10 @@ placessidebar row { placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { - min-width: 26px; - min-height: 26px; + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } @@ -2521,16 +2544,11 @@ button.color { .content-view:hover { -gtk-icon-effect: highlight; } -.scale-popup button { - padding: 6px; } - .scale-popup button:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - -button.scale { - padding: 8px; } +.scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } .context-menu, popover.touch-selection, popover.background.touch-selection { @@ -2551,12 +2569,14 @@ button.circular-button { padding: 0; } .keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #5c616c; background-color: #ffffff; border: 1px solid #dcdfe3; - border-radius: 2px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); - color: #5c616c; - padding: 3px 8px 3px 8px; } + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } stackswitcher button.text-button { min-width: 80px; } @@ -2566,7 +2586,8 @@ stackswitcher button.circular { *:drop(active):focus, *:drop(active) { - border: 1px solid black; } + border-color: black; + box-shadow: inset 0 0 0 1px black; } decoration { border-radius: 3px 3px 0 0; @@ -2575,15 +2596,16 @@ decoration { margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(32, 35, 43, 0.9), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } - .ssd decoration, decoration.ssd { + .ssd decoration { border-radius: 3px 3px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65); } - .ssd decoration.maximized, decoration.ssd.maximized { + .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; @@ -3418,16 +3440,16 @@ GtkListBox .h4 { .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { background: #353945; } + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } .nautilus-window placessidebar.sidebar { background-color: #353945; } - .nautilus-window placessidebar.sidebar:dir(ltr) { - margin-right: -1px; } - .nautilus-window placessidebar.sidebar:dir(rtl) { - margin-left: -1px; } .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { @@ -3447,21 +3469,25 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window .sidebar-button.button { +.nautilus-window button.sidebar-button { color: #BAC3CF; } - .nautilus-window .sidebar-button.button:hover { + .nautilus-window button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - .nautilus-window .sidebar-button.button:active { + .nautilus-window button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); + border-color: #5294E2; background-color: #5294E2; } - .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #dcdfe3; } + .gedit-bottom-panel-paned { background-color: #ffffff; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index dc743e6..49866e7 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -63,7 +63,7 @@ iconview { color: #5c616c; background-color: #ffffff; } iconview:selected, iconview:selected:focus { - border-radius: 3px; } + border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { @@ -158,8 +158,8 @@ entry { border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); - padding-left: 2px; - padding-right: 2px; + min-height: 0; + padding: 2px; border: none; border-radius: 0; } entry:focus { @@ -178,7 +178,7 @@ entry { background-color: #5294E2; color: #ffffff; } entry progress { - margin: 2px 12px; + margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294E2; @@ -420,13 +420,25 @@ button { background-color: rgba(251, 251, 252, 0.55); } button.destructive-action:disabled > label { color: inherit; } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } button.text-button { padding-left: 16px; padding-right: 16px; } - button.text-button.image-button label:first-child { - padding-left: 8px; } - button.text-button.image-button label:last-child { - padding-right: 8px; } + button.text-button.image-button { + padding-left: 0; + padding-right: 0; } + button.text-button.image-button label:first-child { + padding-left: 12px; + padding-right: 0; } + button.text-button.image-button label:last-child { + padding-left: 0; + padding-right: 12px; } + button.text-button.image-button image { + padding-left: 6px; + padding-right: 6px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -723,6 +735,9 @@ button:link > label, button:visited > label { spinbutton button:active { color: #ffffff; } +spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { padding-top: 0; padding-bottom: 0; @@ -1261,12 +1276,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } -.path-bar button:first-child { - padding-left: 10px; } - -.path-bar button:last-child { - padding-right: 10px; } - .path-bar button:only-child { padding-left: 10px; padding-right: 10px; } @@ -1330,36 +1339,41 @@ treeview.view { border-radius: 3px; border-width: 0; } treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; color: #7d8189; background-color: #ffffff; - font-weight: bold; } + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294E2; } treeview.view header button:active { color: #5c616c; } - treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } - -treeview.view header button { - min-height: 0; - min-width: 0; - padding: 3px 6px; - background-image: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } - treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; } - treeview.view header button:active:hover { - color: #5c616c; } - treeview.view header button:disabled { - border-color: #F5F6F7; - background-image: none; } - treeview.view header button:last-child { - border-right-style: none; - border-image: none; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: none; } menubar, .menubar { @@ -2056,6 +2070,14 @@ levelbar block.empty { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } +printdialog paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + frame border, .frame { margin: 0; @@ -2067,11 +2089,6 @@ frame border, .frame.flat { border-style: none; } -paper { - border: 1px solid #dcdfe3; - background: white; - padding: 0; } - scrolledwindow viewport.frame, placessidebar viewport.frame { border-style: none; } @@ -2300,9 +2317,12 @@ messagedialog.csd .dialog-action-area button:only-child { border-left-style: none; border-right-style: none; } +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + .sidebar, .sidebar .view { border: none; - background-color: #F5F6F7; } + background-color: #fbfbfc; } stacksidebar row { padding: 10px 4px; } @@ -2316,9 +2336,10 @@ placessidebar list { background-color: transparent; } placessidebar row { + min-height: 30px; padding: 0px; } placessidebar row > revealer { - padding: 8px 10px; } + padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { @@ -2328,8 +2349,10 @@ placessidebar row { placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { - min-width: 26px; - min-height: 26px; + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } @@ -2525,16 +2548,11 @@ button.color { .content-view:hover { -gtk-icon-effect: highlight; } -.scale-popup button { - padding: 6px; } - .scale-popup button:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - -button.scale { - padding: 8px; } +.scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } .context-menu, popover.touch-selection, popover.background.touch-selection { @@ -2555,12 +2573,14 @@ button.circular-button { padding: 0; } .keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #5c616c; background-color: #ffffff; border: 1px solid #dcdfe3; - border-radius: 2px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); - color: #5c616c; - padding: 3px 8px 3px 8px; } + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } stackswitcher button.text-button { min-width: 80px; } @@ -2570,7 +2590,8 @@ stackswitcher button.circular { *:drop(active):focus, *:drop(active) { - border: 1px solid black; } + border-color: black; + box-shadow: inset 0 0 0 1px black; } decoration { border-radius: 4px 4px 0 0; @@ -2579,15 +2600,16 @@ decoration { margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } - .ssd decoration, decoration.ssd { + .ssd decoration { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } - .ssd decoration.maximized, decoration.ssd.maximized { + .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; @@ -3422,16 +3444,16 @@ GtkListBox .h4 { .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { background: #353945; } + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } .nautilus-window placessidebar.sidebar { background-color: #353945; } - .nautilus-window placessidebar.sidebar:dir(ltr) { - margin-right: -1px; } - .nautilus-window placessidebar.sidebar:dir(rtl) { - margin-left: -1px; } .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { @@ -3451,21 +3473,25 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window .sidebar-button.button { +.nautilus-window button.sidebar-button { color: #BAC3CF; } - .nautilus-window .sidebar-button.button:hover { + .nautilus-window button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - .nautilus-window .sidebar-button.button:active { + .nautilus-window button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.4); + border-color: #5294E2; background-color: #5294E2; } - .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #dcdfe3; } + .gedit-bottom-panel-paned { background-color: #ffffff; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 96e18c3..84e4ad4 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -63,7 +63,7 @@ iconview { color: #5c616c; background-color: #ffffff; } iconview:selected, iconview:selected:focus { - border-radius: 3px; } + border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, .rubberband { @@ -158,8 +158,8 @@ entry { border-color: #cfd6e6; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff); - padding-left: 2px; - padding-right: 2px; + min-height: 0; + padding: 2px; border: none; border-radius: 0; } entry:focus { @@ -178,7 +178,7 @@ entry { background-color: #5294E2; color: #ffffff; } entry progress { - margin: 2px 12px; + margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: #5294E2; @@ -420,13 +420,25 @@ button { background-color: rgba(251, 251, 252, 0.55); } button.destructive-action:disabled > label { color: inherit; } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } button.text-button { padding-left: 16px; padding-right: 16px; } - button.text-button.image-button label:first-child { - padding-left: 8px; } - button.text-button.image-button label:last-child { - padding-right: 8px; } + button.text-button.image-button { + padding-left: 0; + padding-right: 0; } + button.text-button.image-button label:first-child { + padding-left: 12px; + padding-right: 0; } + button.text-button.image-button label:last-child { + padding-left: 0; + padding-right: 12px; } + button.text-button.image-button image { + padding-left: 6px; + padding-right: 6px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -723,6 +735,9 @@ button:link > label, button:visited > label { spinbutton button:active { color: #ffffff; } +spinbutton:disabled { + color: rgba(92, 97, 108, 0.55); } + spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { padding-top: 0; padding-bottom: 0; @@ -1261,12 +1276,6 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } -.path-bar button:first-child { - padding-left: 10px; } - -.path-bar button:last-child { - padding-right: 10px; } - .path-bar button:only-child { padding-left: 10px; padding-right: 10px; } @@ -1330,36 +1339,41 @@ treeview.view { border-radius: 3px; border-width: 0; } treeview.view header button { + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; color: #7d8189; background-color: #ffffff; - font-weight: bold; } + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } treeview.view header button:hover { color: #5294E2; } treeview.view header button:active { color: #5c616c; } - treeview.view header button.dnd, treeview.view header button.dnd:selected, treeview.view header button.dnd:hover { - transition: none; - color: #5294E2; - box-shadow: inset 1px 1px 0 1px #5294E2, inset -1px 0 0 1px #5294E2, inset 1px 1px #ffffff, inset -1px 0 #ffffff; } - -treeview.view header button { - min-height: 0; - min-width: 0; - padding: 3px 6px; - background-image: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; } - treeview.view header button:active, treeview.view header button:hover { - background-color: #ffffff; } - treeview.view header button:active:hover { - color: #5c616c; } - treeview.view header button:disabled { - border-color: #F5F6F7; - background-image: none; } - treeview.view header button:last-child { - border-right-style: none; - border-image: none; } + treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; } + treeview.view header button:active:hover { + color: #5c616c; } + treeview.view header button:disabled { + border-color: #F5F6F7; + background-image: none; } + treeview.view header button:last-child { + border-right-style: none; + border-image: none; } + treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, + treeview.view header.button.dnd, + treeview.view header.button.dnd:selected, + treeview.view header.button.dnd:hover, + treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #5294E2; + border-radius: 0; + border-style: none; } menubar, .menubar { @@ -2056,6 +2070,14 @@ levelbar block.empty { background-color: rgba(92, 97, 108, 0.2); border-color: rgba(92, 97, 108, 0.2); } +printdialog paper { + border: 1px solid #dcdfe3; + background: white; + padding: 0; } + +printdialog .dialog-action-box { + margin: 12px; } + frame border, .frame { margin: 0; @@ -2067,11 +2089,6 @@ frame border, .frame.flat { border-style: none; } -paper { - border: 1px solid #dcdfe3; - background: white; - padding: 0; } - scrolledwindow viewport.frame, placessidebar viewport.frame { border-style: none; } @@ -2300,9 +2317,12 @@ messagedialog.csd .dialog-action-area button:only-child { border-left-style: none; border-right-style: none; } +filechooser #pathbarbox { + border-bottom: 1px solid rgba(220, 223, 227, 0.5); } + .sidebar, .sidebar .view { border: none; - background-color: #F5F6F7; } + background-color: #fbfbfc; } stacksidebar row { padding: 10px 4px; } @@ -2316,9 +2336,10 @@ placessidebar list { background-color: transparent; } placessidebar row { + min-height: 30px; padding: 0px; } placessidebar row > revealer { - padding: 8px 10px; } + padding: 0 10px; } placessidebar row image.sidebar-icon:dir(ltr) { padding-right: 8px; } placessidebar row image.sidebar-icon:dir(rtl) { @@ -2328,8 +2349,10 @@ placessidebar row { placessidebar row label.sidebar-label:dir(rtl) { padding-left: 2px; } button.sidebar-button { - min-width: 26px; - min-height: 26px; + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; padding: 0; border-radius: 100%; -gtk-outline-radius: 100%; } @@ -2525,16 +2548,11 @@ button.color { .content-view:hover { -gtk-icon-effect: highlight; } -.scale-popup button { - padding: 6px; } - .scale-popup button:hover { - color: #5c616c; - outline-color: rgba(92, 97, 108, 0.3); - border-color: #cfd6e6; - background-color: white; } - -button.scale { - padding: 8px; } +.scale-popup button:hover { + color: #5c616c; + outline-color: rgba(92, 97, 108, 0.3); + border-color: #cfd6e6; + background-color: white; } .context-menu, popover.touch-selection, popover.background.touch-selection { @@ -2555,12 +2573,14 @@ button.circular-button { padding: 0; } .keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #5c616c; background-color: #ffffff; border: 1px solid #dcdfe3; - border-radius: 2px; - box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); - color: #5c616c; - padding: 3px 8px 3px 8px; } + border-radius: 2.5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); } stackswitcher button.text-button { min-width: 80px; } @@ -2570,7 +2590,8 @@ stackswitcher button.circular { *:drop(active):focus, *:drop(active) { - border: 1px solid black; } + border-color: black; + box-shadow: inset 0 0 0 1px black; } decoration { border-radius: 4px 4px 0 0; @@ -2579,15 +2600,16 @@ decoration { margin: 10px; } decoration:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 8px 8px 0 transparent, 0 5px 5px 0 rgba(0, 0, 0, 0.2); } + .fullscreen decoration, .tiled decoration { border-radius: 0; } .popup decoration, decoration.popup { box-shadow: none; border-radius: 0; } - .ssd decoration, decoration.ssd { + .ssd decoration { border-radius: 4px 4px 0 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } - .ssd decoration.maximized, decoration.ssd.maximized { + .ssd decoration.maximized { border-radius: 0; } .csd.popup decoration { border-radius: 2px; @@ -3422,16 +3444,16 @@ GtkListBox .h4 { .nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { background: rgba(53, 57, 69, 0.95); } + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; } + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { background-color: transparent; } .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - .nautilus-window placessidebar.sidebar:dir(ltr) { - margin-right: -1px; } - .nautilus-window placessidebar.sidebar:dir(rtl) { - margin-left: -1px; } .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { border: 1px solid #5294E2; } .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { @@ -3451,21 +3473,25 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window .sidebar-button.button { +.nautilus-window button.sidebar-button { color: #BAC3CF; } - .nautilus-window .sidebar-button.button:hover { + .nautilus-window button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - .nautilus-window .sidebar-button.button:active { + .nautilus-window button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); - border-color: rgba(26, 28, 34, 0.35); + border-color: #5294E2; background-color: #5294E2; } - .nautilus-window .sidebar-button.button:not(:hover):not(:active) > image { + .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #dcdfe3; } + .gedit-bottom-panel-paned { background-color: #ffffff; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index af5935f..ee418a0 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -93,7 +93,7 @@ iconview { &:selected, &:selected:focus { - border-radius: 3px; + border-radius: 2px; @extend %selected_items; } } @@ -216,8 +216,8 @@ entry { &.flat, &.flat:focus { @include entry(normal); - padding-left: 2px; - padding-right: 2px; + min-height: 0; + padding: 2px; border: none; border-radius: 0; } @@ -236,7 +236,7 @@ entry { } progress { - margin: 2px 12px; + margin: 0 -6px; border-radius: 0; border-width: 0 0 2px; border-color: $selected_bg_color; @@ -421,6 +421,12 @@ button { } } + &.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; + } + &.text-button { padding-left: 16px; padding-right: 16px; @@ -431,8 +437,24 @@ button { // to have the image-button padding, while the text side the text-button // one, so we're adding the missing padding to the label depending on // its position inside the button - label:first-child { padding-left: 8px; } - label:last-child { padding-right: 8px; } + padding-left: 0; + padding-right: 0; + + label { + &:first-child { + padding-left: 12px; + padding-right: 0; + } + &:last-child { + padding-left: 0; + padding-right: 12px; + } + } + + image { + padding-left: 6px; + padding-right: 6px; + } } .stack-switcher > & { @@ -716,7 +738,9 @@ button:link, button:visited { // Spinbuttons // spinbutton { + button:active { color: $selected_fg_color; } + &:disabled { color: $insensitive_fg_color; } &:not(.vertical) { button, entry { @@ -1289,8 +1313,6 @@ headerbar { // .path-bar button { - &:first-child { padding-left: 10px; } - &:last-child { padding-right: 10px; } &:only-child { padding-left: 10px; padding-right: 10px; @@ -1381,52 +1403,49 @@ treeview.view { button { $_column_header_color: mix($fg_color,$base_color,80%); - @extend %column_header_button; + min-height: 0; + min-width: 0; + padding: 3px 6px; + font-weight: bold; color: $_column_header_color; background-color: $base_color; - font-weight: bold; - &:hover { - color: $selected_bg_color; - } - &:active { - color: $fg_color; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, + $base_color 20%, + transparentize(if($variant == 'light', black, white), 0.89) 20%, + transparentize(if($variant == 'light', black, white), 0.89) 80%, + $base_color 80%) 0 1 0 0 / 0 1px 0 0 stretch; + + &:hover { color: $selected_bg_color; } + &:active { color: $fg_color; } + + &:active, &:hover { background-color: $base_color; } + &:active:hover { color: $fg_color; } + + &:disabled { + border-color: $bg_color; + background-image: none; } - &.dnd { - &, &:selected, &:hover { - transition: none; - color: $selected_bg_color; - box-shadow: inset 1px 1px 0 1px $selected_bg_color, - inset -1px 0 0 1px $selected_bg_color, - inset 1px 1px $base_color, inset -1px 0 $base_color; - } + &:last-child { + border-right-style: none; + border-image: none; } } } -} - -%column_header_button { - min-height: 0; - min-width: 0; - padding: 3px 6px; - background-image: none; - border-style: none solid none none; - border-radius: 0; - border-image: linear-gradient(to bottom, - $base_color 20%, - transparentize(if($variant == 'light', black, white), 0.89) 20%, - transparentize(if($variant == 'light', black, white), 0.89) 80%, - $base_color 80%) 0 1 0 0 / 0 1px 0 0 stretch; - &:active, &:hover { background-color: $base_color; } - &:active:hover { color: $fg_color; } - &:disabled { - border-color: $bg_color; - background-image: none; - } - &:last-child { - border-right-style: none; - border-image: none; + button.dnd, + header.button.dnd { + &, &:selected, &:hover, &:active { + padding: 0 6px; + transition: none; + color: $selected_fg_color; + background-color: $selected_bg_color; + border-radius: 0; + border-style: none; + } } } @@ -2160,6 +2179,19 @@ levelbar { } } +// +// Print dialog +// +printdialog { + paper { + border: 1px solid $borders_color; + background: white; + padding: 0; + } + + .dialog-action-box { margin: 12px; } +} + // // Frames // @@ -2173,12 +2205,6 @@ frame border, padding: 0; } -paper { - border: 1px solid $borders_color; - background: white; - padding: 0; -} - scrolledwindow { viewport.frame { // avoid double borders when viewport inside // scrolled window @@ -2385,12 +2411,19 @@ messagedialog { // Message Dialog styling } } +// +// Filechooser +// +filechooser { + #pathbarbox { border-bottom: 1px solid transparentize($borders_color, 0.5); } +} + // // Sidebar // .sidebar, .sidebar .view { border: none; - background-color: $bg_color; + background-color: lighten($bg_color, 2%); &:selected { @extend %selected_items; } separator { @extend separator; } @@ -2418,11 +2451,12 @@ placessidebar { row { // Needs overriding of the GtkListBoxRow padding + min-height: 30px; padding: 0px; // Using margins/padding directly in the SidebarRow // will make the animation of the new bookmark row jump > revealer { - padding: 8px 10px; + padding: 0 10px; } image.sidebar-icon { &:dir(ltr) { padding-right: 8px; } @@ -2433,12 +2467,15 @@ placessidebar { &:dir(rtl) { padding-left: 2px; } } @at-root button.sidebar-button { - min-width: 26px; - min-height: 26px; + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; padding: 0; @extend button.flat; border-radius: 100%; -gtk-outline-radius: 100%; + &:not(:hover):not(:active) > image { opacity: 0.5 }; } } @@ -2708,14 +2745,11 @@ button.color { } .scale-popup button { // +/- buttons on GtkVolumeButton popup - padding: 6px; &:hover { @include button(hover); } } -button.scale { padding: 8px; } - // Decouple the font of context menus from their entry/textview .context-menu { font: initial; } .monospace { font: Monospace; } @@ -2735,12 +2769,16 @@ button.circular-button { } .keycap { + min-width: 16px; + min-height: 20px; + + padding: 3px 6px 4px 6px; + + color: $fg_color; background-color: $base_color; border: 1px solid $borders_color; - border-radius: 2px; + border-radius: 2.5px; box-shadow: inset 0px -2px 0px if($variant=='light', transparentize(black, 0.95), transparentize(black, 0.85)); - color: $fg_color; - padding: 3px 8px 3px 8px; } stackswitcher button { @@ -2753,7 +2791,8 @@ stackswitcher button { // *:drop(active):focus, *:drop(active) { - border: 1px solid black; + border-color: black; + box-shadow: inset 0 0 0 1px black; } // @@ -2779,6 +2818,7 @@ decoration { 0 8px 8px 0 transparent, 0 5px 5px 0 if($variant == 'light', opacify($_wm_border, 0.1), transparentize($_wm_border, 0.2)); } + .fullscreen &, .tiled & { border-radius: 0; } @@ -2788,8 +2828,7 @@ decoration { border-radius: 0; } // server-side decorations as used by mutter - .ssd &, - &.ssd { + .ssd & { border-radius: if($darker=='false' and $variant=='light', 4px 4px 0 0, 3px 3px 0 0); box-shadow: 0 0 0 1px if($darker=='true' or $variant == 'dark', transparentize(black, 0.35), $_wm_border); diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss index 3734c75..ed3f0db 100644 --- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -3,7 +3,12 @@ //GtkFileChooserDialog, //NemoWindow, .nautilus-window { - paned > separator { background: $dark_sidebar_bg; } + paned > separator { + background: $dark_sidebar_border; + + &:dir(ltr) { margin-left: -1px; } + &:dir(rtl) { margin-right: -1px; } + } } // Dark transparent sidebars @@ -14,14 +19,6 @@ placessidebar.sidebar { - &:dir(ltr) { margin-right: -1px; } - &:dir(rtl) { margin-left: -1px; } - - @if $variant=='dark' { - &:dir(ltr) { border-right: 1px solid $dark_sidebar_border; } - &:dir(rtl) { border-left: 1px solid $dark_sidebar_border; } - } - background-color: $dark_sidebar_bg; row.sidebar-placeholder-row { border: 1px solid $selected_bg_color; } @@ -49,14 +46,20 @@ &.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); } - .sidebar-button.button { + button.sidebar-button { color: $dark_sidebar_fg; &:hover { @include button(osd-hover); } - &:active { @include button(osd-active); } + &:active { @include button(active); } &:not(:hover):not(:active) > image { opacity: 0.5 }; } + + searchbar { + // Workaround for https://bugzilla.gnome.org/show_bug.cgi?id=724096 + border-color: transparent; + box-shadow: inset 0 -1px $borders_color; + } } -- cgit v1.2.3 From 380b18e2a54962411a82367a9fe803d2fe6faadc Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Tue, 1 Mar 2016 23:26:00 +0100 Subject: use :checked for active tabs --- common/gtk-3.0/3.20/gtk-dark.css | 4 ++-- common/gtk-3.0/3.20/gtk-darker.css | 4 ++-- common/gtk-3.0/3.20/gtk-solid-dark.css | 4 ++-- common/gtk-3.0/3.20/gtk-solid-darker.css | 4 ++-- common/gtk-3.0/3.20/gtk-solid.css | 4 ++-- common/gtk-3.0/3.20/gtk.css | 4 ++-- common/gtk-3.0/3.20/sass/_common.scss | 2 +- 7 files changed, 13 insertions(+), 13 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index f20918f..fcd02a5 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1614,10 +1614,10 @@ notebook { border-color: #2b2e39; } notebook > header tab:hover label { color: rgba(211, 218, 227, 0.725); } - notebook > header tab:active { + notebook > header tab:checked { background-color: #404552; border-color: #2b2e39; } - notebook > header tab:active label { + notebook > header tab:checked label { color: #D3DAE3; } notebook > header tab button { min-height: 18px; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 6f34d6d..c7d32f3 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1613,10 +1613,10 @@ notebook { border-color: #dcdfe3; } notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook > header tab:active { + notebook > header tab:checked { background-color: #ffffff; border-color: #dcdfe3; } - notebook > header tab:active label { + notebook > header tab:checked label { color: #5c616c; } notebook > header tab button { min-height: 18px; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 6419887..3234d22 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1614,10 +1614,10 @@ notebook { border-color: #2b2e39; } notebook > header tab:hover label { color: rgba(211, 218, 227, 0.725); } - notebook > header tab:active { + notebook > header tab:checked { background-color: #404552; border-color: #2b2e39; } - notebook > header tab:active label { + notebook > header tab:checked label { color: #D3DAE3; } notebook > header tab button { min-height: 18px; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 89ee95c..de9f415 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1613,10 +1613,10 @@ notebook { border-color: #dcdfe3; } notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook > header tab:active { + notebook > header tab:checked { background-color: #ffffff; border-color: #dcdfe3; } - notebook > header tab:active label { + notebook > header tab:checked label { color: #5c616c; } notebook > header tab button { min-height: 18px; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 49866e7..ed13ded 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1617,10 +1617,10 @@ notebook { border-color: #dcdfe3; } notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook > header tab:active { + notebook > header tab:checked { background-color: #ffffff; border-color: #dcdfe3; } - notebook > header tab:active label { + notebook > header tab:checked label { color: #5c616c; } notebook > header tab button { min-height: 18px; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 84e4ad4..8d362ef 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1617,10 +1617,10 @@ notebook { border-color: #dcdfe3; } notebook > header tab:hover label { color: rgba(92, 97, 108, 0.775); } - notebook > header tab:active { + notebook > header tab:checked { background-color: #ffffff; border-color: #dcdfe3; } - notebook > header tab:active label { + notebook > header tab:checked label { color: #5c616c; } notebook > header tab button { min-height: 18px; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index ee418a0..9256c0b 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1697,7 +1697,7 @@ notebook { label { color: mix($fg_color, $insensitive_fg_color, 50%); } } - &:active { + &:checked { background-color: $base_color; border-color: $borders_color; -- cgit v1.2.3 From 3b607e4f5174834a66a81a7cdf7e14faed5836d6 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 2 Mar 2016 12:28:43 +0100 Subject: update scrollbar and scale styling --- common/gtk-3.0/3.20/gtk-dark.css | 97 ++++++++++++++++---------- common/gtk-3.0/3.20/gtk-darker.css | 97 ++++++++++++++++---------- common/gtk-3.0/3.20/gtk-solid-dark.css | 97 ++++++++++++++++---------- common/gtk-3.0/3.20/gtk-solid-darker.css | 97 ++++++++++++++++---------- common/gtk-3.0/3.20/gtk-solid.css | 97 ++++++++++++++++---------- common/gtk-3.0/3.20/gtk.css | 97 ++++++++++++++++---------- common/gtk-3.0/3.20/sass/_common.scss | 114 +++++++++++++++++++------------ 7 files changed, 435 insertions(+), 261 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index fcd02a5..1e07c48 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1630,20 +1630,26 @@ notebook { color: #5294E2; } * { - -GtkRange-slider-width: 13; - -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkScrollbar-min-slider-length: 42; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; } + -GtkScrollbar-has-forward-stepper: false; } scrollbar button { border: none; } +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"); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.4; - -GtkRange-slider-width: 6px; } + opacity: 0.4; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; background-color: #a5abb5; @@ -1653,9 +1659,11 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-style: none; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-width: 4px; margin-top: 2px; margin-bottom: 2px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; margin-left: 2px; margin-right: 2px; } @@ -1679,32 +1687,29 @@ scrollbar slider { border-radius: 100px; margin: 3px; } -scrollbar.fine-tune slider { +scrollbar.vertical.fine-tune slider { + min-width: 4px; margin: 4px; } scrollbar.vertical slider { - margin-left: 4px; } - scrollbar.vertical slider:dir(rtl) { - margin-left: 3px; - margin-right: 4px; } - -scrollbar.vertical.fine-tune .slider { - margin-left: 5px; } - scrollbar.vertical.fine-tune .slider:dir(rtl) { - margin-left: 4px; - margin-right: 5px; } - -scrollbar.vertical trough { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { border-left-style: solid; } - scrollbar.vertical trough:dir(rtl) { - border-left-style: none; - border-right-style: solid; } -scrollbar.horizontal slider { - margin-top: 4px; } +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } scrollbar.horizontal.fine-tune slider { - margin-top: 5px; } + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } scrollbar.horizontal trough { border-top-style: solid; } @@ -1915,19 +1920,37 @@ checkbutton check { margin: 0; } scale { - -GtkScale-slider-length: 15; - -GtkRange-slider-width: 15; - -GtkRange-trough-border: 0; - outline-offset: -1px; - -gtk-outline-radius: 2px; } + min-height: 9px; + min-width: 9px; + padding: 5px; } scale marks { - color: alpha(currentColor,0.7); } - scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { - border-radius: 5px; - margin: 3px; } + color: alpha(currentColor,0.3); } + scale marks.top { + margin-bottom: -4px; } + scale marks.bottom { + margin-top: -4px; } + scale marks.left { + margin-right: -4px; } + scale marks.right { + margin-left: -4px; } + scale.horizontal mark indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical mark indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } scale trough, scale fill, scale highlight { border-radius: 2.5px; } scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; background-clip: border-box; background-image: linear-gradient(to bottom, #444a58); border: 1px solid #262933; @@ -1967,6 +1990,8 @@ scale { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } scale trough { + outline-offset: 2px; + -gtk-outline-radius: 2px; margin: 5px; border: none; background-image: linear-gradient(to bottom, #2d303b); } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index c7d32f3..00dc464 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1629,20 +1629,26 @@ notebook { color: #5294E2; } * { - -GtkRange-slider-width: 13; - -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkScrollbar-min-slider-length: 42; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; } + -GtkScrollbar-has-forward-stepper: false; } scrollbar button { border: none; } +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"); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.4; - -GtkRange-slider-width: 6px; } + opacity: 0.4; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; background-color: #8a8e96; @@ -1652,9 +1658,11 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-style: none; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-width: 4px; margin-top: 2px; margin-bottom: 2px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; margin-left: 2px; margin-right: 2px; } @@ -1678,32 +1686,29 @@ scrollbar slider { border-radius: 100px; margin: 3px; } -scrollbar.fine-tune slider { +scrollbar.vertical.fine-tune slider { + min-width: 4px; margin: 4px; } scrollbar.vertical slider { - margin-left: 4px; } - scrollbar.vertical slider:dir(rtl) { - margin-left: 3px; - margin-right: 4px; } - -scrollbar.vertical.fine-tune .slider { - margin-left: 5px; } - scrollbar.vertical.fine-tune .slider:dir(rtl) { - margin-left: 4px; - margin-right: 5px; } - -scrollbar.vertical trough { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { border-left-style: solid; } - scrollbar.vertical trough:dir(rtl) { - border-left-style: none; - border-right-style: solid; } -scrollbar.horizontal slider { - margin-top: 4px; } +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } scrollbar.horizontal.fine-tune slider { - margin-top: 5px; } + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } scrollbar.horizontal trough { border-top-style: solid; } @@ -1914,19 +1919,37 @@ checkbutton check { margin: 0; } scale { - -GtkScale-slider-length: 15; - -GtkRange-slider-width: 15; - -GtkRange-trough-border: 0; - outline-offset: -1px; - -gtk-outline-radius: 2px; } + min-height: 9px; + min-width: 9px; + padding: 5px; } scale marks { - color: alpha(currentColor,0.7); } - scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { - border-radius: 5px; - margin: 3px; } + color: alpha(currentColor,0.3); } + scale marks.top { + margin-bottom: -4px; } + scale marks.bottom { + margin-top: -4px; } + scale marks.left { + margin-right: -4px; } + scale marks.right { + margin-left: -4px; } + scale.horizontal mark indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical mark indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } scale trough, scale fill, scale highlight { border-radius: 2.5px; } scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); @@ -1966,6 +1989,8 @@ scale { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } scale trough { + outline-offset: 2px; + -gtk-outline-radius: 2px; margin: 5px; border: none; background-image: linear-gradient(to bottom, #cfd6e6); } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 3234d22..7671bf3 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1630,20 +1630,26 @@ notebook { color: #5294E2; } * { - -GtkRange-slider-width: 13; - -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkScrollbar-min-slider-length: 42; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; } + -GtkScrollbar-has-forward-stepper: false; } scrollbar button { border: none; } +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"); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.4; - -GtkRange-slider-width: 6px; } + opacity: 0.4; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; background-color: #a5abb5; @@ -1653,9 +1659,11 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-style: none; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-width: 4px; margin-top: 2px; margin-bottom: 2px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; margin-left: 2px; margin-right: 2px; } @@ -1679,32 +1687,29 @@ scrollbar slider { border-radius: 100px; margin: 3px; } -scrollbar.fine-tune slider { +scrollbar.vertical.fine-tune slider { + min-width: 4px; margin: 4px; } scrollbar.vertical slider { - margin-left: 4px; } - scrollbar.vertical slider:dir(rtl) { - margin-left: 3px; - margin-right: 4px; } - -scrollbar.vertical.fine-tune .slider { - margin-left: 5px; } - scrollbar.vertical.fine-tune .slider:dir(rtl) { - margin-left: 4px; - margin-right: 5px; } - -scrollbar.vertical trough { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { border-left-style: solid; } - scrollbar.vertical trough:dir(rtl) { - border-left-style: none; - border-right-style: solid; } -scrollbar.horizontal slider { - margin-top: 4px; } +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } scrollbar.horizontal.fine-tune slider { - margin-top: 5px; } + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } scrollbar.horizontal trough { border-top-style: solid; } @@ -1915,19 +1920,37 @@ checkbutton check { margin: 0; } scale { - -GtkScale-slider-length: 15; - -GtkRange-slider-width: 15; - -GtkRange-trough-border: 0; - outline-offset: -1px; - -gtk-outline-radius: 2px; } + min-height: 9px; + min-width: 9px; + padding: 5px; } scale marks { - color: alpha(currentColor,0.7); } - scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { - border-radius: 5px; - margin: 3px; } + color: alpha(currentColor,0.3); } + scale marks.top { + margin-bottom: -4px; } + scale marks.bottom { + margin-top: -4px; } + scale marks.left { + margin-right: -4px; } + scale marks.right { + margin-left: -4px; } + scale.horizontal mark indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical mark indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } scale trough, scale fill, scale highlight { border-radius: 2.5px; } scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; background-clip: border-box; background-image: linear-gradient(to bottom, #444a58); border: 1px solid #262933; @@ -1967,6 +1990,8 @@ scale { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } scale trough { + outline-offset: 2px; + -gtk-outline-radius: 2px; margin: 5px; border: none; background-image: linear-gradient(to bottom, #2d303b); } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index de9f415..250f875 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1629,20 +1629,26 @@ notebook { color: #5294E2; } * { - -GtkRange-slider-width: 13; - -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkScrollbar-min-slider-length: 42; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; } + -GtkScrollbar-has-forward-stepper: false; } scrollbar button { border: none; } +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"); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.4; - -GtkRange-slider-width: 6px; } + opacity: 0.4; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; background-color: #8a8e96; @@ -1652,9 +1658,11 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-style: none; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-width: 4px; margin-top: 2px; margin-bottom: 2px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; margin-left: 2px; margin-right: 2px; } @@ -1678,32 +1686,29 @@ scrollbar slider { border-radius: 100px; margin: 3px; } -scrollbar.fine-tune slider { +scrollbar.vertical.fine-tune slider { + min-width: 4px; margin: 4px; } scrollbar.vertical slider { - margin-left: 4px; } - scrollbar.vertical slider:dir(rtl) { - margin-left: 3px; - margin-right: 4px; } - -scrollbar.vertical.fine-tune .slider { - margin-left: 5px; } - scrollbar.vertical.fine-tune .slider:dir(rtl) { - margin-left: 4px; - margin-right: 5px; } - -scrollbar.vertical trough { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { border-left-style: solid; } - scrollbar.vertical trough:dir(rtl) { - border-left-style: none; - border-right-style: solid; } -scrollbar.horizontal slider { - margin-top: 4px; } +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } scrollbar.horizontal.fine-tune slider { - margin-top: 5px; } + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } scrollbar.horizontal trough { border-top-style: solid; } @@ -1914,19 +1919,37 @@ checkbutton check { margin: 0; } scale { - -GtkScale-slider-length: 15; - -GtkRange-slider-width: 15; - -GtkRange-trough-border: 0; - outline-offset: -1px; - -gtk-outline-radius: 2px; } + min-height: 9px; + min-width: 9px; + padding: 5px; } scale marks { - color: alpha(currentColor,0.7); } - scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { - border-radius: 5px; - margin: 3px; } + color: alpha(currentColor,0.3); } + scale marks.top { + margin-bottom: -4px; } + scale marks.bottom { + margin-top: -4px; } + scale marks.left { + margin-right: -4px; } + scale marks.right { + margin-left: -4px; } + scale.horizontal mark indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical mark indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } scale trough, scale fill, scale highlight { border-radius: 2.5px; } scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); @@ -1966,6 +1989,8 @@ scale { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } scale trough { + outline-offset: 2px; + -gtk-outline-radius: 2px; margin: 5px; border: none; background-image: linear-gradient(to bottom, #cfd6e6); } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index ed13ded..bbe9836 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1633,20 +1633,26 @@ notebook { color: #5294E2; } * { - -GtkRange-slider-width: 13; - -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkScrollbar-min-slider-length: 42; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; } + -GtkScrollbar-has-forward-stepper: false; } scrollbar button { border: none; } +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"); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.4; - -GtkRange-slider-width: 6px; } + opacity: 0.4; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; background-color: #8a8e96; @@ -1656,9 +1662,11 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-style: none; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-width: 4px; margin-top: 2px; margin-bottom: 2px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; margin-left: 2px; margin-right: 2px; } @@ -1682,32 +1690,29 @@ scrollbar slider { border-radius: 100px; margin: 3px; } -scrollbar.fine-tune slider { +scrollbar.vertical.fine-tune slider { + min-width: 4px; margin: 4px; } scrollbar.vertical slider { - margin-left: 4px; } - scrollbar.vertical slider:dir(rtl) { - margin-left: 3px; - margin-right: 4px; } - -scrollbar.vertical.fine-tune .slider { - margin-left: 5px; } - scrollbar.vertical.fine-tune .slider:dir(rtl) { - margin-left: 4px; - margin-right: 5px; } - -scrollbar.vertical trough { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { border-left-style: solid; } - scrollbar.vertical trough:dir(rtl) { - border-left-style: none; - border-right-style: solid; } -scrollbar.horizontal slider { - margin-top: 4px; } +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } scrollbar.horizontal.fine-tune slider { - margin-top: 5px; } + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } scrollbar.horizontal trough { border-top-style: solid; } @@ -1918,19 +1923,37 @@ checkbutton check { margin: 0; } scale { - -GtkScale-slider-length: 15; - -GtkRange-slider-width: 15; - -GtkRange-trough-border: 0; - outline-offset: -1px; - -gtk-outline-radius: 2px; } + min-height: 9px; + min-width: 9px; + padding: 5px; } scale marks { - color: alpha(currentColor,0.7); } - scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { - border-radius: 5px; - margin: 3px; } + color: alpha(currentColor,0.3); } + scale marks.top { + margin-bottom: -4px; } + scale marks.bottom { + margin-top: -4px; } + scale marks.left { + margin-right: -4px; } + scale marks.right { + margin-left: -4px; } + scale.horizontal mark indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical mark indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } scale trough, scale fill, scale highlight { border-radius: 2.5px; } scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); @@ -1970,6 +1993,8 @@ scale { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } scale trough { + outline-offset: 2px; + -gtk-outline-radius: 2px; margin: 5px; border: none; background-image: linear-gradient(to bottom, #cfd6e6); } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 8d362ef..d747a20 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1633,20 +1633,26 @@ notebook { color: #5294E2; } * { - -GtkRange-slider-width: 13; - -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; - -GtkScrollbar-has-forward-stepper: false; - -GtkScrollbar-min-slider-length: 42; - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; } + -GtkScrollbar-has-forward-stepper: false; } scrollbar button { border: none; } +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"); } + scrollbar.overlay-indicator:not(.dragging):not(.hovering) { - opacity: 0.4; - -GtkRange-slider-width: 6px; } + opacity: 0.4; } scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { margin: 0; background-color: #8a8e96; @@ -1656,9 +1662,11 @@ scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-style: none; background-color: transparent; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + min-width: 4px; margin-top: 2px; margin-bottom: 2px; } scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + min-height: 4px; margin-left: 2px; margin-right: 2px; } @@ -1682,32 +1690,29 @@ scrollbar slider { border-radius: 100px; margin: 3px; } -scrollbar.fine-tune slider { +scrollbar.vertical.fine-tune slider { + min-width: 4px; margin: 4px; } scrollbar.vertical slider { - margin-left: 4px; } - scrollbar.vertical slider:dir(rtl) { - margin-left: 3px; - margin-right: 4px; } - -scrollbar.vertical.fine-tune .slider { - margin-left: 5px; } - scrollbar.vertical.fine-tune .slider:dir(rtl) { - margin-left: 4px; - margin-right: 5px; } - -scrollbar.vertical trough { + min-height: 42px; + min-width: 6px; + margin: 3px; } + +scrollbar.vertical trough:dir(ltr) { border-left-style: solid; } - scrollbar.vertical trough:dir(rtl) { - border-left-style: none; - border-right-style: solid; } -scrollbar.horizontal slider { - margin-top: 4px; } +scrollbar.vertical trough:dir(rtl) { + border-right-style: solid; } scrollbar.horizontal.fine-tune slider { - margin-top: 5px; } + min-height: 4px; + margin: 4px; } + +scrollbar.horizontal slider { + min-height: 6px; + min-width: 42px; + margin-top: 3px; } scrollbar.horizontal trough { border-top-style: solid; } @@ -1918,19 +1923,37 @@ checkbutton check { margin: 0; } scale { - -GtkScale-slider-length: 15; - -GtkRange-slider-width: 15; - -GtkRange-trough-border: 0; - outline-offset: -1px; - -gtk-outline-radius: 2px; } + min-height: 9px; + min-width: 9px; + padding: 5px; } scale marks { - color: alpha(currentColor,0.7); } - scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { - border-radius: 5px; - margin: 3px; } + color: alpha(currentColor,0.3); } + scale marks.top { + margin-bottom: -4px; } + scale marks.bottom { + margin-top: -4px; } + scale marks.left { + margin-right: -4px; } + scale marks.right { + margin-left: -4px; } + scale.horizontal mark indicator { + min-height: 3px; + min-width: 1px; } + scale.vertical mark indicator { + min-height: 1px; + min-width: 3px; } + scale.fine-tune { + padding: 3px; } + scale.fine-tune trough, scale.fine-tune fill, scale.fine-tune highlight { + border-radius: 5px; } + scale.fine-tune slider { + margin: -4px; } scale trough, scale fill, scale highlight { border-radius: 2.5px; } scale slider { + min-width: 15px; + min-height: 15px; + margin: -6px; background-clip: border-box; background-image: linear-gradient(to bottom, #fbfbfc); border: 1px solid rgba(123, 142, 186, 0.5); @@ -1970,6 +1993,8 @@ scale { background-image: linear-gradient(to bottom, #b1cff2); border-color: #b1cff2; } scale trough { + outline-offset: 2px; + -gtk-outline-radius: 2px; margin: 5px; border: none; background-image: linear-gradient(to bottom, #cfd6e6); } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 9256c0b..0f57cdb 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1732,15 +1732,8 @@ $_scrollbar_bg_color: darken($base_color, 1%); scrollbar { @at-root * { - -GtkRange-slider-width: 13; - -GtkRange-trough-border: 0; -GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-forward-stepper: false; - -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. - // sadly can't be in '.slider' - // where it belongs - -GtkRange-stepper-spacing: 0; - -GtkRange-trough-under-steppers: 1; } $_slider_margin: 3px; @@ -1748,12 +1741,28 @@ scrollbar { button { border: none; } + &.vertical { + button.down { + -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); + } + button.up { + -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); + } + } + + &.horizontal { + button.down { + -gtk-icon-source: -gtk-icontheme('pan-right-symbolic'); + } + button.up { + -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); + } + } + &.overlay-indicator { &:not(.dragging):not(.hovering) { // Overlay scrolling indicator opacity: 0.4; - -GtkRange-slider-width: 6px; - slider { margin: 0; background-color: mix($fg_color, $bg_color, 70%); @@ -1766,17 +1775,17 @@ scrollbar { background-color: transparent; } - // w/o the following margin tweaks the slider shrinks when hovering/dragging &.vertical slider { + min-width: 4px; margin-top: $_slider_margin - 1px; margin-bottom: $_slider_margin - 1px; } &.horizontal slider { + min-height: 4px; margin-left: $_slider_margin - 1px; margin-right: $_slider_margin - 1px; } - } &.dragging, @@ -1808,42 +1817,37 @@ scrollbar { margin: $_slider_margin; } - &.fine-tune slider { margin: $_slider_fine_tune_margin; } - &.vertical { - slider { - margin-left: 1px + $_slider_margin; - - &:dir(rtl) { - margin-left: $_slider_margin; - margin-right: 1px + $_slider_margin; - } + &.fine-tune slider { + min-width: 4px; + margin: $_slider_fine_tune_margin; } - &.fine-tune .slider { - margin-left: 1px + $_slider_fine_tune_margin; - - &:dir(rtl) { - margin-left: $_slider_fine_tune_margin; - margin-right: 1px + $_slider_fine_tune_margin; - } + slider { + min-height: 42px; + min-width: 6px; + margin: $_slider_margin; } trough { - border-left-style: solid; - - &:dir(rtl) { - border-left-style: none; - border-right-style: solid; - } + &:dir(ltr) { border-left-style: solid; } + &:dir(rtl) { border-right-style: solid; } } } &.horizontal { - slider { margin-top: 1px + $_slider_margin; } - &.fine-tune slider { margin-top: 1px + $_slider_fine_tune_margin; } + &.fine-tune slider { + min-height: 4px; + margin: $_slider_fine_tune_margin; + } + + slider { + min-height: 6px; + min-width: 42px; + margin-top: $_slider_margin; + } trough { border-top-style: solid; } } @@ -1970,19 +1974,34 @@ checkbutton check { // GtkScale // scale { - -GtkScale-slider-length: 15; - -GtkRange-slider-width: 15; - -GtkRange-trough-border: 0; - outline-offset: -1px; - -gtk-outline-radius: 2px; + min-height: 9px; + min-width: 9px; + padding: 5px; + + marks { + color: gtkalpha(currentColor, 0.3); + + &.top { margin-bottom: -4px; } + &.bottom { margin-top: -4px; } + &.left { margin-right: -4px; } + &.right { margin-left: -4px; } + } - marks { color: gtkalpha(currentColor, 0.7); } + &.horizontal mark indicator { + min-height: 3px; + min-width: 1px; + } + &.vertical mark indicator { + min-height: 1px; + min-width: 3px; + } &.fine-tune { - trough, fill, highlight { - border-radius: 5px; - margin: 3px; - } + padding: 3px; + + trough, fill, highlight { border-radius: 5px; } + + slider { margin: -4px; } } trough, fill, highlight { @@ -1992,6 +2011,9 @@ scale { slider { $_slider_border: if($variant=='light', transparentize(darken($button_border,25%), 0.5), darken($button_border,2%)); + min-width: 15px; + min-height: 15px; + margin: -6px; background-clip: border-box; background-image: linear-gradient(to bottom, $button_bg); border: 1px solid $_slider_border; @@ -2044,6 +2066,8 @@ scale { trough { $_scale_trough_bg: if($variant == 'light', $button_border, darken($bg_color, 5%)); + outline-offset: 2px; + -gtk-outline-radius: 2px; margin: 5px; border: none; background-image: linear-gradient(to bottom, $_scale_trough_bg); -- cgit v1.2.3 From d271e75c97bc24ec3f13e27cb84760804294eb84 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 2 Mar 2016 12:41:43 +0100 Subject: fix spinbuttons --- common/gtk-3.0/3.20/gtk-dark.css | 11 +++++++---- common/gtk-3.0/3.20/gtk-darker.css | 11 +++++++---- common/gtk-3.0/3.20/gtk-solid-dark.css | 11 +++++++---- common/gtk-3.0/3.20/gtk-solid-darker.css | 11 +++++++---- common/gtk-3.0/3.20/gtk-solid.css | 11 +++++++---- common/gtk-3.0/3.20/gtk.css | 11 +++++++---- common/gtk-3.0/3.20/sass/_common.scss | 14 ++++++++------ 7 files changed, 50 insertions(+), 30 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 1e07c48..c4f9e82 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -739,10 +739,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(211, 218, 227, 0.45); } -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - padding-top: 0; - padding-bottom: 0; - min-height: 0; } +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } @@ -752,6 +751,7 @@ spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #2b2e39; } spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } @@ -763,6 +763,9 @@ spinbutton.vertical button, spinbutton.vertical entry { padding-right: 4px; min-width: 0; } +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #2b2e39; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 00dc464..ad88065 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -738,10 +738,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - padding-top: 0; - padding-bottom: 0; - min-height: 0; } +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } @@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #cfd6e6; } spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } @@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry { padding-right: 4px; min-width: 0; } +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 7671bf3..20fb194 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -739,10 +739,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(211, 218, 227, 0.45); } -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - padding-top: 0; - padding-bottom: 0; - min-height: 0; } +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } @@ -752,6 +751,7 @@ spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #2b2e39; } spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } @@ -763,6 +763,9 @@ spinbutton.vertical button, spinbutton.vertical entry { padding-right: 4px; min-width: 0; } +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #2b2e39; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 250f875..ad518c2 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -738,10 +738,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - padding-top: 0; - padding-bottom: 0; - min-height: 0; } +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } @@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #cfd6e6; } spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } @@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry { padding-right: 4px; min-width: 0; } +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index bbe9836..a4a1e20 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -738,10 +738,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - padding-top: 0; - padding-bottom: 0; - min-height: 0; } +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } @@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #cfd6e6; } spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } @@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry { padding-right: 4px; min-width: 0; } +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index d747a20..ea80786 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -738,10 +738,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } -spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { - padding-top: 0; - padding-bottom: 0; - min-height: 0; } +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 3px 0 0 3px; } spinbutton:not(.vertical) > button + button { border-left-style: none; } @@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button { box-shadow: inset 1px 0 #cfd6e6; } spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), spinbutton:not(.vertical) > entry + button:not(:active):hover { box-shadow: none; } @@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry { padding-right: 4px; min-width: 0; } +spinbutton.vertical button.up { + border-radius: 3px 3px 0 0; } + spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 0f57cdb..d901b99 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -743,19 +743,18 @@ spinbutton { &:disabled { color: $insensitive_fg_color; } &:not(.vertical) { - button, entry { - padding-top: 0; - padding-bottom: 0; - min-height: 0; + button, entry { @extend %linked; } + + &:dir(ltr) entry, + &:dir(rtl) button.up { border-radius: 3px 0 0 3px; } - @extend %linked; - } > button + button { border-left-style: none; } > button:hover:not(:active), > button:hover + button { box-shadow: inset 1px 0 $button_border; } > button:first-child:hover:not(:active), + > button.up:dir(rtl):hover:not(:active), > entry + button:not(:active):hover { box-shadow: none; } > entry:focus + button { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } @@ -768,6 +767,9 @@ spinbutton { @extend %linked_vertical; } + + button.up { border-radius: 3px 3px 0 0; } + > entry:focus + button { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } } } -- cgit v1.2.3 From c6048e47d0f653b743d09b3f812cedb8112609ea Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 2 Mar 2016 13:28:11 +0100 Subject: cleanup --- common/gtk-3.0/3.20/gtk-dark.css | 45 ++++++++---------- common/gtk-3.0/3.20/gtk-darker.css | 45 ++++++++---------- common/gtk-3.0/3.20/gtk-solid-dark.css | 45 ++++++++---------- common/gtk-3.0/3.20/gtk-solid-darker.css | 45 ++++++++---------- common/gtk-3.0/3.20/gtk-solid.css | 45 ++++++++---------- common/gtk-3.0/3.20/gtk.css | 45 ++++++++---------- common/gtk-3.0/3.20/sass/_common.scss | 78 ++++++++++++++------------------ 7 files changed, 155 insertions(+), 193 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index c4f9e82..0c00ae0 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -59,6 +59,9 @@ textview text { color: rgba(255, 255, 255, 0.65); text-shadow: none; } +textview { + background-color: #3c414e; } + iconview { color: #D3DAE3; background-color: #404552; } @@ -105,12 +108,9 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } -textview { - background-color: #3c414e; } - -popover.osd, popover.magnifier, +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); @@ -429,17 +429,11 @@ button { padding-left: 16px; padding-right: 16px; } button.text-button.image-button { - padding-left: 0; - padding-right: 0; } - button.text-button.image-button label:first-child { - padding-left: 12px; - padding-right: 0; } - button.text-button.image-button label:last-child { - padding-left: 0; - padding-right: 12px; } - button.text-button.image-button image { - padding-left: 6px; - padding-right: 6px; } + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -1307,7 +1301,8 @@ treeview.view { treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { - min-height: 2px; } + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } treeview.view.dnd { border-style: solid none; border-width: 1px; @@ -1423,8 +1418,9 @@ menu, background-color: #383C4A; } menu menuitem, .menu menuitem { - padding: 4px; + min-height: 16px; min-width: 40px; + padding: 4px; border: solid transparent; border-width: 1px 0 1px 0; } menu menuitem:hover, @@ -2208,9 +2204,8 @@ separator, .sidebar separator, .sidebar .view separator { list { background-color: #404552; border-color: #2b2e39; } - -row { - padding: 2px; } + list row { + padding: 2px; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(255, 255, 255, 0.03); } @@ -2230,9 +2225,9 @@ row.activatable:selected:disabled { row.activatable:selected:disabled label { color: inherit; } -row, row.activatable { +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover, row.activatable:hover { + row:hover { transition: none; } .app-notification { @@ -2579,8 +2574,8 @@ button.color { border-color: #2b2e39; background-color: #505666; } -.context-menu, popover.touch-selection, -popover.background.touch-selection { +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index ad88065..ea67ac8 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -59,6 +59,9 @@ textview text { color: rgba(255, 255, 255, 0.65); text-shadow: none; } +textview { + background-color: #fafbfb; } + iconview { color: #5c616c; background-color: #ffffff; } @@ -105,12 +108,9 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } -textview { - background-color: #fafbfb; } - -popover.osd, popover.magnifier, +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); @@ -428,17 +428,11 @@ button { padding-left: 16px; padding-right: 16px; } button.text-button.image-button { - padding-left: 0; - padding-right: 0; } - button.text-button.image-button label:first-child { - padding-left: 12px; - padding-right: 0; } - button.text-button.image-button label:last-child { - padding-left: 0; - padding-right: 12px; } - button.text-button.image-button image { - padding-left: 6px; - padding-right: 6px; } + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -1306,7 +1300,8 @@ treeview.view { treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { - min-height: 2px; } + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } treeview.view.dnd { border-style: solid none; border-width: 1px; @@ -1422,8 +1417,9 @@ menu, background-color: #ffffff; } menu menuitem, .menu menuitem { - padding: 4px; + min-height: 16px; min-width: 40px; + padding: 4px; border: solid transparent; border-width: 1px 0 1px 0; } menu menuitem:hover, @@ -2207,9 +2203,8 @@ separator, .sidebar separator, .sidebar .view separator { list { background-color: #ffffff; border-color: #dcdfe3; } - -row { - padding: 2px; } + list row { + padding: 2px; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } @@ -2229,9 +2224,9 @@ row.activatable:selected:disabled { row.activatable:selected:disabled label { color: inherit; } -row, row.activatable { +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover, row.activatable:hover { + row:hover { transition: none; } .app-notification { @@ -2578,8 +2573,8 @@ button.color { border-color: #cfd6e6; background-color: white; } -.context-menu, popover.touch-selection, -popover.background.touch-selection { +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 20fb194..f2adfdd 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -59,6 +59,9 @@ textview text { color: rgba(255, 255, 255, 0.65); text-shadow: none; } +textview { + background-color: #3c414e; } + iconview { color: #D3DAE3; background-color: #404552; } @@ -105,12 +108,9 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } -textview { - background-color: #3c414e; } - -popover.osd, popover.magnifier, +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { color: #BAC3CF; border: none; background-color: #353945; @@ -429,17 +429,11 @@ button { padding-left: 16px; padding-right: 16px; } button.text-button.image-button { - padding-left: 0; - padding-right: 0; } - button.text-button.image-button label:first-child { - padding-left: 12px; - padding-right: 0; } - button.text-button.image-button label:last-child { - padding-left: 0; - padding-right: 12px; } - button.text-button.image-button image { - padding-left: 6px; - padding-right: 6px; } + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -1307,7 +1301,8 @@ treeview.view { treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { - min-height: 2px; } + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } treeview.view.dnd { border-style: solid none; border-width: 1px; @@ -1423,8 +1418,9 @@ menu, background-color: #383C4A; } menu menuitem, .menu menuitem { - padding: 4px; + min-height: 16px; min-width: 40px; + padding: 4px; border: solid transparent; border-width: 1px 0 1px 0; } menu menuitem:hover, @@ -2208,9 +2204,8 @@ separator, .sidebar separator, .sidebar .view separator { list { background-color: #404552; border-color: #2b2e39; } - -row { - padding: 2px; } + list row { + padding: 2px; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(255, 255, 255, 0.03); } @@ -2230,9 +2225,9 @@ row.activatable:selected:disabled { row.activatable:selected:disabled label { color: inherit; } -row, row.activatable { +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover, row.activatable:hover { + row:hover { transition: none; } .app-notification { @@ -2579,8 +2574,8 @@ button.color { border-color: #2b2e39; background-color: #505666; } -.context-menu, popover.touch-selection, -popover.background.touch-selection { +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index ad518c2..c44bedd 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -59,6 +59,9 @@ textview text { color: rgba(255, 255, 255, 0.65); text-shadow: none; } +textview { + background-color: #fafbfb; } + iconview { color: #5c616c; background-color: #ffffff; } @@ -105,12 +108,9 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } -textview { - background-color: #fafbfb; } - -popover.osd, popover.magnifier, +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { color: #BAC3CF; border: none; background-color: #353945; @@ -428,17 +428,11 @@ button { padding-left: 16px; padding-right: 16px; } button.text-button.image-button { - padding-left: 0; - padding-right: 0; } - button.text-button.image-button label:first-child { - padding-left: 12px; - padding-right: 0; } - button.text-button.image-button label:last-child { - padding-left: 0; - padding-right: 12px; } - button.text-button.image-button image { - padding-left: 6px; - padding-right: 6px; } + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -1306,7 +1300,8 @@ treeview.view { treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { - min-height: 2px; } + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } treeview.view.dnd { border-style: solid none; border-width: 1px; @@ -1422,8 +1417,9 @@ menu, background-color: #ffffff; } menu menuitem, .menu menuitem { - padding: 4px; + min-height: 16px; min-width: 40px; + padding: 4px; border: solid transparent; border-width: 1px 0 1px 0; } menu menuitem:hover, @@ -2207,9 +2203,8 @@ separator, .sidebar separator, .sidebar .view separator { list { background-color: #ffffff; border-color: #dcdfe3; } - -row { - padding: 2px; } + list row { + padding: 2px; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } @@ -2229,9 +2224,9 @@ row.activatable:selected:disabled { row.activatable:selected:disabled label { color: inherit; } -row, row.activatable { +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover, row.activatable:hover { + row:hover { transition: none; } .app-notification { @@ -2578,8 +2573,8 @@ button.color { border-color: #cfd6e6; background-color: white; } -.context-menu, popover.touch-selection, -popover.background.touch-selection { +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index a4a1e20..a2b762d 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -59,6 +59,9 @@ textview text { color: rgba(255, 255, 255, 0.65); text-shadow: none; } +textview { + background-color: #fafbfb; } + iconview { color: #5c616c; background-color: #ffffff; } @@ -105,12 +108,9 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } -textview { - background-color: #fafbfb; } - -popover.osd, popover.magnifier, +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { color: #BAC3CF; border: none; background-color: #353945; @@ -428,17 +428,11 @@ button { padding-left: 16px; padding-right: 16px; } button.text-button.image-button { - padding-left: 0; - padding-right: 0; } - button.text-button.image-button label:first-child { - padding-left: 12px; - padding-right: 0; } - button.text-button.image-button label:last-child { - padding-left: 0; - padding-right: 12px; } - button.text-button.image-button image { - padding-left: 6px; - padding-right: 6px; } + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -1310,7 +1304,8 @@ treeview.view { treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { - min-height: 2px; } + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } treeview.view.dnd { border-style: solid none; border-width: 1px; @@ -1426,8 +1421,9 @@ menu, background-color: #ffffff; } menu menuitem, .menu menuitem { - padding: 4px; + min-height: 16px; min-width: 40px; + padding: 4px; border: solid transparent; border-width: 1px 0 1px 0; } menu menuitem:hover, @@ -2211,9 +2207,8 @@ separator, .sidebar separator, .sidebar .view separator { list { background-color: #ffffff; border-color: #dcdfe3; } - -row { - padding: 2px; } + list row { + padding: 2px; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } @@ -2233,9 +2228,9 @@ row.activatable:selected:disabled { row.activatable:selected:disabled label { color: inherit; } -row, row.activatable { +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover, row.activatable:hover { + row:hover { transition: none; } .app-notification { @@ -2582,8 +2577,8 @@ button.color { border-color: #cfd6e6; background-color: white; } -.context-menu, popover.touch-selection, -popover.background.touch-selection { +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index ea80786..bb19796 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -59,6 +59,9 @@ textview text { color: rgba(255, 255, 255, 0.65); text-shadow: none; } +textview { + background-color: #fafbfb; } + iconview { color: #5c616c; background-color: #ffffff; } @@ -105,12 +108,9 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } -textview { - background-color: #fafbfb; } - -popover.osd, popover.magnifier, +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); @@ -428,17 +428,11 @@ button { padding-left: 16px; padding-right: 16px; } button.text-button.image-button { - padding-left: 0; - padding-right: 0; } - button.text-button.image-button label:first-child { - padding-left: 12px; - padding-right: 0; } - button.text-button.image-button label:last-child { - padding-left: 0; - padding-right: 12px; } - button.text-button.image-button image { - padding-left: 6px; - padding-right: 6px; } + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -1310,7 +1304,8 @@ treeview.view { treeview.view:disabled:selected { color: #97bfee; } treeview.view.separator { - min-height: 2px; } + min-height: 2px; + color: rgba(0, 0, 0, 0.1); } treeview.view.dnd { border-style: solid none; border-width: 1px; @@ -1426,8 +1421,9 @@ menu, background-color: #ffffff; } menu menuitem, .menu menuitem { - padding: 4px; + min-height: 16px; min-width: 40px; + padding: 4px; border: solid transparent; border-width: 1px 0 1px 0; } menu menuitem:hover, @@ -2211,9 +2207,8 @@ separator, .sidebar separator, .sidebar .view separator { list { background-color: #ffffff; border-color: #dcdfe3; } - -row { - padding: 2px; } + list row { + padding: 2px; } row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } @@ -2233,9 +2228,9 @@ row.activatable:selected:disabled { row.activatable:selected:disabled label { color: inherit; } -row, row.activatable { +row { transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover, row.activatable:hover { + row:hover { transition: none; } .app-notification { @@ -2582,8 +2577,8 @@ button.color { border-color: #cfd6e6; background-color: white; } -.context-menu, popover.touch-selection, -popover.background.touch-selection { +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { font: initial; } .monospace { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index d901b99..2027c32 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -77,7 +77,7 @@ textview text { selection:hover { @extend %selected_items; } - &.dim-label { + &.dim-label { color: transparentize($text_color, 0.45); selection, selection:focus { @@ -87,6 +87,10 @@ textview text { } } +textview { // This will get overridden by .view, needed by gedit line numbers + background-color: mix($bg_color, $base_color, 50%); +} + iconview { color: $text_color; background-color: $base_color; @@ -114,7 +118,7 @@ flowbox { &:selected { outline-offset: -2px; - @extend %selected_items + @extend %selected_items; } } } @@ -146,20 +150,16 @@ assistant { &:dir(ltr) { border-right: 1px solid $borders_color; } &:dir(rtl) { border-left: 1px solid $borders_color; } } + &.csd .sidebar { border-top-style: none; } - .sidebar label { - padding: 6px 12px; - } + .sidebar label { padding: 6px 12px; } + .sidebar label.highlight { background-color: $selected_bg_color; color: $selected_fg_color; } } -textview { // This will get overridden by .view, needed by gedit line numbers - background-color: mix($bg_color, $base_color, 50%); -} - %osd, .osd { color: $osd_fg_color; border: none; @@ -433,27 +433,12 @@ button { } &.text-button.image-button { - // those buttons needs uneven horizontal padding, we want the icon side - // to have the image-button padding, while the text side the text-button - // one, so we're adding the missing padding to the label depending on - // its position inside the button - padding-left: 0; - padding-right: 0; + padding-left: 8px; + padding-right: 8px; label { - &:first-child { - padding-left: 12px; - padding-right: 0; - } - &:last-child { - padding-left: 0; - padding-right: 12px; - } - } - - image { - padding-left: 6px; - padding-right: 6px; + padding-left: 8px; + padding-right: 8px; } } @@ -728,6 +713,7 @@ modelbutton.flat arrow { button:link, button:visited { @extend %undecorated_button; @extend *:link; + &:hover, &:active, &:checked { @extend %undecorated_button; } @@ -1345,7 +1331,7 @@ treeview.view { &:selected { border-radius: 0; border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); - border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly + border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunately @extend %selected_items; } @@ -1357,7 +1343,10 @@ treeview.view { } } - &.separator { min-height: 2px; } + &.separator { + min-height: 2px; + color: transparentize(black, 0.9); + } &.dnd { border-style: solid none; @@ -1367,6 +1356,7 @@ treeview.view { &.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, 50%); @@ -1378,9 +1368,7 @@ treeview.view { &:hover { color: $selected_fg_color; } } - &:checked { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - } + &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } &.progressbar { // progress bar in treeviews @@ -1466,7 +1454,7 @@ menubar, //background-color: opacify($header_bg_backdrop, 1); } - & > menuitem { + > menuitem { padding: 6px 8px; border: solid transparent; border-width: 0; @@ -1504,8 +1492,9 @@ menu, } menuitem { - padding: 4px; + min-height: 16px; min-width: 40px; + padding: 4px; border: solid transparent; border-width: 1px 0 1px 0; &:hover { @@ -1592,9 +1581,11 @@ popover.background { border-style: none; background-color: transparent; } - &.osd, &.magnifier { @extend %osd; } - &.touch-selection { @extend .context-menu } + &, .csd & { + &.osd, &.magnifier { @extend %osd; } + &.touch-selection { @extend .context-menu } + } } //touch selection handlebars for the Popover.osd above @@ -1955,6 +1946,7 @@ checkbutton, radiobutton { &.text-button { padding: 1px 2px 4px; outline-offset: 0; + &:disabled, &:disabled:active, &:disabled:indeterminate { @@ -2162,7 +2154,6 @@ progressbar { // Level Bar // levelbar { - block { min-width: 32px; min-height: 1px; @@ -2277,13 +2268,12 @@ separator { list { background-color: $base_color; border-color: $borders_color; -} -row { padding: 2px; } + row { padding: 2px; } +} row.activatable { - - &.has-open-popup, // this is for indicathing which row generated a popover see https://bugzilla.gnome.org/show_bug.cgi?id=754411 + &.has-open-popup, &:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); } &:active { color: $fg_color; } @@ -2308,7 +2298,7 @@ row:selected { } // transition -row, row.activatable { +row { transition: all 150ms $ease-out-quad; &:hover { transition: none; } } @@ -2350,6 +2340,7 @@ expander { 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'); } @@ -2458,6 +2449,7 @@ filechooser { stacksidebar { row { padding: 10px 4px; + > label { padding-left: 6px; padding-right: 6px; -- cgit v1.2.3 From 900af619c3291fcacf7b129554f5ff4da7ca713c Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 3 Mar 2016 11:56:24 +0100 Subject: fix comboboxes --- common/gtk-3.0/3.20/gtk-dark.css | 34 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-darker.css | 34 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 34 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 34 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid.css | 34 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk.css | 34 ++++++++++++++++---------------- common/gtk-3.0/3.20/sass/_common.scss | 18 ++++++++--------- 7 files changed, 111 insertions(+), 111 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 0c00ae0..2993e4b 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -519,7 +519,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), @@ -528,7 +528,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), @@ -537,7 +537,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > button:checked + entry { @@ -587,7 +587,7 @@ button { .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > entry + entry.warning:focus:not(:last-child), @@ -596,7 +596,7 @@ button { .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > entry + entry.error:focus:not(:last-child), @@ -605,7 +605,7 @@ button { .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > button:checked + entry { @@ -627,20 +627,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -648,20 +648,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } @@ -1083,19 +1083,19 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index ea67ac8..2ef09e5 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -518,7 +518,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), @@ -527,7 +527,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), @@ -536,7 +536,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > button:checked + entry { @@ -586,7 +586,7 @@ button { .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294E2; } .linked.vertical > entry + entry.warning:focus:not(:last-child), @@ -595,7 +595,7 @@ button { .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #F27835; } .linked.vertical > entry + entry.error:focus:not(:last-child), @@ -604,7 +604,7 @@ button { .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #FC4138; } .linked.vertical > button:checked + entry { @@ -626,20 +626,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -647,20 +647,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } @@ -1082,19 +1082,19 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index f2adfdd..687e278 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -519,7 +519,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), @@ -528,7 +528,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), @@ -537,7 +537,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } .linked:not(.vertical):not(.path-bar) > button:checked + entry { @@ -587,7 +587,7 @@ button { .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > entry + entry.warning:focus:not(:last-child), @@ -596,7 +596,7 @@ button { .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > entry + entry.error:focus:not(:last-child), @@ -605,7 +605,7 @@ button { .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } .linked.vertical > button:checked + entry { @@ -627,20 +627,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -648,20 +648,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } @@ -1083,19 +1083,19 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index c44bedd..22c3bb1 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -518,7 +518,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), @@ -527,7 +527,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), @@ -536,7 +536,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > button:checked + entry { @@ -586,7 +586,7 @@ button { .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294E2; } .linked.vertical > entry + entry.warning:focus:not(:last-child), @@ -595,7 +595,7 @@ button { .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #F27835; } .linked.vertical > entry + entry.error:focus:not(:last-child), @@ -604,7 +604,7 @@ button { .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #FC4138; } .linked.vertical > button:checked + entry { @@ -626,20 +626,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -647,20 +647,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } @@ -1082,19 +1082,19 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index a2b762d..0f1d088 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -518,7 +518,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), @@ -527,7 +527,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), @@ -536,7 +536,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > button:checked + entry { @@ -586,7 +586,7 @@ button { .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294E2; } .linked.vertical > entry + entry.warning:focus:not(:last-child), @@ -595,7 +595,7 @@ button { .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #F27835; } .linked.vertical > entry + entry.error:focus:not(:last-child), @@ -604,7 +604,7 @@ button { .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #FC4138; } .linked.vertical > button:checked + entry { @@ -626,20 +626,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -647,20 +647,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } @@ -1082,19 +1082,19 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index bb19796..66729c4 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -518,7 +518,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), @@ -527,7 +527,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), @@ -536,7 +536,7 @@ button { .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, -.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .linked:not(.vertical):not(.path-bar) > button:checked + entry { @@ -586,7 +586,7 @@ button { .linked.vertical > entry:focus:not(:only-child) + entry, .linked.vertical > entry:focus:not(:only-child) + button, -.linked.vertical > entry:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294E2; } .linked.vertical > entry + entry.warning:focus:not(:last-child), @@ -595,7 +595,7 @@ button { .linked.vertical > entry.warning:focus:not(:only-child) + entry, .linked.vertical > entry.warning:focus:not(:only-child) + button, -.linked.vertical > entry.warning:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #F27835; } .linked.vertical > entry + entry.error:focus:not(:last-child), @@ -604,7 +604,7 @@ button { .linked.vertical > entry.error:focus:not(:only-child) + entry, .linked.vertical > entry.error:focus:not(:only-child) + button, -.linked.vertical > entry.error:focus:not(:only-child) + combobox > button.combo { +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #FC4138; } .linked.vertical > button:checked + entry { @@ -626,20 +626,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } -.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, toolbar.inline-toolbar toolbutton:first-child > button.flat, .inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, .inline-toolbar toolbutton:first-child > button.sidebar-button, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > combobox:first-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, headerbar .linked:not(.vertical).path-bar > button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, toolbar.inline-toolbar toolbutton:last-child > button.flat, .inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, .inline-toolbar toolbutton:last-child > button.sidebar-button, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > combobox:last-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, headerbar .linked:not(.vertical).path-bar > button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-style: solid; } -.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, toolbar.inline-toolbar toolbutton:only-child > button.flat, .inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, .inline-toolbar toolbutton:only-child > button.sidebar-button, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, headerbar .linked:not(.vertical).path-bar > button:only-child { border-radius: 3px; border-style: solid; } @@ -647,20 +647,20 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked.vertical > entry:focus, .linked.vertical > button, .linked.vertical > button:hover, .linked.vertical > button:active, -.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > button.combo { +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { border-radius: 0; border-bottom-style: none; } -.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > button.combo { +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { border-top-left-radius: 3px; border-top-right-radius: 3px; } -.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > button.combo { +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-style: solid; } -.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > button.combo { +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { border-radius: 3px; border-style: solid; } @@ -1082,19 +1082,19 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { border-left-color: #5294E2; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #F27835; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { border-left-color: #FC4138; } -.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > button.combo { +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #FC4138; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 2027c32..f404cb3 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -566,7 +566,7 @@ toolbar.inline-toolbar toolbutton { > entry#{$e_type}:focus:not(:only-child) { + entry, + button, - + combobox > button.combo { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } + + combobox > box > button.combo { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } } } > button:checked + entry { border-#{$_border}-color: if($var=='light', $selected_bg_color, $e_border); } @@ -782,21 +782,21 @@ combobox { } } - .linked > & > button.combo { + .linked > & > box > button.combo { // the combobox is a composite widget so the way we do button linking doesn't // work, special case needed. &:dir(ltr), &:dir(rtl) { @extend %linked_middle; } // specificity bump } - .linked:not(.vertical) > &:first-child > button.combo { @extend %linked:first-child; } - .linked:not(.vertical) > &:last-child > button.combo { @extend %linked:last-child; } - .linked:not(.vertical) > &:only-child > button.combo { @extend %linked:only-child; } + .linked:not(.vertical) > &:first-child > box > button.combo { @extend %linked:first-child; } + .linked:not(.vertical) > &:last-child > box > button.combo { @extend %linked:last-child; } + .linked:not(.vertical) > &:only-child > box > button.combo { @extend %linked:only-child; } - .linked.vertical > & > button.combo { @extend %linked_vertical_middle; } - .linked.vertical > &:first-child > button.combo { @extend %linked_vertical:first-child; } - .linked.vertical > &:last-child > button.combo { @extend %linked_vertical:last-child; } - .linked.vertical > &:only-child > button.combo { @extend %linked_vertical:only-child; } + .linked.vertical > & > box > button.combo { @extend %linked_vertical_middle; } + .linked.vertical > &:first-child > box > button.combo { @extend %linked_vertical:first-child; } + .linked.vertical > &:last-child > box > button.combo { @extend %linked_vertical:last-child; } + .linked.vertical > &:only-child > box > button.combo { @extend %linked_vertical:only-child; } } // -- cgit v1.2.3 From 58bf6bb81bae5ff75560e03a66f634238476d618 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 3 Mar 2016 12:04:24 +0100 Subject: fix scales with marks --- common/gtk-3.0/3.20/gtk-dark.css | 18 +++++++++++------- common/gtk-3.0/3.20/gtk-darker.css | 18 +++++++++++------- common/gtk-3.0/3.20/gtk-solid-dark.css | 18 +++++++++++------- common/gtk-3.0/3.20/gtk-solid-darker.css | 18 +++++++++++------- common/gtk-3.0/3.20/gtk-solid.css | 18 +++++++++++------- common/gtk-3.0/3.20/gtk.css | 18 +++++++++++------- common/gtk-3.0/3.20/sass/_common.scss | 28 ++++++++++++++++++---------- 7 files changed, 84 insertions(+), 52 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 2993e4b..6dad8b9 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1923,19 +1923,23 @@ scale { min-width: 9px; padding: 5px; } scale marks { - color: alpha(currentColor,0.3); } + color: alpha(currentColor,0.4); } scale marks.top { - margin-bottom: -4px; } + margin-bottom: -4px; + margin-top: 4px; } scale marks.bottom { - margin-top: -4px; } + margin-top: -4px; + margin-bottom: 4px; } scale marks.left { - margin-right: -4px; } + margin-right: -4px; + margin-left: 4px; } scale marks.right { - margin-left: -4px; } - scale.horizontal mark indicator { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.vertical mark indicator { + scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.fine-tune { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 2ef09e5..fb7ac6a 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1922,19 +1922,23 @@ scale { min-width: 9px; padding: 5px; } scale marks { - color: alpha(currentColor,0.3); } + color: alpha(currentColor,0.4); } scale marks.top { - margin-bottom: -4px; } + margin-bottom: -4px; + margin-top: 4px; } scale marks.bottom { - margin-top: -4px; } + margin-top: -4px; + margin-bottom: 4px; } scale marks.left { - margin-right: -4px; } + margin-right: -4px; + margin-left: 4px; } scale marks.right { - margin-left: -4px; } - scale.horizontal mark indicator { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.vertical mark indicator { + scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.fine-tune { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 687e278..ea9792e 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1923,19 +1923,23 @@ scale { min-width: 9px; padding: 5px; } scale marks { - color: alpha(currentColor,0.3); } + color: alpha(currentColor,0.4); } scale marks.top { - margin-bottom: -4px; } + margin-bottom: -4px; + margin-top: 4px; } scale marks.bottom { - margin-top: -4px; } + margin-top: -4px; + margin-bottom: 4px; } scale marks.left { - margin-right: -4px; } + margin-right: -4px; + margin-left: 4px; } scale marks.right { - margin-left: -4px; } - scale.horizontal mark indicator { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.vertical mark indicator { + scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.fine-tune { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 22c3bb1..aa43e25 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1922,19 +1922,23 @@ scale { min-width: 9px; padding: 5px; } scale marks { - color: alpha(currentColor,0.3); } + color: alpha(currentColor,0.4); } scale marks.top { - margin-bottom: -4px; } + margin-bottom: -4px; + margin-top: 4px; } scale marks.bottom { - margin-top: -4px; } + margin-top: -4px; + margin-bottom: 4px; } scale marks.left { - margin-right: -4px; } + margin-right: -4px; + margin-left: 4px; } scale marks.right { - margin-left: -4px; } - scale.horizontal mark indicator { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.vertical mark indicator { + scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.fine-tune { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 0f1d088..e9480dd 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1926,19 +1926,23 @@ scale { min-width: 9px; padding: 5px; } scale marks { - color: alpha(currentColor,0.3); } + color: alpha(currentColor,0.4); } scale marks.top { - margin-bottom: -4px; } + margin-bottom: -4px; + margin-top: 4px; } scale marks.bottom { - margin-top: -4px; } + margin-top: -4px; + margin-bottom: 4px; } scale marks.left { - margin-right: -4px; } + margin-right: -4px; + margin-left: 4px; } scale marks.right { - margin-left: -4px; } - scale.horizontal mark indicator { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.vertical mark indicator { + scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.fine-tune { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 66729c4..0f61890 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1926,19 +1926,23 @@ scale { min-width: 9px; padding: 5px; } scale marks { - color: alpha(currentColor,0.3); } + color: alpha(currentColor,0.4); } scale marks.top { - margin-bottom: -4px; } + margin-bottom: -4px; + margin-top: 4px; } scale marks.bottom { - margin-top: -4px; } + margin-top: -4px; + margin-bottom: 4px; } scale marks.left { - margin-right: -4px; } + margin-right: -4px; + margin-left: 4px; } scale marks.right { - margin-left: -4px; } - scale.horizontal mark indicator { + margin-left: -4px; + margin-right: 4px; } + scale.horizontal indicator { min-height: 3px; min-width: 1px; } - scale.vertical mark indicator { + scale.vertical indicator { min-height: 1px; min-width: 3px; } scale.fine-tune { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index f404cb3..3eac8c2 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1968,26 +1968,34 @@ checkbutton check { // GtkScale // scale { + $_marks_length: 3px; + $_marks_margin: -4px; + min-height: 9px; min-width: 9px; padding: 5px; marks { - color: gtkalpha(currentColor, 0.3); - - &.top { margin-bottom: -4px; } - &.bottom { margin-top: -4px; } - &.left { margin-right: -4px; } - &.right { margin-left: -4px; } + color: gtkalpha(currentColor, 0.4); + + @each $marks_pos, $marks_margin in (top, bottom), + (bottom, top), + (left, right), + (right, left) { + &.#{$marks_pos} { + margin-#{$marks_margin}: $_marks_margin; + margin-#{$marks_pos}: -$_marks_margin; + } + } } - &.horizontal mark indicator { - min-height: 3px; + &.horizontal indicator { + min-height: $_marks_length; min-width: 1px; } - &.vertical mark indicator { + &.vertical indicator { min-height: 1px; - min-width: 3px; + min-width: $_marks_length; } &.fine-tune { -- cgit v1.2.3 From 68f72d8b27370f91f3649bb36ccd55a04f1618e6 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 3 Mar 2016 12:11:17 +0100 Subject: fix linked combos --- common/gtk-3.0/3.20/gtk-dark.css | 2 +- common/gtk-3.0/3.20/gtk-darker.css | 2 +- common/gtk-3.0/3.20/gtk-solid-dark.css | 2 +- common/gtk-3.0/3.20/gtk-solid-darker.css | 2 +- common/gtk-3.0/3.20/gtk-solid.css | 2 +- common/gtk-3.0/3.20/gtk.css | 2 +- common/gtk-3.0/3.20/sass/_common.scss | 2 +- 7 files changed, 7 insertions(+), 7 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 6dad8b9..994189c 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -627,7 +627,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index fb7ac6a..8a5152b 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -626,7 +626,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index ea9792e..dd6b2e1 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -627,7 +627,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index aa43e25..be54980 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -626,7 +626,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index e9480dd..30c5bad 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -626,7 +626,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 0f61890..a150c0b 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -626,7 +626,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu .linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, .linked:not(.vertical) > button:hover, .linked:not(.vertical) > button:active, -.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked > combobox > box > button.combo:dir(ltr) { +.linked:not(.vertical) > button:checked, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .primary-toolbar .linked:not(.vertical).path-bar > button, headerbar .linked:not(.vertical).path-bar > button, .primary-toolbar .linked:not(.vertical).path-bar > button:hover, headerbar .linked:not(.vertical).path-bar > button:hover, .primary-toolbar .linked:not(.vertical).path-bar > button:active, headerbar .linked:not(.vertical).path-bar > button:active, .primary-toolbar .linked:not(.vertical).path-bar > button:checked, headerbar .linked:not(.vertical).path-bar > button:checked, .primary-toolbar .linked:not(.vertical).path-bar > button:disabled, headerbar .linked:not(.vertical).path-bar > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr) { border-radius: 0; border-right-style: none; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 3eac8c2..0602b21 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -782,7 +782,7 @@ combobox { } } - .linked > & > box > button.combo { + .linked:not(.vertical) > & > box > button.combo { // the combobox is a composite widget so the way we do button linking doesn't // work, special case needed. &:dir(ltr), -- cgit v1.2.3 From 865b98f659c4919b1c7b72f51ba7a31425bceceb Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 3 Mar 2016 15:40:57 +0100 Subject: improve tabs --- common/gtk-3.0/3.20/gtk-dark.css | 98 +++++++++++++++-------------- common/gtk-3.0/3.20/gtk-darker.css | 98 +++++++++++++++-------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 98 +++++++++++++++-------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 98 +++++++++++++++-------------- common/gtk-3.0/3.20/gtk-solid.css | 98 +++++++++++++++-------------- common/gtk-3.0/3.20/gtk.css | 98 +++++++++++++++-------------- common/gtk-3.0/3.20/sass/_applications.scss | 4 ++ common/gtk-3.0/3.20/sass/_common.scss | 51 +++++++-------- 8 files changed, 328 insertions(+), 315 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 994189c..3db2277 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -667,7 +667,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1519,12 +1519,13 @@ cursor-handle { notebook { padding: 0; - background-color: #404552; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #2b2e39; } - notebook.frame header { + notebook.frame > header { margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #404552; } notebook > header { padding: 3px; background-color: #383C4A; } @@ -1538,94 +1539,92 @@ notebook { box-shadow: inset -1px 0 #2b2e39; } notebook > header.top { padding-bottom: 0; } - notebook > header.top tab { - padding: 4px 15px; + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook > header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.bottom { padding-top: 0; } - notebook > header.bottom tab { - padding: 4px 15px; + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook > header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.right { padding-left: 0; } - notebook > header.right tab { - padding: 4px 15px; + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook > header.right tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.left { padding-right: 0; } - notebook > header.left tab { - padding: 4px 15px; + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook > header.left tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } - notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { + 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.down:first-child, notebook > header.bottom tabs arrow.down:first-child { + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } - notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } - notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { + 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.down:first-child, notebook > header.right tabs arrow.down:first-child { + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } - notebook > header tabs arrow { + notebook > header > tabs > arrow { color: rgba(211, 218, 227, 0.45); } - notebook > header tabs arrow:hover { + notebook > header > tabs > arrow:hover { color: rgba(211, 218, 227, 0.725); } - notebook > header tabs arrow:active { + notebook > header > tabs > arrow:active { color: #D3DAE3; } - notebook > header tabs arrow:disabled { + notebook > header > tabs > arrow:disabled { color: rgba(211, 218, 227, 0.15); } - notebook > header tab { + notebook > header > tabs > tab { + color: rgba(211, 218, 227, 0.45); background-color: rgba(64, 69, 82, 0); } - notebook > header tab label { - color: rgba(211, 218, 227, 0.45); } - notebook > header tab:hover { + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(211, 218, 227, 0.725); background-color: rgba(64, 69, 82, 0.5); - border-color: #2b2e39; } - notebook > header tab:hover label { - color: rgba(211, 218, 227, 0.725); } - notebook > header tab:checked { + border-color: #2b2e39; + box-shadow: inset 0 -1px #2b2e39; } + notebook > header > tabs > tab:checked { + color: #D3DAE3; background-color: #404552; border-color: #2b2e39; } - notebook > header tab:checked label { - color: #D3DAE3; } - notebook > header tab button { + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 18px; min-width: 16px; padding: 0; color: #9da3ad; } - notebook > header tab button:hover { + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } - notebook > header tab button:active, notebook > header tab button:active:hover { + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294E2; } * { @@ -2770,6 +2769,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #404552; border-bottom: 1px solid #2b2e39; } +.nautilus-window notebook { + background-color: #404552; } + button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 8a5152b..167c088 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -666,7 +666,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1518,12 +1518,13 @@ cursor-handle { notebook { padding: 0; - background-color: #ffffff; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #dcdfe3; } - notebook.frame header { + notebook.frame > header { margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #ffffff; } notebook > header { padding: 3px; background-color: #F5F6F7; } @@ -1537,94 +1538,92 @@ notebook { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.top { padding-bottom: 0; } - notebook > header.top tab { - padding: 4px 15px; + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook > header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.bottom { padding-top: 0; } - notebook > header.bottom tab { - padding: 4px 15px; + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook > header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.right { padding-left: 0; } - notebook > header.right tab { - padding: 4px 15px; + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook > header.right tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.left { padding-right: 0; } - notebook > header.left tab { - padding: 4px 15px; + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook > header.left tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } - notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { + 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.down:first-child, notebook > header.bottom tabs arrow.down:first-child { + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } - notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } - notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { + 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.down:first-child, notebook > header.right tabs arrow.down:first-child { + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } - notebook > header tabs arrow { + notebook > header > tabs > arrow { color: rgba(92, 97, 108, 0.55); } - notebook > header tabs arrow:hover { + notebook > header > tabs > arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook > header tabs arrow:active { + notebook > header > tabs > arrow:active { color: #5c616c; } - notebook > header tabs arrow:disabled { + notebook > header > tabs > arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook > header tab { + notebook > header > tabs > tab { + color: rgba(92, 97, 108, 0.55); background-color: rgba(255, 255, 255, 0); } - notebook > header tab label { - color: rgba(92, 97, 108, 0.55); } - notebook > header tab:hover { + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(92, 97, 108, 0.775); background-color: rgba(255, 255, 255, 0.5); - border-color: #dcdfe3; } - notebook > header tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook > header tab:checked { + border-color: #dcdfe3; + box-shadow: inset 0 -1px #dcdfe3; } + notebook > header > tabs > tab:checked { + color: #5c616c; background-color: #ffffff; border-color: #dcdfe3; } - notebook > header tab:checked label { - color: #5c616c; } - notebook > header tab button { + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook > header tab button:hover { + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } - notebook > header tab button:active, notebook > header tab button:active:hover { + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294E2; } * { @@ -2769,6 +2768,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #ffffff; border-bottom: 1px solid #dcdfe3; } +.nautilus-window notebook { + background-color: #ffffff; } + button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index dd6b2e1..3d85156 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -667,7 +667,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1519,12 +1519,13 @@ cursor-handle { notebook { padding: 0; - background-color: #404552; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #2b2e39; } - notebook.frame header { + notebook.frame > header { margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #404552; } notebook > header { padding: 3px; background-color: #383C4A; } @@ -1538,94 +1539,92 @@ notebook { box-shadow: inset -1px 0 #2b2e39; } notebook > header.top { padding-bottom: 0; } - notebook > header.top tab { - padding: 4px 15px; + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook > header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.bottom { padding-top: 0; } - notebook > header.bottom tab { - padding: 4px 15px; + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook > header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.right { padding-left: 0; } - notebook > header.right tab { - padding: 4px 15px; + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook > header.right tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.left { padding-right: 0; } - notebook > header.left tab { - padding: 4px 15px; + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook > header.left tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } - notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { + 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.down:first-child, notebook > header.bottom tabs arrow.down:first-child { + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } - notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } - notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { + 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.down:first-child, notebook > header.right tabs arrow.down:first-child { + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } - notebook > header tabs arrow { + notebook > header > tabs > arrow { color: rgba(211, 218, 227, 0.45); } - notebook > header tabs arrow:hover { + notebook > header > tabs > arrow:hover { color: rgba(211, 218, 227, 0.725); } - notebook > header tabs arrow:active { + notebook > header > tabs > arrow:active { color: #D3DAE3; } - notebook > header tabs arrow:disabled { + notebook > header > tabs > arrow:disabled { color: rgba(211, 218, 227, 0.15); } - notebook > header tab { + notebook > header > tabs > tab { + color: rgba(211, 218, 227, 0.45); background-color: rgba(64, 69, 82, 0); } - notebook > header tab label { - color: rgba(211, 218, 227, 0.45); } - notebook > header tab:hover { + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(211, 218, 227, 0.725); background-color: rgba(64, 69, 82, 0.5); - border-color: #2b2e39; } - notebook > header tab:hover label { - color: rgba(211, 218, 227, 0.725); } - notebook > header tab:checked { + border-color: #2b2e39; + box-shadow: inset 0 -1px #2b2e39; } + notebook > header > tabs > tab:checked { + color: #D3DAE3; background-color: #404552; border-color: #2b2e39; } - notebook > header tab:checked label { - color: #D3DAE3; } - notebook > header tab button { + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 18px; min-width: 16px; padding: 0; color: #9da3ad; } - notebook > header tab button:hover { + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } - notebook > header tab button:active, notebook > header tab button:active:hover { + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294E2; } * { @@ -2770,6 +2769,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #404552; border-bottom: 1px solid #2b2e39; } +.nautilus-window notebook { + background-color: #404552; } + button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index be54980..fb8ee12 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -666,7 +666,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1518,12 +1518,13 @@ cursor-handle { notebook { padding: 0; - background-color: #ffffff; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #dcdfe3; } - notebook.frame header { + notebook.frame > header { margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #ffffff; } notebook > header { padding: 3px; background-color: #F5F6F7; } @@ -1537,94 +1538,92 @@ notebook { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.top { padding-bottom: 0; } - notebook > header.top tab { - padding: 4px 15px; + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook > header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.bottom { padding-top: 0; } - notebook > header.bottom tab { - padding: 4px 15px; + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook > header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.right { padding-left: 0; } - notebook > header.right tab { - padding: 4px 15px; + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook > header.right tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.left { padding-right: 0; } - notebook > header.left tab { - padding: 4px 15px; + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook > header.left tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } - notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { + 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.down:first-child, notebook > header.bottom tabs arrow.down:first-child { + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } - notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } - notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { + 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.down:first-child, notebook > header.right tabs arrow.down:first-child { + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } - notebook > header tabs arrow { + notebook > header > tabs > arrow { color: rgba(92, 97, 108, 0.55); } - notebook > header tabs arrow:hover { + notebook > header > tabs > arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook > header tabs arrow:active { + notebook > header > tabs > arrow:active { color: #5c616c; } - notebook > header tabs arrow:disabled { + notebook > header > tabs > arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook > header tab { + notebook > header > tabs > tab { + color: rgba(92, 97, 108, 0.55); background-color: rgba(255, 255, 255, 0); } - notebook > header tab label { - color: rgba(92, 97, 108, 0.55); } - notebook > header tab:hover { + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(92, 97, 108, 0.775); background-color: rgba(255, 255, 255, 0.5); - border-color: #dcdfe3; } - notebook > header tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook > header tab:checked { + border-color: #dcdfe3; + box-shadow: inset 0 -1px #dcdfe3; } + notebook > header > tabs > tab:checked { + color: #5c616c; background-color: #ffffff; border-color: #dcdfe3; } - notebook > header tab:checked label { - color: #5c616c; } - notebook > header tab button { + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook > header tab button:hover { + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } - notebook > header tab button:active, notebook > header tab button:active:hover { + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294E2; } * { @@ -2769,6 +2768,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #ffffff; border-bottom: 1px solid #dcdfe3; } +.nautilus-window notebook { + background-color: #ffffff; } + button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 30c5bad..4894e1d 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -666,7 +666,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1522,12 +1522,13 @@ cursor-handle { notebook { padding: 0; - background-color: #ffffff; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #dcdfe3; } - notebook.frame header { + notebook.frame > header { margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #ffffff; } notebook > header { padding: 3px; background-color: #F5F6F7; } @@ -1541,94 +1542,92 @@ notebook { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.top { padding-bottom: 0; } - notebook > header.top tab { - padding: 4px 15px; + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook > header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.bottom { padding-top: 0; } - notebook > header.bottom tab { - padding: 4px 15px; + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook > header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.right { padding-left: 0; } - notebook > header.right tab { - padding: 4px 15px; + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook > header.right tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.left { padding-right: 0; } - notebook > header.left tab { - padding: 4px 15px; + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook > header.left tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } - notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { + 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.down:first-child, notebook > header.bottom tabs arrow.down:first-child { + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } - notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } - notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { + 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.down:first-child, notebook > header.right tabs arrow.down:first-child { + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } - notebook > header tabs arrow { + notebook > header > tabs > arrow { color: rgba(92, 97, 108, 0.55); } - notebook > header tabs arrow:hover { + notebook > header > tabs > arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook > header tabs arrow:active { + notebook > header > tabs > arrow:active { color: #5c616c; } - notebook > header tabs arrow:disabled { + notebook > header > tabs > arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook > header tab { + notebook > header > tabs > tab { + color: rgba(92, 97, 108, 0.55); background-color: rgba(255, 255, 255, 0); } - notebook > header tab label { - color: rgba(92, 97, 108, 0.55); } - notebook > header tab:hover { + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(92, 97, 108, 0.775); background-color: rgba(255, 255, 255, 0.5); - border-color: #dcdfe3; } - notebook > header tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook > header tab:checked { + border-color: #dcdfe3; + box-shadow: inset 0 -1px #dcdfe3; } + notebook > header > tabs > tab:checked { + color: #5c616c; background-color: #ffffff; border-color: #dcdfe3; } - notebook > header tab:checked label { - color: #5c616c; } - notebook > header tab button { + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook > header tab button:hover { + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } - notebook > header tab button:active, notebook > header tab button:active:hover { + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294E2; } * { @@ -2773,6 +2772,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #ffffff; border-bottom: 1px solid #dcdfe3; } +.nautilus-window notebook { + background-color: #ffffff; } + button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index a150c0b..3d9ce93 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -666,7 +666,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu menuitem.button.flat, modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow, -.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { +.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled { border-color: transparent; background-color: transparent; background-image: none; @@ -1522,12 +1522,13 @@ cursor-handle { notebook { padding: 0; - background-color: #ffffff; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } notebook.frame { border: 1px solid #dcdfe3; } - notebook.frame header { + notebook.frame > header { margin: -1px; } + notebook > stack:not(:only-child) { + background-color: #ffffff; } notebook > header { padding: 3px; background-color: #F5F6F7; } @@ -1541,94 +1542,92 @@ notebook { box-shadow: inset -1px 0 #dcdfe3; } notebook > header.top { padding-bottom: 0; } - notebook > header.top tab { - padding: 4px 15px; + notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-bottom: none; margin-right: -1px; border-radius: 1px 1px 0 0; } - notebook > header.top tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.bottom { padding-top: 0; } - notebook > header.bottom tab { - padding: 4px 15px; + notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-top: none; margin-right: -1px; border-radius: 0 0 1px 1px; } - notebook > header.bottom tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.right { padding-left: 0; } - notebook > header.right tab { - padding: 4px 15px; + notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-left: none; margin-bottom: -1px; border-radius: 0 1px 1px 0; } - notebook > header.right tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } notebook > header.left { padding-right: 0; } - notebook > header.left tab { - padding: 4px 15px; + notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + outline-offset: -4px; border: 1px solid transparent; border-right: none; margin-bottom: -1px; border-radius: 1px 0 0 1px; } - notebook > header.left tab.reorderable-page { - padding-left: 12px; - padding-right: 12px; } - notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up { + notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } - notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child { + notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { margin-left: 2px; } - notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down { + 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.down:first-child, notebook > header.bottom tabs arrow.down:first-child { + notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { margin-right: 2px; } - notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up { + notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child { + notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { margin-top: 2px; } - notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down { + 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.down:first-child, notebook > header.right tabs arrow.down:first-child { + notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { margin-bottom: 2px; } - notebook > header tabs arrow { + notebook > header > tabs > arrow { color: rgba(92, 97, 108, 0.55); } - notebook > header tabs arrow:hover { + notebook > header > tabs > arrow:hover { color: rgba(92, 97, 108, 0.775); } - notebook > header tabs arrow:active { + notebook > header > tabs > arrow:active { color: #5c616c; } - notebook > header tabs arrow:disabled { + notebook > header > tabs > arrow:disabled { color: rgba(92, 97, 108, 0.25); } - notebook > header tab { + notebook > header > tabs > tab { + color: rgba(92, 97, 108, 0.55); background-color: rgba(255, 255, 255, 0); } - notebook > header tab label { - color: rgba(92, 97, 108, 0.55); } - notebook > header tab:hover { + notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(92, 97, 108, 0.775); background-color: rgba(255, 255, 255, 0.5); - border-color: #dcdfe3; } - notebook > header tab:hover label { - color: rgba(92, 97, 108, 0.775); } - notebook > header tab:checked { + border-color: #dcdfe3; + box-shadow: inset 0 -1px #dcdfe3; } + notebook > header > tabs > tab:checked { + color: #5c616c; background-color: #ffffff; border-color: #dcdfe3; } - notebook > header tab:checked label { - color: #5c616c; } - notebook > header tab button { + notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { min-height: 18px; min-width: 16px; padding: 0; color: #92959d; } - notebook > header tab button:hover { + notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover { color: #ff4d4d; } - notebook > header tab button:active, notebook > header tab button:active:hover { + notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover { color: #5294E2; } * { @@ -2773,6 +2772,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #ffffff; border-bottom: 1px solid #dcdfe3; } +.nautilus-window notebook { + background-color: #ffffff; } + button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index 6872d60..f47a285 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -117,6 +117,10 @@ border-bottom: 1px solid $borders_color; } +.nautilus-window notebook { + background-color: $base_color; +} + button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 0602b21..4c92a7d 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1603,18 +1603,19 @@ cursor-handle { // notebook { padding: 0; - background-color: $base_color; transition: all 200ms $ease-out-quad; &.frame { border: 1px solid $borders_color; - header { margin: -1px; } // ugly hack to hide the borders around the header + > header { margin: -1px; } // ugly hack to hide the borders around the header + } + + > stack:not(:only-child) { // the :not(:only-child) is for "hidden" notebooks + background-color: $base_color; } > header { - $vpadding: 4px; - $hpadding: 15px; padding: 3px; background-color: $bg_color; @@ -1628,16 +1629,16 @@ notebook { &.#{$_pos} { padding-#{$_bpos}: 0; - tab { - padding: $vpadding $hpadding; + > tabs > tab { + padding: 2px 10px; + min-width: 22px; + min-height: 22px; + + outline-offset: -4px; + border: 1px solid transparent; border-#{$_bpos}: none; - // nicer close button placement - &.reorderable-page { - padding-left: 12px; - padding-right: 12px; - } // tab overlap @if $_pos==top or $_pos==bottom { margin-right: -1px; } @else { margin-bottom: -1px; } @@ -1652,26 +1653,26 @@ notebook { } // overflow arrows &.top, &.bottom { - tabs arrow.up { + > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); &:last-child { margin-left: 2px; } } - tabs arrow.down { + > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme('pan-start-symbolic'); &:first-child { margin-right: 2px; } } } &.left, &.right { - tabs arrow.up { + > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); &:last-child { margin-top: 2px; } } - tabs arrow.down { + > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); &:first-child { margin-bottom: 2px; } } } - tabs arrow { + > tabs > arrow { color: $insensitive_fg_color; &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); } @@ -1679,32 +1680,28 @@ notebook { &:disabled { color: transparentize($insensitive_fg_color,0.3); } } // tab colors - tab { + > tabs > tab { + color: $insensitive_fg_color; background-color: transparentize($base_color, 1); - label { color: $insensitive_fg_color; } - - &:hover { + &:hover:not(:checked) { + color: mix($fg_color, $insensitive_fg_color, 50%); background-color: transparentize($base_color, 0.5); border-color: $borders_color; - - label { color: mix($fg_color, $insensitive_fg_color, 50%); } + box-shadow: inset 0 -1px $borders_color; } &:checked { + color: $fg_color; background-color: $base_color; border-color: $borders_color; - - label { color: $fg_color; } } // close button - button { + button.flat { min-height: 18px; min-width: 16px; padding: 0; color: mix($bg_color, $fg_color, 35%); - @extend %undecorated_button; - &:hover { @extend %undecorated_button; color: lighten(red, 15%); -- cgit v1.2.3 From acdba71700a71a7042cab93f8a0649086b34ea40 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 3 Mar 2016 16:55:05 +0100 Subject: tweak nautilus searchbar --- common/gtk-3.0/3.20/gtk-dark.css | 15 ++++++--------- common/gtk-3.0/3.20/gtk-darker.css | 15 ++++++--------- common/gtk-3.0/3.20/gtk-solid-dark.css | 15 ++++++--------- common/gtk-3.0/3.20/gtk-solid-darker.css | 15 ++++++--------- common/gtk-3.0/3.20/gtk-solid.css | 15 ++++++--------- common/gtk-3.0/3.20/gtk.css | 15 ++++++--------- common/gtk-3.0/3.20/sass/_applications.scss | 11 +++++++---- common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 6 ------ 8 files changed, 43 insertions(+), 64 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 3db2277..3b05284 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2763,11 +2763,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -.nautilus-window .search-bar { - padding: 5px; - box-shadow: none; - background-color: #404552; - border-bottom: 1px solid #2b2e39; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #2b2e39; } + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #404552; } .nautilus-window notebook { background-color: #404552; } @@ -3514,10 +3515,6 @@ GtkListBox .h4 { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } -.nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #2b2e39; } - .gedit-bottom-panel-paned { background-color: #404552; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 167c088..1c63f71 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2762,11 +2762,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -.nautilus-window .search-bar { - padding: 5px; - box-shadow: none; - background-color: #ffffff; - border-bottom: 1px solid #dcdfe3; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #dcdfe3; } + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; } .nautilus-window notebook { background-color: #ffffff; } @@ -3513,10 +3514,6 @@ GtkListBox .h4 { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } -.nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #dcdfe3; } - .gedit-bottom-panel-paned { background-color: #ffffff; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 3d85156..6fece18 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2763,11 +2763,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -.nautilus-window .search-bar { - padding: 5px; - box-shadow: none; - background-color: #404552; - border-bottom: 1px solid #2b2e39; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #2b2e39; } + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #404552; } .nautilus-window notebook { background-color: #404552; } @@ -3514,10 +3515,6 @@ GtkListBox .h4 { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } -.nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #2b2e39; } - .gedit-bottom-panel-paned { background-color: #404552; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index fb8ee12..dd605ff 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2762,11 +2762,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -.nautilus-window .search-bar { - padding: 5px; - box-shadow: none; - background-color: #ffffff; - border-bottom: 1px solid #dcdfe3; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #dcdfe3; } + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; } .nautilus-window notebook { background-color: #ffffff; } @@ -3513,10 +3514,6 @@ GtkListBox .h4 { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } -.nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #dcdfe3; } - .gedit-bottom-panel-paned { background-color: #ffffff; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 4894e1d..140e205 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2766,11 +2766,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -.nautilus-window .search-bar { - padding: 5px; - box-shadow: none; - background-color: #ffffff; - border-bottom: 1px solid #dcdfe3; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #dcdfe3; } + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; } .nautilus-window notebook { background-color: #ffffff; } @@ -3517,10 +3518,6 @@ GtkListBox .h4 { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } -.nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #dcdfe3; } - .gedit-bottom-panel-paned { background-color: #ffffff; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 3d9ce93..d805ada 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2766,11 +2766,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-list-dim-label:selected:focus { color: #dceaf9; } -.nautilus-window .search-bar { - padding: 5px; - box-shadow: none; - background-color: #ffffff; - border-bottom: 1px solid #dcdfe3; } +.nautilus-window searchbar { + border-color: transparent; + box-shadow: inset 0 -1px #dcdfe3; } + +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; } .nautilus-window notebook { background-color: #ffffff; } @@ -3517,10 +3518,6 @@ GtkListBox .h4 { .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } -.nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #dcdfe3; } - .gedit-bottom-panel-paned { background-color: #ffffff; } diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index f47a285..8fcb0a7 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -110,11 +110,14 @@ &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); } } -.nautilus-window .search-bar { - padding: 5px; - box-shadow: none; +.nautilus-window searchbar { + // Workaround for https://bugzilla.gnome.org/show_bug.cgi?id=724096 + border-color: transparent; + box-shadow: inset 0 -1px $borders_color; +} + +.nautilus-window notebook > stack:not(:only-child) searchbar { background-color: $base_color; - border-bottom: 1px solid $borders_color; } .nautilus-window notebook { diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss index ed3f0db..26238af 100644 --- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -54,12 +54,6 @@ &:not(:hover):not(:active) > image { opacity: 0.5 }; } - - searchbar { - // Workaround for https://bugzilla.gnome.org/show_bug.cgi?id=724096 - border-color: transparent; - box-shadow: inset 0 -1px $borders_color; - } } -- cgit v1.2.3 From c0cad431d3310dc14c376fc984ec92525c8165fc Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 3 Mar 2016 16:56:55 +0100 Subject: remove weird transition --- common/gtk-3.0/3.20/gtk-dark.css | 1 - common/gtk-3.0/3.20/gtk-darker.css | 1 - common/gtk-3.0/3.20/gtk-solid-dark.css | 1 - common/gtk-3.0/3.20/gtk-solid-darker.css | 1 - common/gtk-3.0/3.20/gtk-solid.css | 1 - common/gtk-3.0/3.20/gtk.css | 1 - common/gtk-3.0/3.20/sass/_common.scss | 1 - 7 files changed, 7 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 3b05284..9c4f668 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2389,7 +2389,6 @@ placessidebar row.sidebar-new-bookmark-row { background-color: #22242d; } placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 1c63f71..4fbc0c3 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2388,7 +2388,6 @@ placessidebar row.sidebar-new-bookmark-row { background-color: #d9dde0; } placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 6fece18..ca9c7f4 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2389,7 +2389,6 @@ placessidebar row.sidebar-new-bookmark-row { background-color: #22242d; } placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index dd605ff..3b0abcc 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2388,7 +2388,6 @@ placessidebar row.sidebar-new-bookmark-row { background-color: #d9dde0; } placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 140e205..c58c6e6 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2392,7 +2392,6 @@ placessidebar row.sidebar-new-bookmark-row { background-color: #d9dde0; } placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index d805ada..9633aa0 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2392,7 +2392,6 @@ placessidebar row.sidebar-new-bookmark-row { background-color: #d9dde0; } placesview .server-list-button > image { - transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } placesview .server-list-button:checked > image { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 4c92a7d..2b58758 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -2513,7 +2513,6 @@ placessidebar { // placesview { .server-list-button > image { - transition: 200ms $ease-out-quad; -gtk-icon-transform: rotate(0turn); } -- cgit v1.2.3 From 0353810bd2a2ea8e1544f3be86bc9f1e7fb7d42d Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 7 Mar 2016 22:25:37 +0100 Subject: fix height of window decorations --- common/gtk-3.0/3.20/gtk-dark.css | 8 +++++--- common/gtk-3.0/3.20/gtk-darker.css | 8 +++++--- common/gtk-3.0/3.20/gtk-solid-dark.css | 8 +++++--- common/gtk-3.0/3.20/gtk-solid-darker.css | 8 +++++--- common/gtk-3.0/3.20/gtk-solid.css | 8 +++++--- common/gtk-3.0/3.20/gtk.css | 8 +++++--- common/gtk-3.0/3.20/sass/_common.scss | 6 ++++-- 7 files changed, 34 insertions(+), 20 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 9c4f668..91d7c19 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -897,8 +897,8 @@ headerbar { headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + min-height: 28px; + padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized @@ -2650,7 +2650,9 @@ decoration { headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; - min-width: 0; } + min-width: 0; + min-height: 0; + margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 4fbc0c3..d066153 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -896,8 +896,8 @@ headerbar { headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + min-height: 28px; + padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized @@ -2649,7 +2649,9 @@ decoration { headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; - min-width: 0; } + min-width: 0; + min-height: 0; + margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index ca9c7f4..3e1e5db 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -897,8 +897,8 @@ headerbar { headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + min-height: 28px; + padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized @@ -2650,7 +2650,9 @@ decoration { headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; - min-width: 0; } + min-width: 0; + min-height: 0; + margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 3b0abcc..f6f4982 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -896,8 +896,8 @@ headerbar { headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + min-height: 28px; + padding: 0 3px; background-color: #2f343f; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized @@ -2649,7 +2649,9 @@ decoration { headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; - min-width: 0; } + min-width: 0; + min-height: 0; + margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index c58c6e6..e353723 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -896,8 +896,8 @@ headerbar { headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + min-height: 28px; + padding: 0 3px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized @@ -2653,7 +2653,9 @@ decoration { headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; - min-width: 0; } + min-width: 0; + min-height: 0; + margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 9633aa0..d7fc7d0 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -896,8 +896,8 @@ headerbar { headerbar.default-decoration, .csd headerbar.default-decoration, headerbar.default-decoration:backdrop, .csd headerbar.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + min-height: 28px; + padding: 0 3px; background-color: #e7e8eb; border-bottom-width: 0; } .maximized headerbar.default-decoration, .maximized @@ -2653,7 +2653,9 @@ decoration { headerbar.default-decoration button.titlebutton, .titlebar.default-decoration button.titlebutton { padding: 0 4px; - min-width: 0; } + min-width: 0; + min-height: 0; + margin: 0; } headerbar button.titlebutton, .titlebar button.titlebutton { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 2b58758..980ccfc 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -975,8 +975,8 @@ headerbar { .csd &.default-decoration, // needed under wayland, since all gtk3 windows are csd windows &.default-decoration:backdrop, .csd &.default-decoration:backdrop { - padding-top: 5px; - padding-bottom: 5px; + min-height: 28px; + padding: 0 3px; background-color: opacify($header_bg, 1); border-bottom-width: 0; @@ -2885,6 +2885,8 @@ headerbar, &.default-decoration button.titlebutton { // no vertical padding for ssd buttons padding: 0 4px; // already handled by the titlebar-padding min-width: 0; + min-height: 0; + margin: 0; } button.titlebutton { -- cgit v1.2.3 From fd3221e4cd018c3c58ed5297d7d8fb729a98e1e2 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 7 Mar 2016 22:50:11 +0100 Subject: scale updates --- common/gtk-3.0/3.20/gtk-dark.css | 22 +++++++++++++++++++--- common/gtk-3.0/3.20/gtk-darker.css | 22 +++++++++++++++++++--- common/gtk-3.0/3.20/gtk-solid-dark.css | 22 +++++++++++++++++++--- common/gtk-3.0/3.20/gtk-solid-darker.css | 22 +++++++++++++++++++--- common/gtk-3.0/3.20/gtk-solid.css | 22 +++++++++++++++++++--- common/gtk-3.0/3.20/gtk.css | 22 +++++++++++++++++++--- common/gtk-3.0/3.20/sass/_common.scss | 28 ++++++++++++++++++++++------ 7 files changed, 136 insertions(+), 24 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 91d7c19..8a908f0 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1921,18 +1921,34 @@ scale { min-height: 9px; min-width: 9px; padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { margin-bottom: -4px; margin-top: 4px; } - scale marks.bottom { + scale.fine-tune marks.bottom { margin-top: -4px; margin-bottom: 4px; } - scale marks.left { + scale.fine-tune marks.top { margin-right: -4px; margin-left: 4px; } - scale marks.right { + scale.fine-tune marks.bottom { margin-left: -4px; margin-right: 4px; } scale.horizontal indicator { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index d066153..35b3ade 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1920,18 +1920,34 @@ scale { min-height: 9px; min-width: 9px; padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { margin-bottom: -4px; margin-top: 4px; } - scale marks.bottom { + scale.fine-tune marks.bottom { margin-top: -4px; margin-bottom: 4px; } - scale marks.left { + scale.fine-tune marks.top { margin-right: -4px; margin-left: 4px; } - scale marks.right { + scale.fine-tune marks.bottom { margin-left: -4px; margin-right: 4px; } scale.horizontal indicator { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 3e1e5db..7c43343 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1921,18 +1921,34 @@ scale { min-height: 9px; min-width: 9px; padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { margin-bottom: -4px; margin-top: 4px; } - scale marks.bottom { + scale.fine-tune marks.bottom { margin-top: -4px; margin-bottom: 4px; } - scale marks.left { + scale.fine-tune marks.top { margin-right: -4px; margin-left: 4px; } - scale marks.right { + scale.fine-tune marks.bottom { margin-left: -4px; margin-right: 4px; } scale.horizontal indicator { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index f6f4982..31b31be 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1920,18 +1920,34 @@ scale { min-height: 9px; min-width: 9px; padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { margin-bottom: -4px; margin-top: 4px; } - scale marks.bottom { + scale.fine-tune marks.bottom { margin-top: -4px; margin-bottom: 4px; } - scale marks.left { + scale.fine-tune marks.top { margin-right: -4px; margin-left: 4px; } - scale marks.right { + scale.fine-tune marks.bottom { margin-left: -4px; margin-right: 4px; } scale.horizontal indicator { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index e353723..c75778b 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1924,18 +1924,34 @@ scale { min-height: 9px; min-width: 9px; padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { margin-bottom: -4px; margin-top: 4px; } - scale marks.bottom { + scale.fine-tune marks.bottom { margin-top: -4px; margin-bottom: 4px; } - scale marks.left { + scale.fine-tune marks.top { margin-right: -4px; margin-left: 4px; } - scale marks.right { + scale.fine-tune marks.bottom { margin-left: -4px; margin-right: 4px; } scale.horizontal indicator { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index d7fc7d0..1602115 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1924,18 +1924,34 @@ scale { min-height: 9px; min-width: 9px; padding: 5px; } + scale value { + color: alpha(currentColor,0.4); } scale marks { color: alpha(currentColor,0.4); } scale marks.top { + margin-bottom: -2px; + margin-top: 2px; } + scale marks.bottom { + margin-top: -2px; + margin-bottom: 2px; } + scale marks.top { + margin-right: -2px; + margin-left: 2px; } + scale marks.bottom { + margin-left: -2px; + margin-right: 2px; } + scale.fine-tune marks { + color: alpha(currentColor,0.4); } + scale.fine-tune marks.top { margin-bottom: -4px; margin-top: 4px; } - scale marks.bottom { + scale.fine-tune marks.bottom { margin-top: -4px; margin-bottom: 4px; } - scale marks.left { + scale.fine-tune marks.top { margin-right: -4px; margin-left: 4px; } - scale marks.right { + scale.fine-tune marks.bottom { margin-left: -4px; margin-right: 4px; } scale.horizontal indicator { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 980ccfc..a889726 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1966,26 +1966,42 @@ checkbutton check { // scale { $_marks_length: 3px; - $_marks_margin: -4px; + $_marks_margin: -2px; min-height: 9px; min-width: 9px; padding: 5px; + value { color: gtkalpha(currentColor, 0.4); } + marks { color: gtkalpha(currentColor, 0.4); - @each $marks_pos, $marks_margin in (top, bottom), - (bottom, top), - (left, right), - (right, left) { - &.#{$marks_pos} { + @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_margin; margin-#{$marks_pos}: -$_marks_margin; } } } + &.fine-tune 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_margin - 2px; + margin-#{$marks_pos}: -$_marks_margin + 2px; + } + } + } + &.horizontal indicator { min-height: $_marks_length; min-width: 1px; -- cgit v1.2.3 From 0c833c9a23993c69d2700723694e0781b0ac26b3 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Tue, 8 Mar 2016 12:18:14 +0100 Subject: cleanup --- common/gtk-3.0/3.20/gtk-dark.css | 134 +------------ common/gtk-3.0/3.20/gtk-darker.css | 134 +------------ common/gtk-3.0/3.20/gtk-solid-dark.css | 134 +------------ common/gtk-3.0/3.20/gtk-solid-darker.css | 134 +------------ common/gtk-3.0/3.20/gtk-solid.css | 134 +------------ common/gtk-3.0/3.20/gtk.css | 134 +------------ common/gtk-3.0/3.20/sass/_applications.scss | 208 ++------------------- common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 10 - 8 files changed, 72 insertions(+), 950 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 8a908f0..c7d01a4 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2754,7 +2754,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2784,12 +2784,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border-color: transparent; box-shadow: inset 0 -1px #2b2e39; } +.nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #404552; } -.nautilus-window notebook { - background-color: #404552; } - button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; @@ -2863,11 +2861,9 @@ button.nautilus-circular-button.image-button { background-color: #22242d; color: #D3DAE3; } -.gedit-search-entry-occurrences-tag { - color: rgba(211, 218, 227, 0.6); - border: none; - margin: 2px; - padding: 2px; } +.gedit-side-panel-paned statusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } .gedit-search-slider { background-color: #3c4150; @@ -2877,121 +2873,11 @@ button.nautilus-circular-button.image-button { border-width: 0 1px 1px 1px; border-style: solid; } -GbWorkbench .floating-bar { - color: #D3DAE3; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.37); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #404552; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #383C4A; } - -DhSidebar entry.search, -SymbolTree entry.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #404552; - color: #D3DAE3; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbViewStack.focused box.header.notebook { - background-color: #404552; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } button.documents-load-more { border-width: 1px 0 0; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 35b3ade..a8cd2fb 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2753,7 +2753,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2783,12 +2783,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border-color: transparent; box-shadow: inset 0 -1px #dcdfe3; } +.nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -.nautilus-window notebook { - background-color: #ffffff; } - button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; @@ -2862,11 +2860,9 @@ button.nautilus-circular-button.image-button { background-color: #d9dde0; color: #5c616c; } -.gedit-search-entry-occurrences-tag { - color: rgba(92, 97, 108, 0.6); - border: none; - margin: 2px; - padding: 2px; } +.gedit-side-panel-paned statusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } .gedit-search-slider { background-color: #fbfbfc; @@ -2876,121 +2872,11 @@ button.nautilus-circular-button.image-button { border-width: 0 1px 1px 1px; border-style: solid; } -GbWorkbench .floating-bar { - color: #5c616c; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.37); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.37)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.22)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #ffffff; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #F5F6F7; } - -DhSidebar entry.search, -SymbolTree entry.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #ffffff; - color: #5c616c; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook { - background-color: #ffffff; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } button.documents-load-more { border-width: 1px 0 0; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 7c43343..a1d6b6c 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2754,7 +2754,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2784,12 +2784,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border-color: transparent; box-shadow: inset 0 -1px #2b2e39; } +.nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #404552; } -.nautilus-window notebook { - background-color: #404552; } - button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; @@ -2863,11 +2861,9 @@ button.nautilus-circular-button.image-button { background-color: #22242d; color: #D3DAE3; } -.gedit-search-entry-occurrences-tag { - color: rgba(211, 218, 227, 0.6); - border: none; - margin: 2px; - padding: 2px; } +.gedit-side-panel-paned statusbar { + border-top: 1px solid #2b2e39; + background-color: #383C4A; } .gedit-search-slider { background-color: #3c4150; @@ -2877,121 +2873,11 @@ button.nautilus-circular-button.image-button { border-width: 0 1px 1px 1px; border-style: solid; } -GbWorkbench .floating-bar { - color: #D3DAE3; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.4); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #404552; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #383C4A; } - -DhSidebar entry.search, -SymbolTree entry.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #404552; - color: #D3DAE3; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #2b2e39; } - -GbViewStack.focused box.header.notebook { - background-color: #404552; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } +.gedit-search-entry-occurrences-tag { + color: rgba(211, 218, 227, 0.6); + border: none; + margin: 2px; + padding: 2px; } button.documents-load-more { border-width: 1px 0 0; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 31b31be..86aea17 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2753,7 +2753,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2783,12 +2783,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border-color: transparent; box-shadow: inset 0 -1px #dcdfe3; } +.nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -.nautilus-window notebook { - background-color: #ffffff; } - button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; @@ -2862,11 +2860,9 @@ button.nautilus-circular-button.image-button { background-color: #d9dde0; color: #5c616c; } -.gedit-search-entry-occurrences-tag { - color: rgba(92, 97, 108, 0.6); - border: none; - margin: 2px; - padding: 2px; } +.gedit-side-panel-paned statusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } .gedit-search-slider { background-color: #fbfbfc; @@ -2876,121 +2872,11 @@ button.nautilus-circular-button.image-button { border-width: 0 1px 1px 1px; border-style: solid; } -GbWorkbench .floating-bar { - color: #5c616c; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(207, 218, 231, 0.8); - border-color: rgba(21, 23, 28, 0.4); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.4)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: transparent; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(207, 218, 231, 0.35); - background-image: linear-gradient(to bottom, rgba(95, 105, 127, 0.25)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #ffffff; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #F5F6F7; } - -DhSidebar entry.search, -SymbolTree entry.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #ffffff; - color: #5c616c; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook { - background-color: #ffffff; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } button.documents-load-more { border-width: 1px 0 0; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index c75778b..67498a2 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2757,7 +2757,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2787,12 +2787,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border-color: transparent; box-shadow: inset 0 -1px #dcdfe3; } +.nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -.nautilus-window notebook { - background-color: #ffffff; } - button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; @@ -2866,11 +2864,9 @@ button.nautilus-circular-button.image-button { background-color: #d9dde0; color: #5c616c; } -.gedit-search-entry-occurrences-tag { - color: rgba(92, 97, 108, 0.6); - border: none; - margin: 2px; - padding: 2px; } +.gedit-side-panel-paned statusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } .gedit-search-slider { background-color: #fbfbfc; @@ -2880,121 +2876,11 @@ button.nautilus-circular-button.image-button { border-width: 0 1px 1px 1px; border-style: solid; } -GbWorkbench .floating-bar { - color: #5c616c; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(82, 93, 118, 0.8); - border-color: rgba(82, 93, 118, 0.1); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(82, 93, 118, 0.35); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #ffffff; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #F5F6F7; } - -DhSidebar entry.search, -SymbolTree entry.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #ffffff; - color: #5c616c; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook { - background-color: #ffffff; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } button.documents-load-more { border-width: 1px 0 0; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 1602115..0cf9e12 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2757,7 +2757,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, entry.gb-command-bar-entry.flat:selected, entry.gb-command-bar-entry.flat:selected:focus, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -2787,12 +2787,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can border-color: transparent; box-shadow: inset 0 -1px #dcdfe3; } +.nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -.nautilus-window notebook { - background-color: #ffffff; } - button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; @@ -2866,11 +2864,9 @@ button.nautilus-circular-button.image-button { background-color: #d9dde0; color: #5c616c; } -.gedit-search-entry-occurrences-tag { - color: rgba(92, 97, 108, 0.6); - border: none; - margin: 2px; - padding: 2px; } +.gedit-side-panel-paned statusbar { + border-top: 1px solid #dcdfe3; + background-color: #F5F6F7; } .gedit-search-slider { background-color: #fbfbfc; @@ -2880,121 +2876,11 @@ button.nautilus-circular-button.image-button { border-width: 0 1px 1px 1px; border-style: solid; } -GbWorkbench .floating-bar { - color: #5c616c; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) { - padding: 0 10px; - color: rgba(82, 93, 118, 0.8); - border-color: rgba(82, 93, 118, 0.1); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9)); - background-color: transparent; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr) image:hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl) image:hover { - color: inherit; } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):hover { - color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):active, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):checked { - color: #ffffff; - border-color: #5294E2; - background-image: linear-gradient(to bottom, #5294E2); } - GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):disabled, - GbSearchBox.linked:not(.vertical) > button.popup:first-child:dir(rtl):disabled { - color: rgba(82, 93, 118, 0.35); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75)); } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; } - -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl), -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):hover, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):active, -GbSearchBox.linked:not(.vertical) > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; } - -GbPreferencesPageLanguage entry { - border-radius: 3px 3px 0 0; } - -GbPreferencesPageLanguage .frame { - border-top-width: 0; } - -GbEditorTweakWidget .linked.vertical > entry { - border-bottom-style: solid; } - -GbEditorTweakWidget scrolledwindow, GbEditorTweakWidget placessidebar { - border-top: none; } - -GbViewStack box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: #ffffff; } - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; } - -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: #F5F6F7; } - -DhSidebar entry.search, -SymbolTree entry.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; } - -entry.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: #BAC3CF; - background-image: none; - background-color: #353945; - padding: 6px 6px 6px 6px; - border: none; } - -GbTerminalView { - background-color: #ffffff; - color: #5c616c; } - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; } - -scrolledwindow.gb-linked-scroller, placessidebar.gb-linked-scroller { - border-top: none; } - -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; } - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid #dcdfe3; } - -GbViewStack.focused box.header.notebook { - background-color: #ffffff; } - GbViewStack.focused box.header.notebook button.dim-label, GbViewStack.focused box.header.notebook headerbar button.subtitle, headerbar GbViewStack.focused box.header.notebook button.subtitle { - opacity: 1; } +.gedit-search-entry-occurrences-tag { + color: rgba(92, 97, 108, 0.6); + border: none; + margin: 2px; + padding: 2px; } button.documents-load-more { border-width: 1px 0 0; diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index 8fcb0a7..01315ce 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -32,28 +32,6 @@ // } //} -// -// Evolution -// -// needed for webkit/GtkStyle/Evolution compatibility -//GtkHTML { -// background-color: $base_color; -// color: $text_color; -// -// &:active { -// color: $selected_fg_color; -// background-color: $selected_bg_color; -// } -//} - -// -// Sushi -// -// used by gnome-font-viewer and sushi -//SushiFontWidget { -// padding: 6px 12px; -//} - // // GNOME Terminal // @@ -116,14 +94,11 @@ box-shadow: inset 0 -1px $borders_color; } +.nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: $base_color; } -.nautilus-window notebook { - background-color: $base_color; -} - button.nautilus-circular-button.image-button { border-radius: 50%; -gtk-outline-radius: 50%; @@ -205,8 +180,6 @@ $disk_space_free: darken($bg_color, 3%); // // Gedit // -//.gedit-headerbar-paned { color: $header_border; } - .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: $base_color; // disable borders, making them transparent doesn't work for some reason @@ -269,35 +242,12 @@ $disk_space_free: darken($bg_color, 3%); color: $fg_color; } -//.gedit-document-panel-placeholder-row { -//} - -//GeditStatusbar { -// border-top: 1px solid $borders_color; -// background-color: $bg_color; -//} -// -//GeditStatusMenuButton.button.flat, -//GeditStatusMenuButton:hover.button.flat, -//GeditStatusMenuButton:checked.button.flat { -// border-bottom-style: none; -// border-radius: 0; -//} - -.gedit-search-slider { @extend %search_slider } - -//GeditFileBrowserWidget toolbar { -// border-bottom: 1px solid $borders_color; -//} - -.gedit-search-entry-occurrences-tag { - color: transparentize($fg_color, 0.4); - border: none; - margin: 2px; - padding: 2px; +.gedit-side-panel-paned statusbar { + border-top: 1px solid $borders_color; + background-color: $bg_color; } -%search_slider { +.gedit-search-slider { background-color: lighten($bg_color, 2%); padding: 6px; border-color: $borders_color; @@ -306,137 +256,16 @@ $disk_space_free: darken($bg_color, 3%); border-style: solid; } -// -// Gnome Builder -// -GbWorkbench .floating-bar { color: $fg_color; } - -GbSearchBox.linked:not(.vertical) { - - > button.popup:last-child:dir(ltr), - > button.popup:first-child:dir(rtl) { - padding: 0 10px; - - @include entry(header-normal); - - &:hover { @include entry(header-focus); } - &:active, &:checked { @include entry(header-focus); } - &:disabled { @include entry(header-insensitive); } - } - - > button.popup:last-child:dir(ltr), - > button.popup:last-child:dir(ltr):hover, - > button.popup:last-child:dir(ltr):active, - > button.popup:last-child:dir(ltr):checked { - border-left-style: none; - border-radius: 0 3px 3px 0; - -gtk-outline-radius: 0 1px 1px 0; - } - - > button.popup:last-child:dir(rtl), - > button.popup:last-child:dir(rtl):hover, - > button.popup:last-child:dir(rtl):active, - > button.popup:last-child:dir(rtl):checked { - border-right-style: none; - border-radius: 3px 0 0 3px; - -gtk-outline-radius: 1px 0 0 1px; - } -} - -// Preference page language style -GbPreferencesPageLanguage { - entry { border-radius: 3px 3px 0 0; } - .frame { border-top-width: 0 } -} - -// Editor tweak widget -GbEditorTweakWidget { - .linked.vertical > entry { border-bottom-style: solid; } - scrolledwindow { border-top: none; } -} - -// View stack styling -GbViewStack box.header.notebook { - border-bottom: 1px solid $borders_color; -} - -GbViewStack.focused box.header.notebook, -#project_sidebar_header.focused { - background-color: $base_color; -} - -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid $borders_color; -} - -GbNewProjectDialog button.file.linked-on-right button { - border-radius: 3px 0 0 3px; -} - -// Workspace pane header styling -GbWorkspacePane box.header.notebook { - border-bottom: 1px solid $borders_color; -} - -GbWorkspacePane:not(.focused) box.header.notebook { - background-color: $bg_color; -} - -// Adjust devehlp and symbol panel styling -DhSidebar entry.search, -SymbolTree entry.search { - border-left: none; - border-right: none; - border-top: none; - border-radius: 0px; -} - -// Command Bar styling -entry.gb-command-bar-entry.flat, -entry.gb-command-bar-entry.flat:focus { - font-family: Monospace; - color: $osd_fg_color; - background-image: none; - background-color: opacify($osd_bg_color, 1); - padding: 6px 6px 6px 6px; +.gedit-search-entry-occurrences-tag { + color: transparentize($fg_color, 0.4); border: none; - - &:selected, - &:selected:focus { - @extend %selected_items; - } -} - -GbTerminalView { - background-color: $base_color; - color: $fg_color; -} - -GbSourceStyleSchemeWidget GtkSourceView { - font-family: Monospace; -} - -scrolledwindow.gb-linked-scroller { - border-top: none; -} - -// Disable various animatinos that are enabled by default and really annoying -// to the overall flow of Builder. -GbSearchDisplayGroup list row -GbDocumentStack button { - transition: none; -} - -GbViewStack box.header.notebook, -GbEditorWorkspace > paned > box > box.header.notebook { - border-bottom: 1px solid $borders_color; + margin: 2px; + padding: 2px; } -GbViewStack.focused box.header.notebook { - background-color: $base_color; - - button.dim-label { opacity: 1; } -} +//GeditFileBrowserWidget toolbar { +// border-bottom: 1px solid $borders_color; +//} // // Epiphany @@ -502,19 +331,6 @@ button.documents-favorite:active:hover { border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } -// -// Totem -// -//TotemGrilo.vertical GdMainView.frame { -// border-width: 0; -//} - -// -// Synapse -// -//SynapseGuiSelectionContainer *:selected, -//SynapseGuiViewVirgilio *:selected { background-color: $selected_bg_color; } - // // Transmission // diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss index 26238af..0a0dfab 100644 --- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -91,9 +91,6 @@ //NemoWindow.background > GtkGrid > paned > separator, //MarlinViewWindow.background > GtkBox > paned > separator { background-color: $dark_sidebar_border } -// Fix Nautilus transparency issues -//.nautilus-window NautilusWindowSlot { background-color: $base_color; } - //GtkFileChooserDialog { // // &.background.csd, &.background { background-color: $dark_sidebar_bg } @@ -127,13 +124,6 @@ //} // Gedit -//GeditWindow.background { -// &.csd { background-color: transparent; } -// -// .gedit-side-panel-paned .pane-separator { background-color: $dark_sidebar_border; } -// .gedit-bottom-panel-paned .pane-separator { background-color: $borders_color; } -//} - .gedit-bottom-panel-paned { background-color: $base_color; } .gedit-document-panel { -- cgit v1.2.3 From de5eae0ec73f87c76aa155b73fd2fe608bf75a47 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 9 Mar 2016 19:46:19 +0100 Subject: fix image color in error and warning entries --- common/gtk-3.0/3.20/gtk-dark.css | 4 ++++ common/gtk-3.0/3.20/gtk-darker.css | 4 ++++ common/gtk-3.0/3.20/gtk-solid-dark.css | 4 ++++ common/gtk-3.0/3.20/gtk-solid-darker.css | 4 ++++ common/gtk-3.0/3.20/gtk-solid.css | 4 ++++ common/gtk-3.0/3.20/gtk.css | 4 ++++ common/gtk-3.0/3.20/sass/_common.scss | 2 ++ 7 files changed, 26 insertions(+) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index c7d01a4..76d3b65 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -191,6 +191,8 @@ entry { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #ab6441); } + entry.warning image { + color: #ffffff; } entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); @@ -202,6 +204,8 @@ entry { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #b14342); } + entry.error image { + color: #ffffff; } entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index a8cd2fb..3105645 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -190,6 +190,8 @@ entry { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning image { + color: #ffffff; } entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); @@ -201,6 +203,8 @@ entry { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } + entry.error image { + color: #ffffff; } entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index a1d6b6c..fe9e4c5 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -191,6 +191,8 @@ entry { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #ab6441); } + entry.warning image { + color: #ffffff; } entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); @@ -202,6 +204,8 @@ entry { color: #ffffff; border-color: #2b2e39; background-image: linear-gradient(to bottom, #b14342); } + entry.error image { + color: #ffffff; } entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 86aea17..da77e21 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -190,6 +190,8 @@ entry { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning image { + color: #ffffff; } entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); @@ -201,6 +203,8 @@ entry { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } + entry.error image { + color: #ffffff; } entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 67498a2..512312a 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -190,6 +190,8 @@ entry { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning image { + color: #ffffff; } entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); @@ -201,6 +203,8 @@ entry { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } + entry.error image { + color: #ffffff; } entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 0cf9e12..4547d7b 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -190,6 +190,8 @@ entry { color: #ffffff; border-color: #F27835; background-image: linear-gradient(to bottom, #f7ae86); } + entry.warning image { + color: #ffffff; } entry.warning:focus { color: #ffffff; background-image: linear-gradient(to bottom, #F27835); @@ -201,6 +203,8 @@ entry { color: #ffffff; border-color: #FC4138; background-image: linear-gradient(to bottom, #fd8d88); } + entry.error image { + color: #ffffff; } entry.error:focus { color: #ffffff; background-image: linear-gradient(to bottom, #FC4138); diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index a889726..987f6ea 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -253,6 +253,8 @@ entry { border-color: if($variant=='light', $e_color, $entry_border); background-image: linear-gradient(to bottom, mix($e_color, $base_color, 60%)); + image { color: $selected_fg_color; } + &:focus { color: $selected_fg_color; background-image: linear-gradient(to bottom, $e_color); -- cgit v1.2.3 From f056240b29e2b45af72663af2c203bf9b88bcec4 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 9 Mar 2016 19:53:13 +0100 Subject: fix nautilus searchbar --- common/gtk-3.0/3.20/gtk-dark.css | 6 ++++-- common/gtk-3.0/3.20/gtk-darker.css | 6 ++++-- common/gtk-3.0/3.20/gtk-solid-dark.css | 6 ++++-- common/gtk-3.0/3.20/gtk-solid-darker.css | 6 ++++-- common/gtk-3.0/3.20/gtk-solid.css | 6 ++++-- common/gtk-3.0/3.20/gtk.css | 6 ++++-- common/gtk-3.0/3.20/sass/_applications.scss | 7 ++++--- 7 files changed, 28 insertions(+), 15 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 76d3b65..bbc4fee 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2785,8 +2785,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: #dceaf9; } .nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #2b2e39; } + border-top: 1px solid #2b2e39; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 3105645..230f506 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2784,8 +2784,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: #dceaf9; } .nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #dcdfe3; } + border-top: 1px solid #dcdfe3; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index fe9e4c5..11d3756 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2785,8 +2785,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: #dceaf9; } .nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #2b2e39; } + border-top: 1px solid #2b2e39; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index da77e21..cf53a35 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2784,8 +2784,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: #dceaf9; } .nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #dcdfe3; } + border-top: 1px solid #dcdfe3; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 512312a..e717f54 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2788,8 +2788,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: #dceaf9; } .nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #dcdfe3; } + border-top: 1px solid #dcdfe3; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 4547d7b..4aacb66 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2788,8 +2788,10 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: #dceaf9; } .nautilus-window searchbar { - border-color: transparent; - box-shadow: inset 0 -1px #dcdfe3; } + border-top: 1px solid #dcdfe3; } + +.nautilus-window .searchbar-container { + margin-top: -1px; } .nautilus-window notebook, .nautilus-window notebook > stack:not(:only-child) searchbar { diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index 01315ce..90c29e0 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -88,10 +88,11 @@ &:selected, &:selected:focus { color: mix($selected_fg_color, $selected_bg_color, 80%); } } -.nautilus-window searchbar { +.nautilus-window { // Workaround for https://bugzilla.gnome.org/show_bug.cgi?id=724096 - border-color: transparent; - box-shadow: inset 0 -1px $borders_color; + + searchbar { border-top: 1px solid $borders_color; } + .searchbar-container { margin-top: -1px; } } .nautilus-window notebook, -- cgit v1.2.3 From b8ddf6b047d78b404766c47115727ff2185e1815 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 9 Mar 2016 20:00:09 +0100 Subject: update pathbar buttons --- common/gtk-3.0/3.20/gtk-dark.css | 22 +++++++++++++--------- common/gtk-3.0/3.20/gtk-darker.css | 22 +++++++++++++--------- common/gtk-3.0/3.20/gtk-solid-dark.css | 22 +++++++++++++--------- common/gtk-3.0/3.20/gtk-solid-darker.css | 22 +++++++++++++--------- common/gtk-3.0/3.20/gtk-solid.css | 22 +++++++++++++--------- common/gtk-3.0/3.20/gtk.css | 22 +++++++++++++--------- common/gtk-3.0/3.20/sass/_common.scss | 20 +++++++++++++------- 7 files changed, 91 insertions(+), 61 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index bbc4fee..5a4345f 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1274,20 +1274,24 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } -.path-bar button:only-child { - padding-left: 10px; +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.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: 10px; } -.path-bar button label:last-child { - padding-left: 4px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } -.path-bar button label:first-child { +.path-bar button image { + padding-left: 4px; padding-right: 4px; } -.path-bar button label:only-child, .path-bar button label { - padding-right: 0; - padding-left: 0; } - treeview.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 230f506..fd8bfff 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1273,20 +1273,24 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.27)); } -.path-bar button:only-child { - padding-left: 10px; +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.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: 10px; } -.path-bar button label:last-child { - padding-left: 4px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } -.path-bar button label:first-child { +.path-bar button image { + padding-left: 4px; padding-right: 4px; } -.path-bar button label:only-child, .path-bar button label { - padding-right: 0; - padding-left: 0; } - treeview.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 11d3756..2ee3949 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1274,20 +1274,24 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } -.path-bar button:only-child { - padding-left: 10px; +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.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: 10px; } -.path-bar button label:last-child { - padding-left: 4px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } -.path-bar button label:first-child { +.path-bar button image { + padding-left: 4px; padding-right: 4px; } -.path-bar button label:only-child, .path-bar button label { - padding-right: 0; - padding-left: 0; } - treeview.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index cf53a35..310f2d4 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1273,20 +1273,24 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(21, 23, 28, 0.3)); } -.path-bar button:only-child { - padding-left: 10px; +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.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: 10px; } -.path-bar button label:last-child { - padding-left: 4px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } -.path-bar button label:first-child { +.path-bar button image { + padding-left: 4px; padding-right: 4px; } -.path-bar button label:only-child, .path-bar button label { - padding-right: 0; - padding-left: 0; } - treeview.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index e717f54..6a5ad0d 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1277,20 +1277,24 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } -.path-bar button:only-child { - padding-left: 10px; +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.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: 10px; } -.path-bar button label:last-child { - padding-left: 4px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } -.path-bar button label:first-child { +.path-bar button image { + padding-left: 4px; padding-right: 4px; } -.path-bar button label:only-child, .path-bar button label { - padding-right: 0; - padding-left: 0; } - treeview.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 4aacb66..9b6cb2e 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1277,20 +1277,24 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .primary-toolbar scale trough:disabled, headerbar scale trough:disabled { background-image: linear-gradient(to bottom, rgba(82, 93, 118, 0.1)); } -.path-bar button:only-child { - padding-left: 10px; +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; } + +.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: 10px; } -.path-bar button label:last-child { - padding-left: 4px; } +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; } -.path-bar button label:first-child { +.path-bar button image { + padding-left: 4px; padding-right: 4px; } -.path-bar button label:only-child, .path-bar button label { - padding-right: 0; - padding-left: 0; } - treeview.view { -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 987f6ea..c4170db 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1302,16 +1302,22 @@ headerbar { // Pathbars // .path-bar button { + &.text-button, &.image-button, & { + padding-left: 6px; + padding-right: 6px; + } - &:only-child { - padding-left: 10px; - padding-right: 10px; + &.text-button.image-button label { padding-left: 0; padding-right: 0; } + + &.text-button.image-button, & { + label:last-child { padding-right: 10px; } + label:first-child { padding-left: 10px; } } - // the following is for spacing the icon and the label inside the home button - label:last-child { padding-left: 4px; } - label:first-child { padding-right: 4px; } - label:only-child, label { padding-right: 0; padding-left: 0; } + image { + padding-left: 4px; + padding-right: 4px; + } } // -- cgit v1.2.3 From bd69550f5e825cf56b82e0863e2bade36d29dc1c Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 9 Mar 2016 20:07:51 +0100 Subject: add border to sidebars --- common/gtk-3.0/3.20/gtk-dark.css | 77 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-darker.css | 77 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 77 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 77 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk-solid.css | 77 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk.css | 77 ++++++++++++++++---------------- common/gtk-3.0/3.20/sass/_common.scss | 34 +++++++++++--- 7 files changed, 263 insertions(+), 233 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 5a4345f..75728f6 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -93,10 +93,6 @@ popover.background label.separator, headerbar .subtitle { assistant .sidebar { background-color: #404552; border-top: 1px solid #2b2e39; } - assistant .sidebar:dir(ltr) { - border-right: 1px solid #2b2e39; } - assistant .sidebar:dir(rtl) { - border-left: 1px solid #2b2e39; } assistant.csd .sidebar { border-top-style: none; } @@ -245,7 +241,7 @@ button { outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } - button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + button separator, button .sidebar separator, .sidebar button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; @@ -781,11 +777,11 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { background: none; } - toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } - toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { padding: 7px; @@ -933,10 +929,10 @@ headerbar { padding: 0; border: none; background: none; } - .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + .titlebar separator { background-color: rgba(38, 42, 51, 0.97); } -paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { +paned.titlebar separator { background-color: transparent; } paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { @@ -948,11 +944,11 @@ paned.titlebar > headerbar:first-child { paned.titlebar > headerbar:last-child { border-top-left-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton { min-width: 1px; min-height: 1px; background: none; @@ -1413,12 +1409,8 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + menu separator, menu .sidebar separator, .sidebar menu separator, .csd menu separator, - .csd menu .sidebar .view separator, .sidebar .view - .csd menu separator, - .menu separator, - .menu .sidebar .view separator, .sidebar .view .menu separator, .csd .menu separator { @@ -1495,9 +1487,7 @@ popover.background { popover.background, popover.background { border: 1px solid #20222a; } - popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, - popover.background separator, - popover.background .sidebar .view separator, .sidebar .view + popover separator, popover .sidebar separator, .sidebar popover separator, popover.background separator { background-color: #383C4A; } popover > list, @@ -2126,14 +2116,14 @@ printdialog paper { printdialog .dialog-action-box { margin: 12px; } -frame border, +frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #2b2e39; padding: 0; } - frame border.flat, + frame > border.flat, .frame.flat { border-style: none; } @@ -2223,7 +2213,7 @@ scrolledwindow junction, placessidebar junction { scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator, .sidebar .view separator { +separator, .sidebar separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2367,9 +2357,20 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(43, 46, 57, 0.5); } -.sidebar, .sidebar .view { - border: none; +.sidebar { + border-style: none; background-color: #3c4150; } + 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: 1px solid #2b2e39; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + border-left: 1px solid #2b2e39; + border-right-style: none; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } stacksidebar row { padding: 10px 4px; } @@ -2419,7 +2420,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { +paned > separator, .sidebar paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2427,9 +2428,9 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-color: transparent; background-image: linear-gradient(to top, #2b2e39); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + paned > separator.wide, .sidebar paned > separator.wide { margin: 0; padding: 0; min-width: 5px; @@ -2437,26 +2438,26 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { +paned.horizontal > separator, .sidebar paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { +paned.vertical > separator, .sidebar paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { background-repeat: repeat-x, repeat-x; background-position: bottom, top; } @@ -2762,7 +2763,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -3382,11 +3383,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { background: rgba(42, 45, 55, 0.95); } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index fd8bfff..b261d53 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -93,10 +93,6 @@ popover.background label.separator, headerbar .subtitle { assistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } - assistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } - assistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } assistant.csd .sidebar { border-top-style: none; } @@ -244,7 +240,7 @@ button { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + button separator, button .sidebar separator, .sidebar button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; @@ -780,11 +776,11 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { background: none; } - toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } - toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { padding: 7px; @@ -932,10 +928,10 @@ headerbar { padding: 0; border: none; background: none; } - .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + .titlebar separator { background-color: rgba(38, 42, 51, 0.97); } -paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { +paned.titlebar separator { background-color: transparent; } paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { @@ -947,11 +943,11 @@ paned.titlebar > headerbar:first-child { paned.titlebar > headerbar:last-child { border-top-left-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton { min-width: 1px; min-height: 1px; background: none; @@ -1412,12 +1408,8 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + menu separator, menu .sidebar separator, .sidebar menu separator, .csd menu separator, - .csd menu .sidebar .view separator, .sidebar .view - .csd menu separator, - .menu separator, - .menu .sidebar .view separator, .sidebar .view .menu separator, .csd .menu separator { @@ -1494,9 +1486,7 @@ popover.background { popover.background, popover.background { border: 1px solid #cdd2d7; } - popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, - popover.background separator, - popover.background .sidebar .view separator, .sidebar .view + popover separator, popover .sidebar separator, .sidebar popover separator, popover.background separator { background-color: #ffffff; } popover > list, @@ -2125,14 +2115,14 @@ printdialog paper { printdialog .dialog-action-box { margin: 12px; } -frame border, +frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #dcdfe3; padding: 0; } - frame border.flat, + frame > border.flat, .frame.flat { border-style: none; } @@ -2222,7 +2212,7 @@ scrolledwindow junction, placessidebar junction { scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator, .sidebar .view separator { +separator, .sidebar separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2366,9 +2356,20 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } -.sidebar, .sidebar .view { - border: none; +.sidebar { + border-style: none; background-color: #fbfbfc; } + 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: 1px solid #dcdfe3; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + border-left: 1px solid #dcdfe3; + border-right-style: none; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } stacksidebar row { padding: 10px 4px; } @@ -2418,7 +2419,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { +paned > separator, .sidebar paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2426,9 +2427,9 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-color: transparent; background-image: linear-gradient(to top, #dcdfe3); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + paned > separator.wide, .sidebar paned > separator.wide { margin: 0; padding: 0; min-width: 5px; @@ -2436,26 +2437,26 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { +paned.horizontal > separator, .sidebar paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { +paned.vertical > separator, .sidebar paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { background-repeat: repeat-x, repeat-x; background-position: bottom, top; } @@ -2761,7 +2762,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -3381,11 +3382,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { background: rgba(53, 57, 69, 0.95); } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 2ee3949..f0a17a2 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -93,10 +93,6 @@ popover.background label.separator, headerbar .subtitle { assistant .sidebar { background-color: #404552; border-top: 1px solid #2b2e39; } - assistant .sidebar:dir(ltr) { - border-right: 1px solid #2b2e39; } - assistant .sidebar:dir(rtl) { - border-left: 1px solid #2b2e39; } assistant.csd .sidebar { border-top-style: none; } @@ -245,7 +241,7 @@ button { outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } - button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + button separator, button .sidebar separator, .sidebar button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; @@ -781,11 +777,11 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { background: none; } - toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } - toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { padding: 7px; @@ -933,10 +929,10 @@ headerbar { padding: 0; border: none; background: none; } - .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + .titlebar separator { background-color: #262a33; } -paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { +paned.titlebar separator { background-color: transparent; } paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { @@ -948,11 +944,11 @@ paned.titlebar > headerbar:first-child { paned.titlebar > headerbar:last-child { border-top-left-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton { min-width: 1px; min-height: 1px; background: none; @@ -1413,12 +1409,8 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + menu separator, menu .sidebar separator, .sidebar menu separator, .csd menu separator, - .csd menu .sidebar .view separator, .sidebar .view - .csd menu separator, - .menu separator, - .menu .sidebar .view separator, .sidebar .view .menu separator, .csd .menu separator { @@ -1495,9 +1487,7 @@ popover.background { popover.background, popover.background { border: 1px solid #20222a; } - popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, - popover.background separator, - popover.background .sidebar .view separator, .sidebar .view + popover separator, popover .sidebar separator, .sidebar popover separator, popover.background separator { background-color: #383C4A; } popover > list, @@ -2126,14 +2116,14 @@ printdialog paper { printdialog .dialog-action-box { margin: 12px; } -frame border, +frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #2b2e39; padding: 0; } - frame border.flat, + frame > border.flat, .frame.flat { border-style: none; } @@ -2223,7 +2213,7 @@ scrolledwindow junction, placessidebar junction { scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator, .sidebar .view separator { +separator, .sidebar separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2367,9 +2357,20 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(43, 46, 57, 0.5); } -.sidebar, .sidebar .view { - border: none; +.sidebar { + border-style: none; background-color: #3c4150; } + 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: 1px solid #2b2e39; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + border-left: 1px solid #2b2e39; + border-right-style: none; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } stacksidebar row { padding: 10px 4px; } @@ -2419,7 +2420,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { +paned > separator, .sidebar paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2427,9 +2428,9 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-color: transparent; background-image: linear-gradient(to top, #2b2e39); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + paned > separator.wide, .sidebar paned > separator.wide { margin: 0; padding: 0; min-width: 5px; @@ -2437,26 +2438,26 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { +paned.horizontal > separator, .sidebar paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { +paned.vertical > separator, .sidebar paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { background-repeat: repeat-x, repeat-x; background-position: bottom, top; } @@ -2762,7 +2763,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -3382,11 +3383,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { background: #2a2d37; } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 310f2d4..27f82ba 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -93,10 +93,6 @@ popover.background label.separator, headerbar .subtitle { assistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } - assistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } - assistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } assistant.csd .sidebar { border-top-style: none; } @@ -244,7 +240,7 @@ button { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + button separator, button .sidebar separator, .sidebar button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; @@ -780,11 +776,11 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { background: none; } - toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } - toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { padding: 7px; @@ -932,10 +928,10 @@ headerbar { padding: 0; border: none; background: none; } - .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + .titlebar separator { background-color: #262a33; } -paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { +paned.titlebar separator { background-color: transparent; } paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { @@ -947,11 +943,11 @@ paned.titlebar > headerbar:first-child { paned.titlebar > headerbar:last-child { border-top-left-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton { min-width: 1px; min-height: 1px; background: none; @@ -1412,12 +1408,8 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + menu separator, menu .sidebar separator, .sidebar menu separator, .csd menu separator, - .csd menu .sidebar .view separator, .sidebar .view - .csd menu separator, - .menu separator, - .menu .sidebar .view separator, .sidebar .view .menu separator, .csd .menu separator { @@ -1494,9 +1486,7 @@ popover.background { popover.background, popover.background { border: 1px solid #cdd2d7; } - popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, - popover.background separator, - popover.background .sidebar .view separator, .sidebar .view + popover separator, popover .sidebar separator, .sidebar popover separator, popover.background separator { background-color: #ffffff; } popover > list, @@ -2125,14 +2115,14 @@ printdialog paper { printdialog .dialog-action-box { margin: 12px; } -frame border, +frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #dcdfe3; padding: 0; } - frame border.flat, + frame > border.flat, .frame.flat { border-style: none; } @@ -2222,7 +2212,7 @@ scrolledwindow junction, placessidebar junction { scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator, .sidebar .view separator { +separator, .sidebar separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2366,9 +2356,20 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } -.sidebar, .sidebar .view { - border: none; +.sidebar { + border-style: none; background-color: #fbfbfc; } + 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: 1px solid #dcdfe3; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + border-left: 1px solid #dcdfe3; + border-right-style: none; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } stacksidebar row { padding: 10px 4px; } @@ -2418,7 +2419,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { +paned > separator, .sidebar paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2426,9 +2427,9 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-color: transparent; background-image: linear-gradient(to top, #dcdfe3); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + paned > separator.wide, .sidebar paned > separator.wide { margin: 0; padding: 0; min-width: 5px; @@ -2436,26 +2437,26 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { +paned.horizontal > separator, .sidebar paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { +paned.vertical > separator, .sidebar paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { background-repeat: repeat-x, repeat-x; background-position: bottom, top; } @@ -2761,7 +2762,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -3381,11 +3382,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { background: #353945; } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 6a5ad0d..759f996 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -93,10 +93,6 @@ popover.background label.separator, headerbar .subtitle { assistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } - assistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } - assistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } assistant.csd .sidebar { border-top-style: none; } @@ -244,7 +240,7 @@ button { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + button separator, button .sidebar separator, .sidebar button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; @@ -780,11 +776,11 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { background: none; } - toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } - toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { padding: 7px; @@ -932,10 +928,10 @@ headerbar { padding: 0; border: none; background: none; } - .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + .titlebar separator { background-color: #d4d5db; } -paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { +paned.titlebar separator { background-color: transparent; } paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { @@ -947,11 +943,11 @@ paned.titlebar > headerbar:first-child { paned.titlebar > headerbar:last-child { border-top-left-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton { min-width: 1px; min-height: 1px; background: none; @@ -1416,12 +1412,8 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + menu separator, menu .sidebar separator, .sidebar menu separator, .csd menu separator, - .csd menu .sidebar .view separator, .sidebar .view - .csd menu separator, - .menu separator, - .menu .sidebar .view separator, .sidebar .view .menu separator, .csd .menu separator { @@ -1498,9 +1490,7 @@ popover.background { popover.background, popover.background { border: 1px solid #cdd2d7; } - popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, - popover.background separator, - popover.background .sidebar .view separator, .sidebar .view + popover separator, popover .sidebar separator, .sidebar popover separator, popover.background separator { background-color: #ffffff; } popover > list, @@ -2129,14 +2119,14 @@ printdialog paper { printdialog .dialog-action-box { margin: 12px; } -frame border, +frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #dcdfe3; padding: 0; } - frame border.flat, + frame > border.flat, .frame.flat { border-style: none; } @@ -2226,7 +2216,7 @@ scrolledwindow junction, placessidebar junction { scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator, .sidebar .view separator { +separator, .sidebar separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2370,9 +2360,20 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } -.sidebar, .sidebar .view { - border: none; +.sidebar { + border-style: none; background-color: #fbfbfc; } + 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: 1px solid #dcdfe3; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + border-left: 1px solid #dcdfe3; + border-right-style: none; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } stacksidebar row { padding: 10px 4px; } @@ -2422,7 +2423,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { +paned > separator, .sidebar paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2430,9 +2431,9 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-color: transparent; background-image: linear-gradient(to top, #dcdfe3); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + paned > separator.wide, .sidebar paned > separator.wide { margin: 0; padding: 0; min-width: 5px; @@ -2440,26 +2441,26 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { +paned.horizontal > separator, .sidebar paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { +paned.vertical > separator, .sidebar paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { background-repeat: repeat-x, repeat-x; background-position: bottom, top; } @@ -2765,7 +2766,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -3385,11 +3386,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { background: #353945; } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 9b6cb2e..53c6258 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -93,10 +93,6 @@ popover.background label.separator, headerbar .subtitle { assistant .sidebar { background-color: #ffffff; border-top: 1px solid #dcdfe3; } - assistant .sidebar:dir(ltr) { - border-right: 1px solid #dcdfe3; } - assistant .sidebar:dir(rtl) { - border-left: 1px solid #dcdfe3; } assistant.csd .sidebar { border-top-style: none; } @@ -244,7 +240,7 @@ button { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - button separator, button .sidebar separator, .sidebar button separator, button .sidebar .view separator, .sidebar .view button separator { + button separator, button .sidebar separator, .sidebar button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; @@ -780,11 +776,11 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator, toolbar .sidebar .view separator, .sidebar .view toolbar separator, .inline-toolbar .sidebar .view separator, .sidebar .view .inline-toolbar separator { + toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { background: none; } - toolbar.horizontal separator, .horizontal.inline-toolbar separator, toolbar.horizontal .sidebar .view separator, .sidebar .view toolbar.horizontal separator { + toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } - toolbar.vertical separator, .vertical.inline-toolbar separator, toolbar.vertical .sidebar .view separator, .sidebar .view toolbar.vertical separator { + toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { padding: 7px; @@ -932,10 +928,10 @@ headerbar { padding: 0; border: none; background: none; } - .titlebar separator, .titlebar .sidebar .view separator, .sidebar .view .titlebar separator { + .titlebar separator { background-color: rgba(212, 213, 219, 0.95); } -paned.titlebar separator, paned.titlebar .sidebar .view separator, .sidebar .view paned.titlebar separator { +paned.titlebar separator { background-color: transparent; } paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { @@ -947,11 +943,11 @@ paned.titlebar > headerbar:first-child { paned.titlebar > headerbar:last-child { border-top-left-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator, headerbar .sidebar .view separator, .sidebar .view headerbar separator { +headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } -.primary-toolbar separator, .primary-toolbar .sidebar .view separator, .sidebar .view .primary-toolbar separator, headerbar separator.titlebutton, headerbar .sidebar .view separator.titlebutton, .sidebar .view headerbar separator.titlebutton { +.primary-toolbar separator, headerbar separator.titlebutton { min-width: 1px; min-height: 1px; background: none; @@ -1416,12 +1412,8 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, menu .sidebar .view separator, .sidebar .view menu separator, + menu separator, menu .sidebar separator, .sidebar menu separator, .csd menu separator, - .csd menu .sidebar .view separator, .sidebar .view - .csd menu separator, - .menu separator, - .menu .sidebar .view separator, .sidebar .view .menu separator, .csd .menu separator { @@ -1498,9 +1490,7 @@ popover.background { popover.background, popover.background { border: 1px solid #cdd2d7; } - popover separator, popover .sidebar separator, .sidebar popover separator, popover .sidebar .view separator, .sidebar .view popover separator, - popover.background separator, - popover.background .sidebar .view separator, .sidebar .view + popover separator, popover .sidebar separator, .sidebar popover separator, popover.background separator { background-color: #ffffff; } popover > list, @@ -2129,14 +2119,14 @@ printdialog paper { printdialog .dialog-action-box { margin: 12px; } -frame border, +frame > border, .frame { margin: 0; padding: 0; border-radius: 0; border: 1px solid #dcdfe3; padding: 0; } - frame border.flat, + frame > border.flat, .frame.flat { border-style: none; } @@ -2226,7 +2216,7 @@ scrolledwindow junction, placessidebar junction { scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator, .sidebar .view separator { +separator, .sidebar separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2370,9 +2360,20 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } -.sidebar, .sidebar .view { - border: none; +.sidebar { + border-style: none; background-color: #fbfbfc; } + 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: 1px solid #dcdfe3; + border-left-style: none; } + stacksidebar.sidebar:dir(rtl) list, + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + border-left: 1px solid #dcdfe3; + border-right-style: none; } + paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; } stacksidebar row { padding: 10px 4px; } @@ -2422,7 +2423,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator, .sidebar .view paned > separator { +paned > separator, .sidebar paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2430,9 +2431,9 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-color: transparent; background-image: linear-gradient(to top, #dcdfe3); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected, .sidebar .view paned > separator:selected { + paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide, .sidebar .view paned > separator.wide { + paned > separator.wide, .sidebar paned > separator.wide { margin: 0; padding: 0; min-width: 5px; @@ -2440,26 +2441,26 @@ paned > separator, .sidebar paned > separator, .sidebar .view paned > separator background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator, .sidebar .view paned.horizontal > separator { +paned.horizontal > separator, .sidebar paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr), .sidebar .view paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl), .sidebar .view paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide, .sidebar .view paned.horizontal > separator.wide { + paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator, .sidebar .view paned.vertical > separator { +paned.vertical > separator, .sidebar paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide, .sidebar .view paned.vertical > separator.wide { + paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { background-repeat: repeat-x, repeat-x; background-position: bottom, top; } @@ -2765,7 +2766,7 @@ label selection, label selection:focus, label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .sidebar .view:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { +modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { background-image: none; background-color: #5294E2; color: #ffffff; @@ -3385,11 +3386,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator, .nautilus-window .sidebar .view paned > separator, .sidebar .view .nautilus-window paned > separator { +.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { background: rgba(53, 57, 69, 0.95); } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr), .nautilus-window .sidebar .view paned > separator:dir(ltr), .sidebar .view .nautilus-window paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl), .nautilus-window .sidebar .view paned > separator:dir(rtl), .sidebar .view .nautilus-window paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index c4170db..83782c7 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -147,8 +147,6 @@ assistant { .sidebar { background-color: $base_color; border-top: 1px solid $borders_color; - &:dir(ltr) { border-right: 1px solid $borders_color; } - &:dir(rtl) { border-left: 1px solid $borders_color; } } &.csd .sidebar { border-top-style: none; } @@ -2241,7 +2239,7 @@ printdialog { // // Frames // -frame border, +frame > border, .frame { margin: 0; padding: 0; @@ -2467,15 +2465,41 @@ filechooser { // // Sidebar // -.sidebar, .sidebar .view { - border: none; +.sidebar { + border-style: none; background-color: lighten($bg_color, 2%); + @at-root %sidebar_left, + &:dir(ltr), + &.left, + &.left:dir(rtl) { + border-right: 1px solid $borders_color; + border-left-style: none; + } + + @at-root %sidebar_right, + &:dir(rtl), + &.left { + border-left: 1px solid $borders_color; + border-right-style: none; + } + &:selected { @extend %selected_items; } separator { @extend separator; } + + paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} } stacksidebar { + &.sidebar { + &:dir(ltr) list, + &.left list, + &.left:dir(rtl) list { @extend %sidebar_left; } + + &:dir(rtl) list, + &.right list { @extend %sidebar_right; } + } + row { padding: 10px 4px; -- cgit v1.2.3 From 699573a3c716ec7c6013f352f2e885a85fd75413 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 10 Mar 2016 16:22:00 +0100 Subject: tweak check, radio and modelbuttons --- common/gtk-3.0/3.20/gtk-dark.css | 10 +++++++--- common/gtk-3.0/3.20/gtk-darker.css | 10 +++++++--- common/gtk-3.0/3.20/gtk-solid-dark.css | 10 +++++++--- common/gtk-3.0/3.20/gtk-solid-darker.css | 10 +++++++--- common/gtk-3.0/3.20/gtk-solid.css | 10 +++++++--- common/gtk-3.0/3.20/gtk.css | 10 +++++++--- common/gtk-3.0/3.20/sass/_common.scss | 11 ++++++++--- 7 files changed, 50 insertions(+), 21 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 75728f6..3104566 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -676,10 +676,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac menuitem.button.flat, modelbutton.flat { transition: none; - min-height: 22px; + min-height: 24px; padding-left: 8px; padding-right: 8px; - outline-offset: -2px; + outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { @@ -1901,8 +1901,12 @@ infobar radio:checked:disabled { background-color: transparent; } checkbutton.text-button, radiobutton.text-button { - padding: 1px 2px 4px; + 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; } checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { color: rgba(211, 218, 227, 0.45); } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index b261d53..b8159d4 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac menuitem.button.flat, modelbutton.flat { transition: none; - min-height: 22px; + min-height: 24px; padding-left: 8px; padding-right: 8px; - outline-offset: -2px; + outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { @@ -1900,8 +1900,12 @@ infobar radio:checked:disabled { background-color: transparent; } checkbutton.text-button, radiobutton.text-button { - padding: 1px 2px 4px; + 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; } checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { color: rgba(92, 97, 108, 0.55); } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index f0a17a2..2068d8a 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -676,10 +676,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac menuitem.button.flat, modelbutton.flat { transition: none; - min-height: 22px; + min-height: 24px; padding-left: 8px; padding-right: 8px; - outline-offset: -2px; + outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { @@ -1901,8 +1901,12 @@ infobar radio:checked:disabled { background-color: transparent; } checkbutton.text-button, radiobutton.text-button { - padding: 1px 2px 4px; + 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; } checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { color: rgba(211, 218, 227, 0.45); } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 27f82ba..b6c60df 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac menuitem.button.flat, modelbutton.flat { transition: none; - min-height: 22px; + min-height: 24px; padding-left: 8px; padding-right: 8px; - outline-offset: -2px; + outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { @@ -1900,8 +1900,12 @@ infobar radio:checked:disabled { background-color: transparent; } checkbutton.text-button, radiobutton.text-button { - padding: 1px 2px 4px; + 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; } checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { color: rgba(92, 97, 108, 0.55); } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 759f996..0e66725 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac menuitem.button.flat, modelbutton.flat { transition: none; - min-height: 22px; + min-height: 24px; padding-left: 8px; padding-right: 8px; - outline-offset: -2px; + outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { @@ -1904,8 +1904,12 @@ infobar radio:checked:disabled { background-color: transparent; } checkbutton.text-button, radiobutton.text-button { - padding: 1px 2px 4px; + 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; } checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { color: rgba(92, 97, 108, 0.55); } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 53c6258..223ff4d 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac menuitem.button.flat, modelbutton.flat { transition: none; - min-height: 22px; + min-height: 24px; padding-left: 8px; padding-right: 8px; - outline-offset: -2px; + outline-offset: -3px; border-radius: 2px; } menuitem.button.flat:hover, modelbutton.flat:hover { @@ -1904,8 +1904,12 @@ infobar radio:checked:disabled { background-color: transparent; } checkbutton.text-button, radiobutton.text-button { - padding: 1px 2px 4px; + 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; } checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { color: rgba(92, 97, 108, 0.55); } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 83782c7..54e7bbb 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -662,10 +662,10 @@ toolbar.inline-toolbar toolbutton { menuitem.button.flat, modelbutton.flat { transition: none; - min-height: 22px; + min-height: 24px; padding-left: 8px; padding-right: 8px; - outline-offset: -2px; + outline-offset: -3px; border-radius: 2px; @extend %undecorated_button; @@ -1947,9 +1947,14 @@ switch { checkbutton, radiobutton { // this is for a nice focus on check and radios text &.text-button { - padding: 1px 2px 4px; + padding: 2px 0; outline-offset: 0; + label:not(:only-child) { + &:first-child { margin-left: 4px; } + &:last-child { margin-right: 4px; } + } + &:disabled, &:disabled:active, &:disabled:indeterminate { -- cgit v1.2.3 From 8aabfd1921bafc5f5f7fa1b7a8e3d42bedd8ab20 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 10 Mar 2016 16:28:57 +0100 Subject: fix floating bars --- common/gtk-3.0/3.20/gtk-dark.css | 34 ++++++++++++++--------------- common/gtk-3.0/3.20/gtk-darker.css | 34 ++++++++++++++--------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 34 ++++++++++++++--------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 34 ++++++++++++++--------------- common/gtk-3.0/3.20/gtk-solid.css | 34 ++++++++++++++--------------- common/gtk-3.0/3.20/gtk.css | 34 ++++++++++++++--------------- common/gtk-3.0/3.20/sass/_applications.scss | 14 +++++++----- 7 files changed, 104 insertions(+), 114 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 3104566..cb1682b 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2476,32 +2476,32 @@ infobar { background-color: #5294E2; color: #ffffff; } -row:selected button, infobar button { +row:selected button, infobar button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover { + row:selected button:hover, infobar button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled { + row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2956,20 +2956,18 @@ button.documents-favorite:active:hover { background-color: rgba(27, 29, 35, 0.95); } .floating-bar { + padding: 1px; background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } + color: #ffffff; + border-radius: 2px 2px 0 0; } + .floating-bar.bottom.left { + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-top-right-radius: 0; } .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } + border: none; + border-radius: 0; + min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index b8159d4..8264c71 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2475,32 +2475,32 @@ infobar { background-color: #5294E2; color: #ffffff; } -row:selected button, infobar button { +row:selected button, infobar button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover { + row:selected button:hover, infobar button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled { + row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2955,20 +2955,18 @@ button.documents-favorite:active:hover { background-color: rgba(27, 29, 35, 0.95); } .floating-bar { + padding: 1px; background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } + color: #ffffff; + border-radius: 2px 2px 0 0; } + .floating-bar.bottom.left { + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-top-right-radius: 0; } .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } + border: none; + border-radius: 0; + min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 2068d8a..d20952e 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2476,32 +2476,32 @@ infobar { background-color: #5294E2; color: #ffffff; } -row:selected button, infobar button { +row:selected button, infobar button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover { + row:selected button:hover, infobar button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled { + row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2956,20 +2956,18 @@ button.documents-favorite:active:hover { background-color: #1b1d23; } .floating-bar { + padding: 1px; background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } + color: #ffffff; + border-radius: 2px 2px 0 0; } + .floating-bar.bottom.left { + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-top-right-radius: 0; } .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } + border: none; + border-radius: 0; + min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index b6c60df..feeb515 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2475,32 +2475,32 @@ infobar { background-color: #5294E2; color: #ffffff; } -row:selected button, infobar button { +row:selected button, infobar button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover { + row:selected button:hover, infobar button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled { + row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2955,20 +2955,18 @@ button.documents-favorite:active:hover { background-color: #1b1d23; } .floating-bar { + padding: 1px; background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } + color: #ffffff; + border-radius: 2px 2px 0 0; } + .floating-bar.bottom.left { + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-top-right-radius: 0; } .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } + border: none; + border-radius: 0; + min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 0e66725..d0eeb07 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2479,32 +2479,32 @@ infobar { background-color: #5294E2; color: #ffffff; } -row:selected button, infobar button { +row:selected button, infobar button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover { + row:selected button:hover, infobar button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled { + row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2959,20 +2959,18 @@ button.documents-favorite:active:hover { background-color: #1b1d23; } .floating-bar { + padding: 1px; background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } + color: #ffffff; + border-radius: 2px 2px 0 0; } + .floating-bar.bottom.left { + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-top-right-radius: 0; } .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } + border: none; + border-radius: 0; + min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 223ff4d..59d6bc0 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2479,32 +2479,32 @@ infobar { background-color: #5294E2; color: #ffffff; } -row:selected button, infobar button { +row:selected button, infobar button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover { + row:selected button:hover, infobar button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, row:selected button:active:hover, infobar button:active:hover, row:selected button:checked, infobar button:checked { + row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled { + row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked { + row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2959,20 +2959,18 @@ button.documents-favorite:active:hover { background-color: rgba(27, 29, 35, 0.95); } .floating-bar { + padding: 1px; background-color: #5294E2; - color: #ffffff; } - .floating-bar.top { - border-radius: 0 0 2px 2px; } - .floating-bar.right { - border-radius: 2px 0 0 2px; } - .floating-bar.bottom { - border-radius: 2px 2px 0 0; } - .floating-bar.left { - border-radius: 0 2px 2px 0; } + color: #ffffff; + border-radius: 2px 2px 0 0; } + .floating-bar.bottom.left { + border-top-left-radius: 0; } + .floating-bar.bottom.right { + border-top-right-radius: 0; } .floating-bar button { - background-color: transparent; - box-shadow: none; - border: none; } + border: none; + border-radius: 0; + min-height: 0; } .marlin-pathbar.pathbar { border-radius: 3px; diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index 90c29e0..09efc45 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -426,18 +426,20 @@ button.documents-favorite:active:hover { // Floating Bar // .floating-bar { + padding: 1px; background-color: $selected_bg_color; color: $selected_fg_color; + border-radius: 2px 2px 0 0; - &.top { border-radius: 0 0 2px 2px; } - &.right { border-radius: 2px 0 0 2px; } - &.bottom { border-radius: 2px 2px 0 0; } - &.left { border-radius: 0 2px 2px 0; } + &.bottom.left { border-top-left-radius: 0; } + &.bottom.right { border-top-right-radius: 0; } button { - background-color: transparent; - box-shadow: none; border: none; + border-radius: 0; + min-height: 0; + + @extend %selected-button; } } -- cgit v1.2.3 From 5065726712ddb82c7bc3e862fb4fb3a3eb16ef43 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 10 Mar 2016 16:35:27 +0100 Subject: fix nautilus/documents entry tag --- common/gtk-3.0/3.20/gtk-dark.css | 6 +++--- common/gtk-3.0/3.20/gtk-darker.css | 6 +++--- common/gtk-3.0/3.20/gtk-solid-dark.css | 6 +++--- common/gtk-3.0/3.20/gtk-solid-darker.css | 6 +++--- common/gtk-3.0/3.20/gtk-solid.css | 6 +++--- common/gtk-3.0/3.20/gtk.css | 6 +++--- common/gtk-3.0/3.20/sass/_applications.scss | 6 +++--- 7 files changed, 21 insertions(+), 21 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index cb1682b..dc9a4f3 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2912,18 +2912,18 @@ button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag { - background-color: #5294E2; color: #ffffff; + background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; - background-color: #639fe5; } + background: #639fe5; } .documents-entry-tag:active { color: #ffffff; - background-color: #4189df; } + background: #4189df; } toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { background: none; border: none; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 8264c71..8596e1f 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2911,18 +2911,18 @@ button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag { - background-color: #5294E2; color: #ffffff; + background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; - background-color: #639fe5; } + background: #639fe5; } .documents-entry-tag:active { color: #ffffff; - background-color: #4189df; } + background: #4189df; } toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { background: none; border: none; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index d20952e..13e993b 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2912,18 +2912,18 @@ button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag { - background-color: #5294E2; color: #ffffff; + background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; - background-color: #639fe5; } + background: #639fe5; } .documents-entry-tag:active { color: #ffffff; - background-color: #4189df; } + background: #4189df; } toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { background: none; border: none; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index feeb515..ee5b8f5 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2911,18 +2911,18 @@ button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag { - background-color: #5294E2; color: #ffffff; + background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; - background-color: #639fe5; } + background: #639fe5; } .documents-entry-tag:active { color: #ffffff; - background-color: #4189df; } + background: #4189df; } toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { background: none; border: none; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index d0eeb07..622ed2f 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2915,18 +2915,18 @@ button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag { - background-color: #5294E2; color: #ffffff; + background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; - background-color: #639fe5; } + background: #639fe5; } .documents-entry-tag:active { color: #ffffff; - background-color: #4189df; } + background: #4189df; } toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { background: none; border: none; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 59d6bc0..b58ee21 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2915,18 +2915,18 @@ button.documents-favorite:active:hover { color: #a9caf1; } .documents-entry-tag { - background-color: #5294E2; color: #ffffff; + background: #5294E2; border-radius: 2px; border-width: 0; margin: 2px; padding: 4px; } .documents-entry-tag:hover { color: #ffffff; - background-color: #639fe5; } + background: #639fe5; } .documents-entry-tag:active { color: #ffffff; - background-color: #4189df; } + background: #4189df; } toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { background: none; border: none; diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index 09efc45..f5819b0 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -300,8 +300,8 @@ button.documents-favorite:active:hover { } .documents-entry-tag { - background-color: $selected_bg_color; color: $selected_fg_color; + background: $selected_bg_color; border-radius: 2px; border-width: 0; margin: 2px; @@ -309,11 +309,11 @@ button.documents-favorite:active:hover { &:hover { color: $selected_fg_color; - background-color: lighten($selected_bg_color, 4%); + background: lighten($selected_bg_color, 4%); } &:active { color: $selected_fg_color; - background-color: darken($selected_bg_color, 4%); + background: darken($selected_bg_color, 4%); } toolbar .linked & button { -- cgit v1.2.3 From c5e9156df500fd123e4964a2495c2f6d95996a4f Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 10 Mar 2016 17:05:42 +0100 Subject: more nautilus fixes --- common/gtk-3.0/3.20/gtk-dark.css | 38 +++++++++++++++------- common/gtk-3.0/3.20/gtk-darker.css | 38 +++++++++++++++------- common/gtk-3.0/3.20/gtk-solid-dark.css | 38 +++++++++++++++------- common/gtk-3.0/3.20/gtk-solid-darker.css | 38 +++++++++++++++------- common/gtk-3.0/3.20/gtk-solid.css | 38 +++++++++++++++------- common/gtk-3.0/3.20/gtk.css | 38 +++++++++++++++------- common/gtk-3.0/3.20/sass/_applications.scss | 17 ++++++++-- common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 2 +- 8 files changed, 171 insertions(+), 76 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index dc9a4f3..b109595 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2612,14 +2612,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2636,7 +2636,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2803,11 +2803,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #404552; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2824,6 +2819,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #2b2e39; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #404552; } @@ -3416,19 +3430,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 8596e1f..ea834e4 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2611,14 +2611,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2635,7 +2635,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2802,11 +2802,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2823,6 +2818,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.37); + background-color: rgba(95, 105, 127, 0.37); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3415,19 +3429,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 13e993b..07b744a 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2612,14 +2612,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2636,7 +2636,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2803,11 +2803,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #404552; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2824,6 +2819,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #2b2e39; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #404552; } @@ -3416,19 +3430,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index ee5b8f5..622ccd0 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2611,14 +2611,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2635,7 +2635,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2802,11 +2802,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2823,6 +2818,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(207, 218, 231, 0.8); + outline-color: rgba(207, 218, 231, 0.1); + border-color: rgba(21, 23, 28, 0.4); + background-color: rgba(95, 105, 127, 0.4); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3415,19 +3429,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 622ed2f..094e15f 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2615,14 +2615,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2639,7 +2639,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2806,11 +2806,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2827,6 +2822,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3419,19 +3433,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index b58ee21..d7f1930 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2615,14 +2615,14 @@ popover.background.touch-selection, .csd popover.background.touch-selection { .monospace { font: Monospace; } -button.circular, +button.circular, button.nautilus-circular-button.image-button, button.circular-button { padding: 0; min-width: 26px; min-height: 26px; border-radius: 50%; -gtk-outline-radius: 50%; } - button.circular label, + button.circular label, button.nautilus-circular-button.image-button label, button.circular-button label { padding: 0; } @@ -2639,7 +2639,7 @@ button.circular-button { stackswitcher button.text-button { min-width: 80px; } -stackswitcher button.circular { +stackswitcher button.circular, stackswitcher button.nautilus-circular-button.image-button { min-width: 0; } *:drop(active):focus, @@ -2806,11 +2806,6 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can .nautilus-window notebook > stack:not(:only-child) searchbar { background-color: #ffffff; } -button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; } - .disk-space-display { border-style: solid; border-width: 1px; } @@ -2827,6 +2822,25 @@ button.nautilus-circular-button.image-button { .nautilus-list-view .view { border-bottom: 1px solid #dcdfe3; } +@keyframes needs_attention_keyframes { + 0% { + color: rgba(82, 93, 118, 0.8); + outline-color: rgba(82, 93, 118, 0.1); + border-color: rgba(82, 93, 118, 0.1); + background-color: rgba(251, 251, 252, 0.9); } + 100% { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: #5294E2; + background-color: #5294E2; } } + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; } + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; } + .open-document-selector-treeview.view { padding: 3px 6px 3px 6px; border-color: #ffffff; } @@ -3419,19 +3433,19 @@ GtkListBox .h4 { .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } -.nautilus-window button.sidebar-button { +.nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } - .nautilus-window button.sidebar-button:hover { + .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } - .nautilus-window button.sidebar-button:active { + .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } - .nautilus-window button.sidebar-button:not(:hover):not(:active) > image { + .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } .gedit-bottom-panel-paned { diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index f5819b0..5cc7d76 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -101,9 +101,7 @@ } button.nautilus-circular-button.image-button { - border-radius: 50%; - -gtk-outline-radius: 50%; - padding: 8px; + @extend button.circular; } $disk_space_unknown: transparentize($fg_color, 0.5); @@ -131,6 +129,19 @@ $disk_space_free: darken($bg_color, 3%); // View .nautilus-list-view .view { border-bottom: 1px solid $borders_color; } +@keyframes needs_attention_keyframes { + 0% { @include button(header-hover); } + 100% { @include button(header-active) } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + // // Nemo // diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss index 0a0dfab..1e8177c 100644 --- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -46,7 +46,7 @@ &.maximized placessidebar.sidebar { background-color: opacify($dark_sidebar_bg, 1); } - button.sidebar-button { + row:not(:selected) button.sidebar-button { color: $dark_sidebar_fg; &:hover { @include button(osd-hover); } -- cgit v1.2.3 From 866ae993eb6b3009e0849c7a67c41672e3c59b9c Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 11 Mar 2016 00:02:11 +0100 Subject: update gedit style --- common/gtk-3.0/3.20/gtk-dark.css | 77 ++++++++++------------ common/gtk-3.0/3.20/gtk-darker.css | 77 ++++++++++------------ common/gtk-3.0/3.20/gtk-solid-dark.css | 77 ++++++++++------------ common/gtk-3.0/3.20/gtk-solid-darker.css | 77 ++++++++++------------ common/gtk-3.0/3.20/gtk-solid.css | 77 ++++++++++------------ common/gtk-3.0/3.20/gtk.css | 77 ++++++++++------------ common/gtk-3.0/3.20/sass/_applications.scss | 49 ++++++-------- common/gtk-3.0/3.20/sass/_common.scss | 3 +- common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 69 +++++-------------- 9 files changed, 242 insertions(+), 341 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index b109595..65a3724 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -938,12 +938,12 @@ paned.titlebar separator { paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } - -paned.titlebar > headerbar:last-child { +paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } +paned.titlebar > headerbar:first-child:dir(ltr) { + border-top-right-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2773,6 +2773,9 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #2b2e39; } + .nautilus-canvas-item { border-radius: 2px; } @@ -2857,34 +2860,31 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; color: transparent; - background-image: none; - background-color: transparent; + background: none; border: none; - box-shadow: none; - padding: 4px; } + box-shadow: none; } .gedit-document-panel row button image { color: inherit; } -.gedit-document-panel .prelight-row button { +.gedit-document-panel row:hover:not(:selected) button { color: #9da3ad; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #D3DAE3; } -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { +.gedit-document-panel row:hover:selected button:hover { color: #ff6666; - background-image: none; - background-color: transparent; + background: none; border: none; box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { + .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } -.gedit-document-panel .prelight-row button:active { - color: #D3DAE3; } - .gedit-document-panel-dragged-row { border: 1px solid #2b2e39; background-color: #22242d; @@ -3453,29 +3453,20 @@ GtkListBox .h4 { .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } + color: #BAC3CF; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index ea834e4..07bb4e6 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -937,12 +937,12 @@ paned.titlebar separator { paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } - -paned.titlebar > headerbar:last-child { +paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } +paned.titlebar > headerbar:first-child:dir(ltr) { + border-top-right-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2772,6 +2772,9 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #dcdfe3; } + .nautilus-canvas-item { border-radius: 2px; } @@ -2856,34 +2859,31 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; color: transparent; - background-image: none; - background-color: transparent; + background: none; border: none; - box-shadow: none; - padding: 4px; } + box-shadow: none; } .gedit-document-panel row button image { color: inherit; } -.gedit-document-panel .prelight-row button { +.gedit-document-panel row:hover:not(:selected) button { color: #92959d; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #5c616c; } -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { +.gedit-document-panel row:hover:selected button:hover { color: #ff6666; - background-image: none; - background-color: transparent; + background: none; border: none; box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { + .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } -.gedit-document-panel .prelight-row button:active { - color: #5c616c; } - .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; @@ -3452,29 +3452,20 @@ GtkListBox .h4 { .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } + color: #BAC3CF; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 07b744a..0b4c22c 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -938,12 +938,12 @@ paned.titlebar separator { paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } - -paned.titlebar > headerbar:last-child { +paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } +paned.titlebar > headerbar:first-child:dir(ltr) { + border-top-right-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2773,6 +2773,9 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #2b2e39; } + .nautilus-canvas-item { border-radius: 2px; } @@ -2857,34 +2860,31 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; color: transparent; - background-image: none; - background-color: transparent; + background: none; border: none; - box-shadow: none; - padding: 4px; } + box-shadow: none; } .gedit-document-panel row button image { color: inherit; } -.gedit-document-panel .prelight-row button { +.gedit-document-panel row:hover:not(:selected) button { color: #9da3ad; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #D3DAE3; } -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { +.gedit-document-panel row:hover:selected button:hover { color: #ff6666; - background-image: none; - background-color: transparent; + background: none; border: none; box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { + .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } -.gedit-document-panel .prelight-row button:active { - color: #D3DAE3; } - .gedit-document-panel-dragged-row { border: 1px solid #2b2e39; background-color: #22242d; @@ -3453,29 +3453,20 @@ GtkListBox .h4 { .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } + color: #BAC3CF; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 622ccd0..bed4d94 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -937,12 +937,12 @@ paned.titlebar separator { paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } - -paned.titlebar > headerbar:last-child { +paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } +paned.titlebar > headerbar:first-child:dir(ltr) { + border-top-right-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2772,6 +2772,9 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #dcdfe3; } + .nautilus-canvas-item { border-radius: 2px; } @@ -2856,34 +2859,31 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; color: transparent; - background-image: none; - background-color: transparent; + background: none; border: none; - box-shadow: none; - padding: 4px; } + box-shadow: none; } .gedit-document-panel row button image { color: inherit; } -.gedit-document-panel .prelight-row button { +.gedit-document-panel row:hover:not(:selected) button { color: #92959d; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #5c616c; } -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { +.gedit-document-panel row:hover:selected button:hover { color: #ff6666; - background-image: none; - background-color: transparent; + background: none; border: none; box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { + .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } -.gedit-document-panel .prelight-row button:active { - color: #5c616c; } - .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; @@ -3452,29 +3452,20 @@ GtkListBox .h4 { .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } + color: #BAC3CF; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 094e15f..15e910d 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -937,12 +937,12 @@ paned.titlebar separator { paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } - -paned.titlebar > headerbar:last-child { +paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } +paned.titlebar > headerbar:first-child:dir(ltr) { + border-top-right-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2776,6 +2776,9 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #dcdfe3; } + .nautilus-canvas-item { border-radius: 2px; } @@ -2860,34 +2863,31 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; color: transparent; - background-image: none; - background-color: transparent; + background: none; border: none; - box-shadow: none; - padding: 4px; } + box-shadow: none; } .gedit-document-panel row button image { color: inherit; } -.gedit-document-panel .prelight-row button { +.gedit-document-panel row:hover:not(:selected) button { color: #92959d; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #5c616c; } -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { +.gedit-document-panel row:hover:selected button:hover { color: #ff6666; - background-image: none; - background-color: transparent; + background: none; border: none; box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { + .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } -.gedit-document-panel .prelight-row button:active { - color: #5c616c; } - .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; @@ -3456,29 +3456,20 @@ GtkListBox .h4 { .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } + color: #BAC3CF; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index d7f1930..2ef92da 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -937,12 +937,12 @@ paned.titlebar separator { paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0; } -paned.titlebar > headerbar:first-child { - border-top-right-radius: 0; } - -paned.titlebar > headerbar:last-child { +paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } +paned.titlebar > headerbar:first-child:dir(ltr) { + border-top-right-radius: 0; } + headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -2776,6 +2776,9 @@ modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:select color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } +.gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { + box-shadow: inset 0 -1px #dcdfe3; } + .nautilus-canvas-item { border-radius: 2px; } @@ -2860,34 +2863,31 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can color: rgba(255, 255, 255, 0.9); } .gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; color: transparent; - background-image: none; - background-color: transparent; + background: none; border: none; - box-shadow: none; - padding: 4px; } + box-shadow: none; } .gedit-document-panel row button image { color: inherit; } -.gedit-document-panel .prelight-row button { +.gedit-document-panel row:hover:not(:selected) button { color: #92959d; } + .gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #5c616c; } -.gedit-document-panel row button:hover, -.gedit-document-panel .prelight-row button:hover { - color: #ff4d4d; } - -.gedit-document-panel .prelight-row:selected button:hover { +.gedit-document-panel row:hover:selected button:hover { color: #ff6666; - background-image: none; - background-color: transparent; + background: none; border: none; box-shadow: none; } - .gedit-document-panel .prelight-row:selected button:hover:active { + .gedit-document-panel row:hover:selected button:hover:active { color: #ffffff; } -.gedit-document-panel .prelight-row button:active { - color: #5c616c; } - .gedit-document-panel-dragged-row { border: 1px solid #dcdfe3; background-color: #d9dde0; @@ -3456,29 +3456,20 @@ GtkListBox .h4 { .maximized .gedit-document-panel { background-color: #353945; } .gedit-document-panel row { - color: #BAC3CF; } - .gedit-document-panel row { - background-color: rgba(186, 195, 207, 0); - border: solid rgba(186, 195, 207, 0); - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:hover { - border: solid rgba(186, 195, 207, 0.15); - border-width: 3px 2px 3px 2px; - background-color: rgba(186, 195, 207, 0.15); } - .gedit-document-panel row:active { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel row:active button { - color: #ffffff; } - .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { - color: #ffffff; - background-color: #5294E2; - border: solid #5294E2; - border-width: 3px 2px 3px 2px; } - .gedit-document-panel .prelight-row button:active { - color: #BAC3CF; } + color: #BAC3CF; + background-color: rgba(186, 195, 207, 0); } + .gedit-document-panel row:hover { + background-color: rgba(186, 195, 207, 0.15); } + .gedit-document-panel row:active { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:active button { + color: #ffffff; } + .gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #5294E2; } + .gedit-document-panel row:hover:not(:selected) button:active { + color: #BAC3CF; } .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index 5cc7d76..b180637 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -1,22 +1,14 @@ // // Tab overrides // -//GeditNotebook.notebook, +.gedit-bottom-panel-paned notebook { //ScratchMainWindow .notebook, //EphyNotebook.notebook, //MidoriNotebook .notebook, //TerminalWindow .notebook, //PantheonTerminalPantheonTerminalWindow .notebook { -// -// header.top tab { -// &:active { -// box-shadow: inset 0 1px $borders_color, -// inset 0 -1px $borders_color, -// inset 1px 0 $borders_color, -// inset -1px 0 $borders_color; -// } -// } -//} + > header.top > tabs > tab:checked { box-shadow: inset 0 -1px $borders_color; } +} //TerminalWindow .notebook, //PantheonTerminalPantheonTerminalWindow .notebook { @@ -220,32 +212,33 @@ $disk_space_free: darken($bg_color, 3%); .gedit-document-panel { row button { + min-width: 22px; + min-height: 22px; + padding: 0; + color: transparent; - background-image: none; - background-color: transparent; + background: none; border: none; box-shadow: none; - padding: 4px; - & image { color: inherit; } + + image { color: inherit; } } - .prelight-row button { + + row:hover:not(:selected) button { color: mix($bg_color, $fg_color, 35%); + + &:hover { color: lighten(red, 15%); } + &:active { color: $fg_color; } } - row button:hover, - .prelight-row button:hover { - color: lighten(red, 15%); - } - .prelight-row:selected button:hover { + + row:hover:selected button:hover { color: lighten(red, 20%); - background-image: none; - background-color: transparent; + background: none; border: none; box-shadow: none; + &:active { color: $selected_fg_color; } } - .prelight-row button:active { - color: $fg_color; - } } .gedit-document-panel-dragged-row { @@ -275,10 +268,6 @@ $disk_space_free: darken($bg_color, 3%); padding: 2px; } -//GeditFileBrowserWidget toolbar { -// border-bottom: 1px solid $borders_color; -//} - // // Epiphany // diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 54e7bbb..8c79b17 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1026,8 +1026,9 @@ paned.titlebar { > headerbar { &:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0;} + + ~ headerbar { border-top-left-radius: 0; } &:first-child { border-top-right-radius: 0; } - &:last-child { border-top-left-radius: 0; } } } diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss index 1e8177c..42d08a4 100644 --- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -131,64 +131,29 @@ .maximized & { background-color: opacify($dark_sidebar_bg, 1); } - row { color: $dark_sidebar_fg; } - row { + color: $dark_sidebar_fg; background-color: transparentize($dark_sidebar_fg, 1); - border: solid transparentize($dark_sidebar_fg, 1); - border-width: 3px 2px 3px 2px; - } - row:hover { - border: solid transparentize($dark_sidebar_fg, 0.85); - border-width: 3px 2px 3px 2px; - background-color: transparentize($dark_sidebar_fg, 0.85); - } - row:active { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: solid $selected_bg_color; - border-width: 3px 2px 3px 2px; - button { color: $selected_fg_color; } - } - row:selected, row:selected:hover { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: solid $selected_bg_color; - border-width: 3px 2px 3px 2px; - } - .prelight-row button:active { - color: $dark_sidebar_fg; + &:hover { + background-color: transparentize($dark_sidebar_fg, 0.85); + } + &:active { + color: $selected_fg_color; + background-color: $selected_bg_color; + + button { color: $selected_fg_color; } + } + &:selected, &:selected:hover { + color: $selected_fg_color; + background-color: $selected_bg_color; + } + &:hover:not(:selected) button:active { + color: $dark_sidebar_fg; + } } } -//GeditFileBrowserWidget { -// background-color: $dark_sidebar_bg; -// -// .maximized & { background-color: opacify($dark_sidebar_bg, 1); } -// -// scrollbar { @extend %dark_sidebar_scrollbar; } -// -// .horizontal { -// background-color: transparent; -// border-color: darken($dark_sidebar_bg, 7%); -// -// button { @extend %dark_sidebar_button; } -// combobox { color: $dark_sidebar_fg; } -// } -//} - -//GeditWindow.background.csd GeditFileBrowserView.view { -// -// background-color: transparent; -// color: $dark_sidebar_fg; -// -// &.expander { -// color: $dark_sidebar_fg; -// &:hover { color: $selected_bg_color; } -// } -//} - %dark_sidebar_button { @include button(osd); -- cgit v1.2.3 From c73bd06f590e6d249de9f79aa8e1d8d36bb6f115 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 11 Mar 2016 12:11:31 +0100 Subject: fix a thing --- common/gtk-3.0/3.20/gtk-dark.css | 4 ++-- common/gtk-3.0/3.20/gtk-darker.css | 4 ++-- common/gtk-3.0/3.20/gtk-solid-dark.css | 4 ++-- common/gtk-3.0/3.20/gtk-solid-darker.css | 4 ++-- common/gtk-3.0/3.20/gtk-solid.css | 4 ++-- common/gtk-3.0/3.20/gtk.css | 4 ++-- common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 1 + 7 files changed, 13 insertions(+), 12 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 65a3724..e5f3d7a 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -941,7 +941,7 @@ paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } -paned.titlebar > headerbar:first-child:dir(ltr) { +paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { @@ -3420,7 +3420,7 @@ GtkListBox .h4 { color: #BAC3CF; } .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 07bb4e6..5a744e7 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -940,7 +940,7 @@ paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } -paned.titlebar > headerbar:first-child:dir(ltr) { +paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { @@ -3419,7 +3419,7 @@ GtkListBox .h4 { color: #BAC3CF; } .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 0b4c22c..b40ac45 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -941,7 +941,7 @@ paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } -paned.titlebar > headerbar:first-child:dir(ltr) { +paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { @@ -3420,7 +3420,7 @@ GtkListBox .h4 { color: #BAC3CF; } .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index bed4d94..c60c869 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -940,7 +940,7 @@ paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } -paned.titlebar > headerbar:first-child:dir(ltr) { +paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { @@ -3419,7 +3419,7 @@ GtkListBox .h4 { color: #BAC3CF; } .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 15e910d..b6fcb08 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -940,7 +940,7 @@ paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } -paned.titlebar > headerbar:first-child:dir(ltr) { +paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { @@ -3423,7 +3423,7 @@ GtkListBox .h4 { color: #BAC3CF; } .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 2ef92da..e51faf7 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -940,7 +940,7 @@ paned.titlebar > headerbar:not(:only-child):not(:first-child):not(:last-child) { paned.titlebar > headerbar ~ headerbar { border-top-left-radius: 0; } -paned.titlebar > headerbar:first-child:dir(ltr) { +paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { @@ -3423,7 +3423,7 @@ GtkListBox .h4 { color: #BAC3CF; } .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { color: inherit; } diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss index 42d08a4..3390c96 100644 --- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -31,6 +31,7 @@ .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); } + &.has-open-popup, &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); } &:selected, &:selected:hover, &:active:hover { -- cgit v1.2.3 From 50f38e4accf805284f02b8d2e473e75593b99faa Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 21 Mar 2016 21:07:05 +0100 Subject: tweak tab size --- common/gtk-3.0/3.20/gtk-dark.css | 20 ++++++++++---------- common/gtk-3.0/3.20/gtk-darker.css | 20 ++++++++++---------- common/gtk-3.0/3.20/gtk-solid-dark.css | 20 ++++++++++---------- common/gtk-3.0/3.20/gtk-solid-darker.css | 20 ++++++++++---------- common/gtk-3.0/3.20/gtk-solid.css | 20 ++++++++++---------- common/gtk-3.0/3.20/gtk.css | 20 ++++++++++---------- common/gtk-3.0/3.20/sass/_common.scss | 8 ++++---- 7 files changed, 64 insertions(+), 64 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index e5f3d7a..971a1c3 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1525,7 +1525,7 @@ notebook { notebook > stack:not(:only-child) { background-color: #404552; } notebook > header { - padding: 3px; + padding: 2px; background-color: #383C4A; } notebook > header.top { box-shadow: inset 0 -1px #2b2e39; } @@ -1539,8 +1539,8 @@ notebook { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; @@ -1550,8 +1550,8 @@ notebook { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; @@ -1561,8 +1561,8 @@ notebook { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; @@ -1572,8 +1572,8 @@ notebook { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; @@ -1616,7 +1616,7 @@ notebook { background-color: #404552; border-color: #2b2e39; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { - min-height: 18px; + min-height: 22px; min-width: 16px; padding: 0; color: #9da3ad; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 5a744e7..46b1a4b 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1524,7 +1524,7 @@ notebook { notebook > stack:not(:only-child) { background-color: #ffffff; } notebook > header { - padding: 3px; + padding: 2px; background-color: #F5F6F7; } notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } @@ -1538,8 +1538,8 @@ notebook { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; @@ -1549,8 +1549,8 @@ notebook { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; @@ -1560,8 +1560,8 @@ notebook { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; @@ -1571,8 +1571,8 @@ notebook { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; @@ -1615,7 +1615,7 @@ notebook { background-color: #ffffff; border-color: #dcdfe3; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { - min-height: 18px; + min-height: 22px; min-width: 16px; padding: 0; color: #92959d; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index b40ac45..028bf7a 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1525,7 +1525,7 @@ notebook { notebook > stack:not(:only-child) { background-color: #404552; } notebook > header { - padding: 3px; + padding: 2px; background-color: #383C4A; } notebook > header.top { box-shadow: inset 0 -1px #2b2e39; } @@ -1539,8 +1539,8 @@ notebook { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; @@ -1550,8 +1550,8 @@ notebook { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; @@ -1561,8 +1561,8 @@ notebook { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; @@ -1572,8 +1572,8 @@ notebook { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; @@ -1616,7 +1616,7 @@ notebook { background-color: #404552; border-color: #2b2e39; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { - min-height: 18px; + min-height: 22px; min-width: 16px; padding: 0; color: #9da3ad; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index c60c869..99ac180 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1524,7 +1524,7 @@ notebook { notebook > stack:not(:only-child) { background-color: #ffffff; } notebook > header { - padding: 3px; + padding: 2px; background-color: #F5F6F7; } notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } @@ -1538,8 +1538,8 @@ notebook { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; @@ -1549,8 +1549,8 @@ notebook { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; @@ -1560,8 +1560,8 @@ notebook { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; @@ -1571,8 +1571,8 @@ notebook { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; @@ -1615,7 +1615,7 @@ notebook { background-color: #ffffff; border-color: #dcdfe3; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { - min-height: 18px; + min-height: 22px; min-width: 16px; padding: 0; color: #92959d; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index b6fcb08..7f67563 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1528,7 +1528,7 @@ notebook { notebook > stack:not(:only-child) { background-color: #ffffff; } notebook > header { - padding: 3px; + padding: 2px; background-color: #F5F6F7; } notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } @@ -1542,8 +1542,8 @@ notebook { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; @@ -1553,8 +1553,8 @@ notebook { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; @@ -1564,8 +1564,8 @@ notebook { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; @@ -1575,8 +1575,8 @@ notebook { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; @@ -1619,7 +1619,7 @@ notebook { background-color: #ffffff; border-color: #dcdfe3; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { - min-height: 18px; + min-height: 22px; min-width: 16px; padding: 0; color: #92959d; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index e51faf7..00bbb30 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1528,7 +1528,7 @@ notebook { notebook > stack:not(:only-child) { background-color: #ffffff; } notebook > header { - padding: 3px; + padding: 2px; background-color: #F5F6F7; } notebook > header.top { box-shadow: inset 0 -1px #dcdfe3; } @@ -1542,8 +1542,8 @@ notebook { padding-bottom: 0; } notebook > header.top > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-bottom: none; @@ -1553,8 +1553,8 @@ notebook { padding-top: 0; } notebook > header.bottom > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-top: none; @@ -1564,8 +1564,8 @@ notebook { padding-left: 0; } notebook > header.right > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-left: none; @@ -1575,8 +1575,8 @@ notebook { padding-right: 0; } notebook > header.left > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; border: 1px solid transparent; border-right: none; @@ -1619,7 +1619,7 @@ notebook { background-color: #ffffff; border-color: #dcdfe3; } notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button { - min-height: 18px; + min-height: 22px; min-width: 16px; padding: 0; color: #92959d; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 8c79b17..6438c03 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1623,7 +1623,7 @@ notebook { } > header { - padding: 3px; + padding: 2px; background-color: $bg_color; &.top { box-shadow: inset 0 -1px $borders_color; } @@ -1638,8 +1638,8 @@ notebook { > tabs > tab { padding: 2px 10px; - min-width: 22px; - min-height: 22px; + min-width: 20px; + min-height: 20px; outline-offset: -4px; @@ -1704,7 +1704,7 @@ notebook { } // close button button.flat { - min-height: 18px; + min-height: 22px; min-width: 16px; padding: 0; color: mix($bg_color, $fg_color, 35%); -- cgit v1.2.3 From 551520a88bd14e550b8d652c6316c7c7840b0fcd Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 21 Mar 2016 21:10:05 +0100 Subject: fix tooltips --- common/gtk-3.0/3.20/gtk-dark.css | 3 ++- common/gtk-3.0/3.20/gtk-darker.css | 3 ++- common/gtk-3.0/3.20/gtk-solid-dark.css | 3 ++- common/gtk-3.0/3.20/gtk-solid-darker.css | 3 ++- common/gtk-3.0/3.20/gtk-solid.css | 3 ++- common/gtk-3.0/3.20/gtk.css | 3 ++- common/gtk-3.0/3.20/sass/_common.scss | 3 ++- 7 files changed, 14 insertions(+), 7 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 971a1c3..3fadb61 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2512,10 +2512,11 @@ tooltip { tooltip.background { background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; } + tooltip.background label { + padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { - padding: 4px; background-color: transparent; color: #BAC3CF; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 46b1a4b..ae5b4dc 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2511,10 +2511,11 @@ tooltip { tooltip.background { background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; } + tooltip.background label { + padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { - padding: 4px; background-color: transparent; color: #BAC3CF; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 028bf7a..f7bc549 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2512,10 +2512,11 @@ tooltip { tooltip.background { background-color: #353945; background-clip: padding-box; } + tooltip.background label { + padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { - padding: 4px; background-color: transparent; color: #BAC3CF; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 99ac180..d3ccd8f 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2511,10 +2511,11 @@ tooltip { tooltip.background { background-color: #353945; background-clip: padding-box; } + tooltip.background label { + padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { - padding: 4px; background-color: transparent; color: #BAC3CF; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 7f67563..49e06ff 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2515,10 +2515,11 @@ tooltip { tooltip.background { background-color: #353945; background-clip: padding-box; } + tooltip.background label { + padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { - padding: 4px; background-color: transparent; color: #BAC3CF; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 00bbb30..37b7bd1 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2515,10 +2515,11 @@ tooltip { tooltip.background { background-color: rgba(53, 57, 69, 0.95); background-clip: padding-box; } + tooltip.background label { + padding: 4px; } tooltip decoration { background-color: transparent; } tooltip * { - padding: 4px; background-color: transparent; color: #BAC3CF; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 6438c03..9026edd 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -2700,6 +2700,8 @@ tooltip { // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. background-color: $osd_bg_color; background-clip: padding-box; + + label { padding: 4px; } } border-radius: 2px; @@ -2708,7 +2710,6 @@ tooltip { decoration { background-color: transparent; } * { //Yeah this is ugly - padding: 4px; background-color: transparent; color: $osd_fg_color; // just to be sure } -- cgit v1.2.3 From f8f4356aeda443852db4babb8bba46e81bf0f9f0 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 21 Mar 2016 21:35:33 +0100 Subject: rounded corners for colorscale popover --- common/gtk-3.0/3.20/gtk-dark.css | 3 +++ common/gtk-3.0/3.20/gtk-darker.css | 3 +++ common/gtk-3.0/3.20/gtk-solid-dark.css | 3 +++ common/gtk-3.0/3.20/gtk-solid-darker.css | 3 +++ common/gtk-3.0/3.20/gtk-solid.css | 3 +++ common/gtk-3.0/3.20/gtk.css | 3 +++ common/gtk-3.0/3.20/sass/_common.scss | 3 +++ 7 files changed, 21 insertions(+) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 3fadb61..ea72108 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2595,6 +2595,9 @@ button.color { margin: 4px; border-radius: 0; } +colorchooser .popover.osd { + border-radius: 3px; } + .content-view { background-color: #404552; } .content-view:hover { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index ae5b4dc..6bd242e 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2594,6 +2594,9 @@ button.color { margin: 4px; border-radius: 0; } +colorchooser .popover.osd { + border-radius: 3px; } + .content-view { background-color: #ffffff; } .content-view:hover { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index f7bc549..edb76c9 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2595,6 +2595,9 @@ button.color { margin: 4px; border-radius: 0; } +colorchooser .popover.osd { + border-radius: 3px; } + .content-view { background-color: #404552; } .content-view:hover { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index d3ccd8f..452c8a2 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2594,6 +2594,9 @@ button.color { margin: 4px; border-radius: 0; } +colorchooser .popover.osd { + border-radius: 3px; } + .content-view { background-color: #ffffff; } .content-view:hover { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 49e06ff..aa287ff 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2598,6 +2598,9 @@ button.color { margin: 4px; border-radius: 0; } +colorchooser .popover.osd { + border-radius: 3px; } + .content-view { background-color: #ffffff; } .content-view:hover { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 37b7bd1..8cab57a 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2598,6 +2598,9 @@ button.color { margin: 4px; border-radius: 0; } +colorchooser .popover.osd { + border-radius: 3px; } + .content-view { background-color: #ffffff; } .content-view:hover { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 9026edd..40a0f53 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -2809,6 +2809,9 @@ button.color { } } +// colorscale popup +colorchooser .popover.osd { border-radius: 3px; } + // // Misc // -- cgit v1.2.3 From 674ffa0890353fa72dae97305ca38996932fa964 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 21 Mar 2016 21:39:18 +0100 Subject: set min-width on spinbutton entries --- common/gtk-3.0/3.20/gtk-dark.css | 3 +++ common/gtk-3.0/3.20/gtk-darker.css | 3 +++ common/gtk-3.0/3.20/gtk-solid-dark.css | 3 +++ common/gtk-3.0/3.20/gtk-solid-darker.css | 3 +++ common/gtk-3.0/3.20/gtk-solid.css | 3 +++ common/gtk-3.0/3.20/gtk.css | 3 +++ common/gtk-3.0/3.20/sass/_common.scss | 2 ++ 7 files changed, 20 insertions(+) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index ea72108..8f6329d 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -733,6 +733,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(211, 218, 227, 0.45); } +spinbutton:not(.vertical) entry { + min-width: 28px; } + spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 6bd242e..a450743 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -732,6 +732,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } +spinbutton:not(.vertical) entry { + min-width: 28px; } + spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index edb76c9..5f9083b 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -733,6 +733,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(211, 218, 227, 0.45); } +spinbutton:not(.vertical) entry { + min-width: 28px; } + spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 452c8a2..db3c774 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -732,6 +732,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } +spinbutton:not(.vertical) entry { + min-width: 28px; } + spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index aa287ff..e979f58 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -732,6 +732,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } +spinbutton:not(.vertical) entry { + min-width: 28px; } + spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 8cab57a..02ee058 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -732,6 +732,9 @@ spinbutton button:active { spinbutton:disabled { color: rgba(92, 97, 108, 0.55); } +spinbutton:not(.vertical) entry { + min-width: 28px; } + spinbutton:not(.vertical):dir(ltr) entry, spinbutton:not(.vertical):dir(rtl) button.up { border-radius: 3px 0 0 3px; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 40a0f53..d46f294 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -729,6 +729,8 @@ spinbutton { &:disabled { color: $insensitive_fg_color; } &:not(.vertical) { + entry { min-width: 28px; } + button, entry { @extend %linked; } &:dir(ltr) entry, -- cgit v1.2.3 From 770bcd460f5fec8ea3e82b6c4b9dcf0045b41427 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 21 Mar 2016 21:44:08 +0100 Subject: less padding for slider-buttons in path-bars --- common/gtk-3.0/3.20/gtk-dark.css | 4 ++++ common/gtk-3.0/3.20/gtk-darker.css | 4 ++++ common/gtk-3.0/3.20/gtk-solid-dark.css | 4 ++++ common/gtk-3.0/3.20/gtk-solid-darker.css | 4 ++++ common/gtk-3.0/3.20/gtk-solid.css | 4 ++++ common/gtk-3.0/3.20/gtk.css | 4 ++++ common/gtk-3.0/3.20/sass/_common.scss | 5 +++++ 7 files changed, 29 insertions(+) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 8f6329d..bff4d3e 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1287,6 +1287,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } +.path-bar button.slider-button { + padding-left: 2px; + padding-right: 2px; } + .path-bar button image { padding-left: 4px; padding-right: 4px; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index a450743..b114acf 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1286,6 +1286,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } +.path-bar button.slider-button { + padding-left: 2px; + padding-right: 2px; } + .path-bar button image { padding-left: 4px; padding-right: 4px; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 5f9083b..0b3b046 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1287,6 +1287,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } +.path-bar button.slider-button { + padding-left: 2px; + padding-right: 2px; } + .path-bar button image { padding-left: 4px; padding-right: 4px; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index db3c774..dd60dd0 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1286,6 +1286,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } +.path-bar button.slider-button { + padding-left: 2px; + padding-right: 2px; } + .path-bar button image { padding-left: 4px; padding-right: 4px; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index e979f58..abe634f 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1290,6 +1290,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } +.path-bar button.slider-button { + padding-left: 2px; + padding-right: 2px; } + .path-bar button image { padding-left: 4px; padding-right: 4px; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 02ee058..9ccd571 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1290,6 +1290,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } +.path-bar button.slider-button { + padding-left: 2px; + padding-right: 2px; } + .path-bar button image { padding-left: 4px; padding-right: 4px; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index d46f294..b32d817 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1315,6 +1315,11 @@ headerbar { label:first-child { padding-left: 10px; } } + &.slider-button { + padding-left: 2px; + padding-right: 2px; + } + image { padding-left: 4px; padding-right: 4px; -- cgit v1.2.3 From 8b4ed4c295e9d90fde26a064942d33aab38f86a5 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 21 Mar 2016 21:59:14 +0100 Subject: refactoring --- common/gtk-3.0/3.20/gtk-dark.css | 36 +++++++++++++++----------------- common/gtk-3.0/3.20/gtk-darker.css | 36 +++++++++++++++----------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 36 +++++++++++++++----------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 36 +++++++++++++++----------------- common/gtk-3.0/3.20/gtk-solid.css | 36 +++++++++++++++----------------- common/gtk-3.0/3.20/gtk.css | 36 +++++++++++++++----------------- common/gtk-3.0/3.20/sass/_common.scss | 20 ++++++++++-------- 7 files changed, 113 insertions(+), 123 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index bff4d3e..3e22dfe 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -450,21 +450,16 @@ button { .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 { + .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; } - .stack-switcher > button.needs-attention > label, - .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .stack-switcher > button.needs-attention > label:dir(rtl), - .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2138,10 +2133,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { border-style: none; } -scrolledwindow overshoot.top, placessidebar overshoot.top { +scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2150,7 +2145,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: none; box-shadow: none; } -scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { +scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2159,7 +2154,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: none; box-shadow: none; } -scrolledwindow overshoot.left, placessidebar overshoot.left { +scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2168,7 +2163,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: none; box-shadow: none; } -scrolledwindow overshoot.right, placessidebar overshoot.right { +scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2177,7 +2172,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +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; @@ -2187,7 +2182,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +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; @@ -2197,7 +2192,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +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; @@ -2207,7 +2202,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +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; @@ -2217,11 +2212,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #3e434f; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2391,6 +2386,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index b114acf..0fc5268 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -449,21 +449,16 @@ button { .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 { + .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; } - .stack-switcher > button.needs-attention > label, - .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > button.needs-attention > label:dir(rtl), - .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2137,10 +2132,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { border-style: none; } -scrolledwindow overshoot.top, placessidebar overshoot.top { +scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2149,7 +2144,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: none; box-shadow: none; } -scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { +scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2158,7 +2153,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: none; box-shadow: none; } -scrolledwindow overshoot.left, placessidebar overshoot.left { +scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2167,7 +2162,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: none; box-shadow: none; } -scrolledwindow overshoot.right, placessidebar overshoot.right { +scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2176,7 +2171,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +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; @@ -2186,7 +2181,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +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; @@ -2196,7 +2191,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +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; @@ -2206,7 +2201,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +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; @@ -2216,11 +2211,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2390,6 +2385,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 0b3b046..14606ac 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -450,21 +450,16 @@ button { .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 { + .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; } - .stack-switcher > button.needs-attention > label, - .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } - .stack-switcher > button.needs-attention > label:dir(rtl), - .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 2px; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2138,10 +2133,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { border-style: none; } -scrolledwindow overshoot.top, placessidebar overshoot.top { +scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2150,7 +2145,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: none; box-shadow: none; } -scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { +scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2159,7 +2154,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: none; box-shadow: none; } -scrolledwindow overshoot.left, placessidebar overshoot.left { +scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2168,7 +2163,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: none; box-shadow: none; } -scrolledwindow overshoot.right, placessidebar overshoot.right { +scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2177,7 +2172,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +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; @@ -2187,7 +2182,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +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; @@ -2197,7 +2192,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +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; @@ -2207,7 +2202,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +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; @@ -2217,11 +2212,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #2b2e39 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #3e434f; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2391,6 +2386,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index dd60dd0..d7b5b20 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -449,21 +449,16 @@ button { .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 { + .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; } - .stack-switcher > button.needs-attention > label, - .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > button.needs-attention > label:dir(rtl), - .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2137,10 +2132,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { border-style: none; } -scrolledwindow overshoot.top, placessidebar overshoot.top { +scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2149,7 +2144,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: none; box-shadow: none; } -scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { +scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2158,7 +2153,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: none; box-shadow: none; } -scrolledwindow overshoot.left, placessidebar overshoot.left { +scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2167,7 +2162,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: none; box-shadow: none; } -scrolledwindow overshoot.right, placessidebar overshoot.right { +scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2176,7 +2171,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +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; @@ -2186,7 +2181,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +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; @@ -2196,7 +2191,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +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; @@ -2206,7 +2201,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +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; @@ -2216,11 +2211,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2390,6 +2385,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index abe634f..19216a0 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -449,21 +449,16 @@ button { .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 { + .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; } - .stack-switcher > button.needs-attention > label, - .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > button.needs-attention > label:dir(rtl), - .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2141,10 +2136,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { border-style: none; } -scrolledwindow overshoot.top, placessidebar overshoot.top { +scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2153,7 +2148,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: none; box-shadow: none; } -scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { +scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2162,7 +2157,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: none; box-shadow: none; } -scrolledwindow overshoot.left, placessidebar overshoot.left { +scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2171,7 +2166,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: none; box-shadow: none; } -scrolledwindow overshoot.right, placessidebar overshoot.right { +scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2180,7 +2175,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +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; @@ -2190,7 +2185,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +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; @@ -2200,7 +2195,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +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; @@ -2210,7 +2205,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +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; @@ -2220,11 +2215,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2394,6 +2389,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 9ccd571..dd63b38 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -449,21 +449,16 @@ button { .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 { + .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; } - .stack-switcher > button.needs-attention > label, - .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { animation: needs_attention 150ms ease-in; background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#5294E2), to(transparent)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } - .stack-switcher > button.needs-attention > label:dir(rtl), - .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { background-position: left 3px, left 4px; } .inline-toolbar button, .inline-toolbar button:backdrop { border-radius: 2px; @@ -2141,10 +2136,10 @@ frame > border, .frame.flat { border-style: none; } -scrolledwindow viewport.frame, placessidebar viewport.frame { +scrolledwindow viewport.frame { border-style: none; } -scrolledwindow overshoot.top, placessidebar overshoot.top { +scrolledwindow overshoot.top { background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2153,7 +2148,7 @@ scrolledwindow overshoot.top, placessidebar overshoot.top { border: none; box-shadow: none; } -scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { +scrolledwindow overshoot.bottom { background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 100% 60%; background-repeat: no-repeat; @@ -2162,7 +2157,7 @@ scrolledwindow overshoot.bottom, placessidebar overshoot.bottom { border: none; box-shadow: none; } -scrolledwindow overshoot.left, placessidebar overshoot.left { +scrolledwindow overshoot.left { background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2171,7 +2166,7 @@ scrolledwindow overshoot.left, placessidebar overshoot.left { border: none; box-shadow: none; } -scrolledwindow overshoot.right, placessidebar overshoot.right { +scrolledwindow overshoot.right { background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(82, 148, 226, 0.2)), to(rgba(82, 148, 226, 0))); background-size: 60% 100%; background-repeat: no-repeat; @@ -2180,7 +2175,7 @@ scrolledwindow overshoot.right, placessidebar overshoot.right { border: none; box-shadow: none; } -scrolledwindow undershoot.top, placessidebar undershoot.top { +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; @@ -2190,7 +2185,7 @@ scrolledwindow undershoot.top, placessidebar undershoot.top { background-position: center top; border: none; } -scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { +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; @@ -2200,7 +2195,7 @@ scrolledwindow undershoot.bottom, placessidebar undershoot.bottom { background-position: center bottom; border: none; } -scrolledwindow undershoot.left, placessidebar undershoot.left { +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; @@ -2210,7 +2205,7 @@ scrolledwindow undershoot.left, placessidebar undershoot.left { background-position: left center; border: none; } -scrolledwindow undershoot.right, placessidebar undershoot.right { +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; @@ -2220,11 +2215,11 @@ scrolledwindow undershoot.right, placessidebar undershoot.right { background-position: right center; border: none; } -scrolledwindow junction, placessidebar junction { +scrolledwindow junction { border-color: transparent; border-image: linear-gradient(to bottom, #dcdfe3 1px, transparent 1px) 0 0 0 1/0 1px stretch; background-color: #fcfcfc; } - scrolledwindow junction:dir(rtl), placessidebar junction:dir(rtl) { + scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } separator, .sidebar separator { @@ -2394,6 +2389,9 @@ stacksidebar row { stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } +placessidebar > viewport.frame { + border-style: none; } + placessidebar list { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index b32d817..d041833 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -468,14 +468,16 @@ button { padding-right: 2px; } - &.needs-attention > label, - &.needs-attention > image { @extend %needs_attention; } - &.needs-attention:active > label, - &.needs-attention:active > image, - &.needs-attention:checked > label, - &.needs-attention:checked > image { - animation: none; - background-image: none; + &.needs-attention { + + > label, > image { @extend %needs_attention; } + + &:active, &:checked { + > label, > image { + animation: none; + background-image: none; + } + } } } @@ -2529,7 +2531,7 @@ stacksidebar { placessidebar { - @extend scrolledwindow; + > viewport.frame { border-style: none; } list { background-color: transparent; } -- cgit v1.2.3 From 3c187259e309e16a5071d08d36e18b209f0d372b Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 21 Mar 2016 22:08:47 +0100 Subject: shrink standalone osd buttons --- common/gtk-3.0/3.20/gtk-dark.css | 5 +++-- common/gtk-3.0/3.20/gtk-darker.css | 5 +++-- common/gtk-3.0/3.20/gtk-solid-dark.css | 5 +++-- common/gtk-3.0/3.20/gtk-solid-darker.css | 5 +++-- common/gtk-3.0/3.20/gtk-solid.css | 5 +++-- common/gtk-3.0/3.20/gtk.css | 5 +++-- common/gtk-3.0/3.20/sass/_common.scss | 5 +++-- 7 files changed, 21 insertions(+), 14 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 3e22dfe..7ec36a9 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -295,8 +295,9 @@ button { background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } button.osd.image-button { - min-height: 48px; - min-width: 48px; } + padding: 0; + min-height: 36px; + min-width: 36px; } button.osd:hover { color: #5294E2; } button.osd:active, button.osd:checked { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 0fc5268..f5a899b 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -294,8 +294,9 @@ button { background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } button.osd.image-button { - min-height: 48px; - min-width: 48px; } + padding: 0; + min-height: 36px; + min-width: 36px; } button.osd:hover { color: #5294E2; } button.osd:active, button.osd:checked { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 14606ac..58789ba 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -295,8 +295,9 @@ button { background-color: #353945; border-color: #23262e; } button.osd.image-button { - min-height: 48px; - min-width: 48px; } + padding: 0; + min-height: 36px; + min-width: 36px; } button.osd:hover { color: #5294E2; } button.osd:active, button.osd:checked { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index d7b5b20..8513488 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -294,8 +294,9 @@ button { background-color: #353945; border-color: #23262e; } button.osd.image-button { - min-height: 48px; - min-width: 48px; } + padding: 0; + min-height: 36px; + min-width: 36px; } button.osd:hover { color: #5294E2; } button.osd:active, button.osd:checked { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 19216a0..8df4360 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -294,8 +294,9 @@ button { background-color: #353945; border-color: #23262e; } button.osd.image-button { - min-height: 48px; - min-width: 48px; } + padding: 0; + min-height: 36px; + min-width: 36px; } button.osd:hover { color: #5294E2; } button.osd:active, button.osd:checked { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index dd63b38..f82a41e 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -294,8 +294,9 @@ button { background-color: rgba(53, 57, 69, 0.95); border-color: rgba(35, 38, 46, 0.95); } button.osd.image-button { - min-height: 48px; - min-width: 48px; } + padding: 0; + min-height: 36px; + min-width: 36px; } button.osd:hover { color: #5294E2; } button.osd:active, button.osd:checked { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index d041833..59f4a99 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -362,8 +362,9 @@ button { border-color: darken($osd_bg_color, 8%); &.image-button { - min-height: 48px; - min-width: 48px; + padding: 0; + min-height: 36px; + min-width: 36px; } &:hover { color: $selected_bg_color; } -- cgit v1.2.3 From a5dc6aa5893b6c2041d6ff2cae87f150d70426a2 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 21 Mar 2016 22:28:01 +0100 Subject: fix wide separators --- common/gtk-3.0/3.20/gtk-dark.css | 7 +++++-- common/gtk-3.0/3.20/gtk-darker.css | 7 +++++-- common/gtk-3.0/3.20/gtk-solid-dark.css | 7 +++++-- common/gtk-3.0/3.20/gtk-solid-darker.css | 7 +++++-- common/gtk-3.0/3.20/gtk-solid.css | 7 +++++-- common/gtk-3.0/3.20/gtk.css | 7 +++++-- common/gtk-3.0/3.20/sass/_common.scss | 7 +++++-- 7 files changed, 35 insertions(+), 14 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 7ec36a9..f44b8e4 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2441,10 +2441,9 @@ paned > separator, .sidebar paned > separator { paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } paned > separator.wide, .sidebar paned > separator.wide { - margin: 0; - padding: 0; min-width: 5px; min-height: 5px; + background-color: #383C4A; background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); background-size: 1px 1px, 1px 1px; } @@ -2459,6 +2458,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator { padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } @@ -2468,6 +2469,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator { background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index f5a899b..37b4cb3 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2440,10 +2440,9 @@ paned > separator, .sidebar paned > separator { paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } paned > separator.wide, .sidebar paned > separator.wide { - margin: 0; - padding: 0; min-width: 5px; min-height: 5px; + background-color: #F5F6F7; background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } @@ -2458,6 +2457,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator { padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } @@ -2467,6 +2468,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator { background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 58789ba..83a57de 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2441,10 +2441,9 @@ paned > separator, .sidebar paned > separator { paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } paned > separator.wide, .sidebar paned > separator.wide { - margin: 0; - padding: 0; min-width: 5px; min-height: 5px; + background-color: #383C4A; background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); background-size: 1px 1px, 1px 1px; } @@ -2459,6 +2458,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator { padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } @@ -2468,6 +2469,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator { background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 8513488..f0c5733 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2440,10 +2440,9 @@ paned > separator, .sidebar paned > separator { paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } paned > separator.wide, .sidebar paned > separator.wide { - margin: 0; - padding: 0; min-width: 5px; min-height: 5px; + background-color: #F5F6F7; background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } @@ -2458,6 +2457,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator { padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } @@ -2467,6 +2468,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator { background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 8df4360..74370c3 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2444,10 +2444,9 @@ paned > separator, .sidebar paned > separator { paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } paned > separator.wide, .sidebar paned > separator.wide { - margin: 0; - padding: 0; min-width: 5px; min-height: 5px; + background-color: #F5F6F7; background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } @@ -2462,6 +2461,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator { padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } @@ -2471,6 +2472,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator { background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index f82a41e..349117a 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2444,10 +2444,9 @@ paned > separator, .sidebar paned > separator { paned > separator:selected, .sidebar paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } paned > separator.wide, .sidebar paned > separator.wide { - margin: 0; - padding: 0; min-width: 5px; min-height: 5px; + background-color: #F5F6F7; background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } @@ -2462,6 +2461,8 @@ paned.horizontal > separator, .sidebar paned.horizontal > separator { padding: 0 0 0 8px; background-position: right; } paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } @@ -2471,6 +2472,8 @@ paned.vertical > separator, .sidebar paned.vertical > separator { background-repeat: repeat-x; background-position: top; } paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + margin: 0; + padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 59f4a99..40cbb84 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -2602,10 +2602,9 @@ paned { &:selected { background-image: linear-gradient(to top, $selected_bg_color); } &.wide { - margin: 0; - padding: 0; min-width: 5px; min-height: 5px; + background-color: $bg_color; background-image: linear-gradient(to top, $borders_color), linear-gradient(to top, $borders_color); background-size: 1px 1px, 1px 1px; } @@ -2625,6 +2624,8 @@ paned { } &.wide { + margin: 0; + padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } @@ -2637,6 +2638,8 @@ paned { background-position: top; &.wide { + margin: 0; + padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } -- cgit v1.2.3 From bb58312bdc5f94c9d63881287a21ab73ae510e98 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Tue, 22 Mar 2016 12:24:30 +0100 Subject: lots of fixes --- common/gtk-3.0/3.14/sass/_drawing.scss | 13 - common/gtk-3.0/3.16/sass/_drawing.scss | 13 - common/gtk-3.0/3.18/sass/_drawing.scss | 13 - common/gtk-3.0/3.20/gtk-dark.css | 493 ++++++++++++--------- common/gtk-3.0/3.20/gtk-darker.css | 493 ++++++++++++--------- common/gtk-3.0/3.20/gtk-solid-dark.css | 493 ++++++++++++--------- common/gtk-3.0/3.20/gtk-solid-darker.css | 493 ++++++++++++--------- common/gtk-3.0/3.20/gtk-solid.css | 493 ++++++++++++--------- common/gtk-3.0/3.20/gtk.css | 493 ++++++++++++--------- common/gtk-3.0/3.20/sass/_colors.scss | 2 + common/gtk-3.0/3.20/sass/_common.scss | 447 +++++++++++-------- common/gtk-3.0/3.20/sass/_drawing.scss | 28 +- common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 16 +- 13 files changed, 1955 insertions(+), 1535 deletions(-) diff --git a/common/gtk-3.0/3.14/sass/_drawing.scss b/common/gtk-3.0/3.14/sass/_drawing.scss index ab99a37..93f9386 100644 --- a/common/gtk-3.0/3.14/sass/_drawing.scss +++ b/common/gtk-3.0/3.14/sass/_drawing.scss @@ -1,18 +1,5 @@ // Drawing mixins -// generic drawing of more complex things - -@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 @mixin entry($t) { diff --git a/common/gtk-3.0/3.16/sass/_drawing.scss b/common/gtk-3.0/3.16/sass/_drawing.scss index ab99a37..93f9386 100644 --- a/common/gtk-3.0/3.16/sass/_drawing.scss +++ b/common/gtk-3.0/3.16/sass/_drawing.scss @@ -1,18 +1,5 @@ // Drawing mixins -// generic drawing of more complex things - -@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 @mixin entry($t) { diff --git a/common/gtk-3.0/3.18/sass/_drawing.scss b/common/gtk-3.0/3.18/sass/_drawing.scss index ab99a37..93f9386 100644 --- a/common/gtk-3.0/3.18/sass/_drawing.scss +++ b/common/gtk-3.0/3.18/sass/_drawing.scss @@ -1,18 +1,5 @@ // Drawing mixins -// generic drawing of more complex things - -@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 @mixin entry($t) { diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index f44b8e4..1de0e5f 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -39,33 +39,19 @@ background-color: #5294E2; color: #ffffff; } -.view, +.view, iconview, +.view text, +iconview text, textview text { color: #D3DAE3; background-color: #404552; } - .view.dim-label, label.view.separator, - popover.background label.view.separator, headerbar .view.subtitle, - textview text.dim-label, - textview headerbar text.subtitle, headerbar - textview text.subtitle { - color: rgba(211, 218, 227, 0.55); } - .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, - textview text.dim-label selection, - textview headerbar text.subtitle selection, headerbar - textview text.subtitle selection, - textview text.dim-label selection:focus, - textview headerbar text.subtitle selection:focus, headerbar - textview text.subtitle selection:focus { - color: rgba(255, 255, 255, 0.65); - text-shadow: none; } - -textview { - background-color: #3c414e; } - -iconview { - color: #D3DAE3; - background-color: #404552; } - iconview:selected, iconview:selected:focus { + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, @@ -83,6 +69,10 @@ label.separator, popover label.separator, popover.background label.separator { color: #D3DAE3; } +label selection { + color: #ffffff; + background-color: #5294E2; } + label:disabled { color: rgba(211, 218, 227, 0.45); } @@ -104,9 +94,12 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } +textview { + background-color: #404552; } + popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); @@ -150,13 +143,10 @@ entry { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { - color: #D3DAE3; - border-color: #2b2e39; - background-color: #404552; - background-image: linear-gradient(to bottom, #404552); min-height: 0; padding: 2px; - border: none; + background-image: none; + border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; @@ -170,19 +160,6 @@ entry { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } - entry selection, - entry selection:focus { - background-color: #5294E2; - color: #ffffff; } - entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #5294E2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } entry.warning { color: #ffffff; border-color: #2b2e39; @@ -209,6 +186,9 @@ entry { entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); @@ -223,6 +203,22 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #404552; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } @keyframes needs_attention { from { @@ -241,14 +237,12 @@ button { outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } - button separator, button .sidebar separator, .sidebar button separator { + button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; - background-color: rgba(68, 74, 88, 0); - border-color: rgba(43, 46, 57, 0); transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -262,11 +256,11 @@ button { background-color: #505666; -gtk-icon-effect: highlight; } button:active, button:checked { - background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294E2; + background-clip: padding-box; transition-duration: 50ms; } button:active { color: #D3DAE3; } @@ -277,18 +271,33 @@ button { background-color: transparent; background-image: none; } button:disabled { - color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } - button:disabled > label { - color: inherit; } + button:disabled label, button:disabled { + color: rgba(211, 218, 227, 0.45); } button:disabled:active, button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - button:disabled:active > label, button:disabled:checked > label { - color: inherit; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #4e9a06; + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -382,11 +391,10 @@ button { background-image: none; color: rgba(211, 218, 227, 0.45); } button.suggested-action:disabled { - color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } - button.suggested-action:disabled > label { - color: inherit; } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(211, 218, 227, 0.45); } button.destructive-action { background-clip: border-box; color: #ffffff; @@ -417,24 +425,10 @@ button { background-image: none; color: rgba(211, 218, 227, 0.45); } button.destructive-action:disabled { - color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } - button.destructive-action:disabled > label { - color: inherit; } - button.image-button { - min-width: 32px; - padding-left: 0; - padding-right: 0; } - button.text-button { - padding-left: 16px; - padding-right: 16px; } - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(211, 218, 227, 0.45); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -482,18 +476,16 @@ button { border-color: #2b2e39; background-color: #5294E2; } .inline-toolbar toolbutton > button:disabled { - color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } - .inline-toolbar toolbutton > button:disabled > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(211, 218, 227, 0.45); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(43, 46, 57, 0.3); } @@ -694,7 +686,7 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow, modelbutton.flat arrow:hover { +modelbutton.flat arrow { background: none; } modelbutton.flat arrow.left { @@ -717,7 +709,19 @@ modelbutton.flat arrow.right { color: #a9caf1; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } - *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + *:selected *:link, + *:selected button:link, + *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { @@ -776,17 +780,28 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { + toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } - .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } .primary-toolbar { color: rgba(207, 218, 231, 0.8); @@ -943,7 +958,7 @@ paned.titlebar > headerbar ~ headerbar { paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { +headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1023,11 +1038,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #5294E2; background-clip: padding-box; } .primary-toolbar button:disabled, headerbar button:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:disabled > label, headerbar button:disabled > label { - color: inherit; } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); @@ -1125,11 +1139,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { - color: inherit; } + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } @@ -1159,11 +1172,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { - color: inherit; } + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } @@ -1284,8 +1296,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ padding-left: 10px; } .path-bar button.slider-button { - padding-left: 2px; - padding-right: 2px; } + padding-left: 1px; + padding-right: 1px; } .path-bar button image { padding-left: 4px; @@ -1299,7 +1311,7 @@ treeview.view { -GtkTreeView-expander-size: 16; border-left-color: rgba(211, 218, 227, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } - treeview.view:selected { + treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(211, 218, 227, 0.1); } @@ -1310,10 +1322,14 @@ treeview.view { treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } - treeview.view.dnd { + treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #93b7e3; } + 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: #8a909b; } @@ -1412,7 +1428,7 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, + menu separator, .csd menu separator, .menu separator, .csd @@ -1490,21 +1506,19 @@ popover.background { popover.background, popover.background { border: 1px solid #20222a; } - popover separator, popover .sidebar separator, .sidebar popover separator, + popover separator, popover.background separator { background-color: #383C4A; } popover > list, popover > .view, + popover > iconview, popover > toolbar, popover > .inline-toolbar, - popover.osd > toolbar, - popover.osd > .inline-toolbar, popover.background > list, popover.background > .view, + popover.background > iconview, popover.background > toolbar, - popover.background > .inline-toolbar, - popover.background.osd > toolbar, - popover.background.osd > .inline-toolbar { + popover.background > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1519,8 +1533,7 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - padding: 0; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + padding: 0; } notebook.frame { border: 1px solid #2b2e39; } notebook.frame > header { @@ -1779,7 +1792,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } -.view check:selected, +.view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { @@ -1789,7 +1802,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } -.view check:disabled:selected, +.view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { @@ -1799,7 +1812,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } -.view check:indeterminate:selected, +.view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { @@ -1809,7 +1822,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } -.view check:indeterminate:disabled:selected, +.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { @@ -1819,7 +1832,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } -.view check:checked:selected, +.view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { @@ -1829,7 +1842,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } -.view check:checked:disabled:selected, +.view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { @@ -1839,7 +1852,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } -.view radio:selected, +.view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { @@ -1849,7 +1862,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } -.view radio:disabled:selected, +.view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { @@ -1859,7 +1872,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } -.view radio:indeterminate:selected, +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { @@ -1869,7 +1882,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } -.view radio:indeterminate:disabled:selected, +.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { @@ -1879,7 +1892,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } -.view radio:checked:selected, +.view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { @@ -1889,37 +1902,40 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } -.view radio:checked:disabled:selected, +.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -.view.content-view.check:not(list) { +.view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); background-color: transparent; } -.view.content-view.check:checked:not(list) { +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { - color: rgba(211, 218, 227, 0.45); } -radiobutton radio, -checkbutton check { +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { min-width: 16px; min-height: 16px; margin: 0 2px; } - radiobutton radio:only-child, - checkbutton check:only-child { + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { margin: 0; } scale { @@ -2024,7 +2040,7 @@ scale { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } scale trough fill { background: none; - background-color: red; } + background-color: rgba(82, 148, 226, 0.5); } scale trough:disabled { background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } .osd scale trough { @@ -2128,8 +2144,7 @@ frame > border, margin: 0; padding: 0; border-radius: 0; - border: 1px solid #2b2e39; - padding: 0; } + border: 1px solid #2b2e39; } frame > border.flat, .frame.flat { border-style: none; } @@ -2220,7 +2235,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator { +separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2231,29 +2246,26 @@ list { list row { padding: 2px; } +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(255, 255, 255, 0.03); } row.activatable:active { color: #D3DAE3; } +row.activatable:disabled { + color: rgba(211, 218, 227, 0.45); } + row.activatable:disabled image { + color: inherit; } + row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } -row.activatable:selected:disabled { - color: rgba(255, 255, 255, 0.7); - background-color: rgba(82, 148, 226, 0.7); } - row.activatable:selected:disabled label { - color: inherit; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - .app-notification { padding: 10px; color: #BAC3CF; @@ -2364,6 +2376,10 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(43, 46, 57, 0.5); } +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + .sidebar { border-style: none; background-color: #3c4150; } @@ -2373,9 +2389,11 @@ filechooser #pathbarbox { border-right: 1px solid #2b2e39; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, - stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #2b2e39; border-right-style: none; } + .sidebar list { + background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } @@ -2390,9 +2408,6 @@ stacksidebar row { placessidebar > viewport.frame { border-style: none; } -placessidebar list { - background-color: transparent; } - placessidebar row { min-height: 30px; padding: 0px; } @@ -2416,12 +2431,19 @@ placessidebar row { -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } - -placessidebar row.sidebar-placeholder-row { - border: solid 1px #5294E2; } - -placessidebar row.sidebar-new-bookmark-row { - background-color: #22242d; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #4e9a06); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + color: #4e9a06; + box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #4e9a06; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2430,7 +2452,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator { +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2438,37 +2460,37 @@ paned > separator, .sidebar paned > separator { background-color: transparent; background-image: linear-gradient(to top, #2b2e39); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected { + paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide { + paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #383C4A; background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator { +paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator { +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; @@ -2480,37 +2502,78 @@ infobar { .info, .question, .warning, -.error, -infobar { +.error { background-color: #5294E2; color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } -row:selected button, infobar button, .floating-bar button { +row:selected button, .info button, +.question button, +.warning button, +.error button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover, .floating-bar button:hover { + row:selected button:hover, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { + row:selected button:active, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { + row:selected button:disabled:active, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2654,8 +2717,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: black; - box-shadow: inset 0 0 0 1px black; } + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } decoration { border-radius: 3px 3px 0 0; @@ -2667,7 +2730,7 @@ decoration { .fullscreen decoration, .tiled decoration { border-radius: 0; } - .popup decoration, decoration.popup { + .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { @@ -2768,23 +2831,29 @@ headerbar button.titlebutton, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } -.view:selected, -.view selection, -.view selection:focus, -.view selection:hover, -textview text:selected, -textview text selection, +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, -label selection, -label selection:focus, -label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { - background-image: none; - background-color: #5294E2; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); } +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + modelbutton.flat:active, + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + modelbutton.flat:disabled:active, + modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #2b2e39; } @@ -2832,7 +2901,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #313541; border-color: #1b1d24; } -.nautilus-list-view .view { +.nautilus-list-view .view, .nautilus-list-view iconview { border-bottom: 1px solid #2b2e39; } @keyframes needs_attention_keyframes { @@ -2854,12 +2923,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } -.open-document-selector-treeview.view { +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #404552; } - .open-document-selector-treeview.view:hover { + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294E2; } @@ -3161,7 +3230,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { -GtkTreeView-vertical-separator: 6px; } .source-list, -.source-list.view { +.source-list.view, +iconview.source-list { background-color: #383C4A; color: #D3DAE3; -gtk-icon-style: regular; } @@ -3169,12 +3239,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { .source-list.category-expander { color: transparent; } -.source-list.view:hover { +.source-list.view:hover, iconview.source-list:hover { background-color: #434859; } -.source-list.view:selected, +.source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, +iconview.source-list:hover:selected, .source-list.view:selected:focus, +iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294E2; } @@ -3246,7 +3318,7 @@ GraniteWidgetsPopOver { background-image: linear-gradient(to bottom, #404552); border: 1px solid rgba(0, 0, 0, 0.3); } -GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } @@ -3323,11 +3395,10 @@ GtkListBox .h4 { border-color: #2b2e39; background-color: #5294E2; } #content_frame button:disabled { - color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } - #content_frame button:disabled > label { - color: inherit; } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(211, 218, 227, 0.45); } #buttonbox_frame { padding-top: 20px; @@ -3412,11 +3483,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { +.nautilus-window paned > separator { background: rgba(42, 45, 55, 0.95); } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { @@ -3424,19 +3495,17 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: rgba(75, 81, 98, 0.95); } - .nautilus-window placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } + .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 37b4cb3..bf6827c 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -39,33 +39,19 @@ background-color: #5294E2; color: #ffffff; } -.view, +.view, iconview, +.view text, +iconview text, textview text { color: #5c616c; background-color: #ffffff; } - .view.dim-label, label.view.separator, - popover.background label.view.separator, headerbar .view.subtitle, - textview text.dim-label, - textview headerbar text.subtitle, headerbar - textview text.subtitle { - color: rgba(92, 97, 108, 0.55); } - .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, - textview text.dim-label selection, - textview headerbar text.subtitle selection, headerbar - textview text.subtitle selection, - textview text.dim-label selection:focus, - textview headerbar text.subtitle selection:focus, headerbar - textview text.subtitle selection:focus { - color: rgba(255, 255, 255, 0.65); - text-shadow: none; } - -textview { - background-color: #fafbfb; } - -iconview { - color: #5c616c; - background-color: #ffffff; } - iconview:selected, iconview:selected:focus { + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, @@ -83,6 +69,10 @@ label.separator, popover label.separator, popover.background label.separator { color: #5c616c; } +label selection { + color: #ffffff; + background-color: #5294E2; } + label:disabled { color: rgba(92, 97, 108, 0.55); } @@ -104,9 +94,12 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } +textview { + background-color: #ffffff; } + popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); @@ -150,13 +143,10 @@ entry { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { - color: #5c616c; - border-color: #cfd6e6; - background-color: #ffffff; - background-image: linear-gradient(to bottom, #ffffff); min-height: 0; padding: 2px; - border: none; + background-image: none; + border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; @@ -169,19 +159,6 @@ entry { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - entry selection, - entry selection:focus { - background-color: #5294E2; - color: #ffffff; } - entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #5294E2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } entry.warning { color: #ffffff; border-color: #F27835; @@ -208,6 +185,9 @@ entry { entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); @@ -222,6 +202,22 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } @keyframes needs_attention { from { @@ -240,14 +236,12 @@ button { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - button separator, button .sidebar separator, .sidebar button separator { + button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; - background-color: rgba(251, 251, 252, 0); - border-color: rgba(207, 214, 230, 0); transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -261,11 +255,11 @@ button { background-color: white; -gtk-icon-effect: highlight; } button:active, button:checked { - background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; + background-clip: border-box; transition-duration: 50ms; } button:active { color: #5c616c; } @@ -276,18 +270,33 @@ button { background-color: transparent; background-image: none; } button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button:disabled > label { - color: inherit; } + button:disabled label, button:disabled { + color: rgba(92, 97, 108, 0.55); } button:disabled:active, button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - button:disabled:active > label, button:disabled:checked > label { - color: inherit; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #4e9a06; + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -381,11 +390,10 @@ button { background-image: none; color: rgba(92, 97, 108, 0.55); } button.suggested-action:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button.suggested-action:disabled > label { - color: inherit; } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); } button.destructive-action { background-clip: border-box; color: #ffffff; @@ -416,24 +424,10 @@ button { background-image: none; color: rgba(92, 97, 108, 0.55); } button.destructive-action:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button.destructive-action:disabled > label { - color: inherit; } - button.image-button { - min-width: 32px; - padding-left: 0; - padding-right: 0; } - button.text-button { - padding-left: 16px; - padding-right: 16px; } - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -481,18 +475,16 @@ button { border-color: #5294E2; background-color: #5294E2; } .inline-toolbar toolbutton > button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - .inline-toolbar toolbutton > button:disabled > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } @@ -693,7 +685,7 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow, modelbutton.flat arrow:hover { +modelbutton.flat arrow { background: none; } modelbutton.flat arrow.left { @@ -716,7 +708,19 @@ modelbutton.flat arrow.right { color: #2679db; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } - *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + *:selected *:link, + *:selected button:link, + *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { @@ -775,17 +779,28 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { + toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } - .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } .primary-toolbar { color: rgba(207, 218, 231, 0.8); @@ -942,7 +957,7 @@ paned.titlebar > headerbar ~ headerbar { paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { +headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1022,11 +1037,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #5294E2; background-clip: padding-box; } .primary-toolbar button:disabled, headerbar button:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:disabled > label, headerbar button:disabled > label { - color: inherit; } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); @@ -1124,11 +1138,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { - color: inherit; } + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } @@ -1158,11 +1171,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { - color: inherit; } + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } @@ -1283,8 +1295,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ padding-left: 10px; } .path-bar button.slider-button { - padding-left: 2px; - padding-right: 2px; } + padding-left: 1px; + padding-right: 1px; } .path-bar button image { padding-left: 4px; @@ -1298,7 +1310,7 @@ treeview.view { -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } - treeview.view:selected { + treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } @@ -1309,10 +1321,14 @@ treeview.view { treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } - treeview.view.dnd { + treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #577ba7; } + 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: #aeb0b6; } @@ -1411,7 +1427,7 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, + menu separator, .csd menu separator, .menu separator, .csd @@ -1489,21 +1505,19 @@ popover.background { popover.background, popover.background { border: 1px solid #cdd2d7; } - popover separator, popover .sidebar separator, .sidebar popover separator, + popover separator, popover.background separator { background-color: #ffffff; } popover > list, popover > .view, + popover > iconview, popover > toolbar, popover > .inline-toolbar, - popover.osd > toolbar, - popover.osd > .inline-toolbar, popover.background > list, popover.background > .view, + popover.background > iconview, popover.background > toolbar, - popover.background > .inline-toolbar, - popover.background.osd > toolbar, - popover.background.osd > .inline-toolbar { + popover.background > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1518,8 +1532,7 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - padding: 0; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + padding: 0; } notebook.frame { border: 1px solid #dcdfe3; } notebook.frame > header { @@ -1778,7 +1791,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -.view check:selected, +.view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { @@ -1788,7 +1801,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -.view check:disabled:selected, +.view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { @@ -1798,7 +1811,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -.view check:indeterminate:selected, +.view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { @@ -1808,7 +1821,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -.view check:indeterminate:disabled:selected, +.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { @@ -1818,7 +1831,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -.view check:checked:selected, +.view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { @@ -1828,7 +1841,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -.view check:checked:disabled:selected, +.view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { @@ -1838,7 +1851,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -.view radio:selected, +.view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { @@ -1848,7 +1861,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -.view radio:disabled:selected, +.view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { @@ -1858,7 +1871,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -.view radio:indeterminate:selected, +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { @@ -1868,7 +1881,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -.view radio:indeterminate:disabled:selected, +.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { @@ -1878,7 +1891,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -.view radio:checked:selected, +.view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { @@ -1888,37 +1901,40 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -.view radio:checked:disabled:selected, +.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -.view.content-view.check:not(list) { +.view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } -.view.content-view.check:checked:not(list) { +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { - color: rgba(92, 97, 108, 0.55); } -radiobutton radio, -checkbutton check { +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { min-width: 16px; min-height: 16px; margin: 0 2px; } - radiobutton radio:only-child, - checkbutton check:only-child { + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { margin: 0; } scale { @@ -2023,7 +2039,7 @@ scale { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } scale trough fill { background: none; - background-color: red; } + background-color: rgba(82, 148, 226, 0.5); } scale trough:disabled { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd scale trough { @@ -2127,8 +2143,7 @@ frame > border, margin: 0; padding: 0; border-radius: 0; - border: 1px solid #dcdfe3; - padding: 0; } + border: 1px solid #dcdfe3; } frame > border.flat, .frame.flat { border-style: none; } @@ -2219,7 +2234,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator { +separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2230,29 +2245,26 @@ list { list row { padding: 2px; } +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } row.activatable:active { color: #5c616c; } +row.activatable:disabled { + color: rgba(92, 97, 108, 0.55); } + row.activatable:disabled image { + color: inherit; } + row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } -row.activatable:selected:disabled { - color: rgba(255, 255, 255, 0.7); - background-color: rgba(82, 148, 226, 0.7); } - row.activatable:selected:disabled label { - color: inherit; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - .app-notification { padding: 10px; color: #BAC3CF; @@ -2363,6 +2375,10 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + .sidebar { border-style: none; background-color: #fbfbfc; } @@ -2372,9 +2388,11 @@ filechooser #pathbarbox { border-right: 1px solid #dcdfe3; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, - stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #dcdfe3; border-right-style: none; } + .sidebar list { + background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } @@ -2389,9 +2407,6 @@ stacksidebar row { placessidebar > viewport.frame { border-style: none; } -placessidebar list { - background-color: transparent; } - placessidebar row { min-height: 30px; padding: 0px; } @@ -2415,12 +2430,19 @@ placessidebar row { -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } - -placessidebar row.sidebar-placeholder-row { - border: solid 1px #5294E2; } - -placessidebar row.sidebar-new-bookmark-row { - background-color: #d9dde0; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #4e9a06); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + color: #4e9a06; + box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #4e9a06; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2429,7 +2451,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator { +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2437,37 +2459,37 @@ paned > separator, .sidebar paned > separator { background-color: transparent; background-image: linear-gradient(to top, #dcdfe3); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected { + paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide { + paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #F5F6F7; background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator { +paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator { +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; @@ -2479,37 +2501,78 @@ infobar { .info, .question, .warning, -.error, -infobar { +.error { background-color: #5294E2; color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } -row:selected button, infobar button, .floating-bar button { +row:selected button, .info button, +.question button, +.warning button, +.error button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover, .floating-bar button:hover { + row:selected button:hover, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { + row:selected button:active, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { + row:selected button:disabled:active, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2653,8 +2716,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: black; - box-shadow: inset 0 0 0 1px black; } + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } decoration { border-radius: 3px 3px 0 0; @@ -2666,7 +2729,7 @@ decoration { .fullscreen decoration, .tiled decoration { border-radius: 0; } - .popup decoration, decoration.popup { + .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { @@ -2767,23 +2830,29 @@ headerbar button.titlebutton, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } -.view:selected, -.view selection, -.view selection:focus, -.view selection:hover, -textview text:selected, -textview text selection, +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, -label selection, -label selection:focus, -label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { - background-image: none; - background-color: #5294E2; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); } +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + modelbutton.flat:active, + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + modelbutton.flat:disabled:active, + modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #dcdfe3; } @@ -2831,7 +2900,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #edeef0; border-color: #d0d5da; } -.nautilus-list-view .view { +.nautilus-list-view .view, .nautilus-list-view iconview { border-bottom: 1px solid #dcdfe3; } @keyframes needs_attention_keyframes { @@ -2853,12 +2922,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } -.open-document-selector-treeview.view { +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #ffffff; } - .open-document-selector-treeview.view:hover { + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294E2; } @@ -3160,7 +3229,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { -GtkTreeView-vertical-separator: 6px; } .source-list, -.source-list.view { +.source-list.view, +iconview.source-list { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } @@ -3168,12 +3238,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { .source-list.category-expander { color: transparent; } -.source-list.view:hover { +.source-list.view:hover, iconview.source-list:hover { background-color: white; } -.source-list.view:selected, +.source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, +iconview.source-list:hover:selected, .source-list.view:selected:focus, +iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294E2; } @@ -3245,7 +3317,7 @@ GraniteWidgetsPopOver { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } -GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } @@ -3322,11 +3394,10 @@ GtkListBox .h4 { border-color: #5294E2; background-color: #5294E2; } #content_frame button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - #content_frame button:disabled > label { - color: inherit; } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); } #buttonbox_frame { padding-top: 20px; @@ -3411,11 +3482,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { +.nautilus-window paned > separator { background: rgba(53, 57, 69, 0.95); } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { @@ -3423,19 +3494,17 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: rgba(75, 81, 98, 0.95); } - .nautilus-window placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } + .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 83a57de..bdf2752 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -39,33 +39,19 @@ background-color: #5294E2; color: #ffffff; } -.view, +.view, iconview, +.view text, +iconview text, textview text { color: #D3DAE3; background-color: #404552; } - .view.dim-label, label.view.separator, - popover.background label.view.separator, headerbar .view.subtitle, - textview text.dim-label, - textview headerbar text.subtitle, headerbar - textview text.subtitle { - color: rgba(211, 218, 227, 0.55); } - .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, - textview text.dim-label selection, - textview headerbar text.subtitle selection, headerbar - textview text.subtitle selection, - textview text.dim-label selection:focus, - textview headerbar text.subtitle selection:focus, headerbar - textview text.subtitle selection:focus { - color: rgba(255, 255, 255, 0.65); - text-shadow: none; } - -textview { - background-color: #3c414e; } - -iconview { - color: #D3DAE3; - background-color: #404552; } - iconview:selected, iconview:selected:focus { + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, @@ -83,6 +69,10 @@ label.separator, popover label.separator, popover.background label.separator { color: #D3DAE3; } +label selection { + color: #ffffff; + background-color: #5294E2; } + label:disabled { color: rgba(211, 218, 227, 0.45); } @@ -104,9 +94,12 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } +textview { + background-color: #404552; } + popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: #353945; @@ -150,13 +143,10 @@ entry { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { - color: #D3DAE3; - border-color: #2b2e39; - background-color: #404552; - background-image: linear-gradient(to bottom, #404552); min-height: 0; padding: 2px; - border: none; + background-image: none; + border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; @@ -170,19 +160,6 @@ entry { border-color: rgba(43, 46, 57, 0.55); background-color: rgba(64, 69, 82, 0.55); background-image: linear-gradient(to bottom, rgba(64, 69, 82, 0.55)); } - entry selection, - entry selection:focus { - background-color: #5294E2; - color: #ffffff; } - entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #5294E2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } entry.warning { color: #ffffff; border-color: #2b2e39; @@ -209,6 +186,9 @@ entry { entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); @@ -223,6 +203,22 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #404552; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } @keyframes needs_attention { from { @@ -241,14 +237,12 @@ button { outline-color: rgba(211, 218, 227, 0.3); border-color: #2b2e39; background-color: #444a58; } - button separator, button .sidebar separator, .sidebar button separator { + button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; - background-color: rgba(68, 74, 88, 0); - border-color: rgba(43, 46, 57, 0); transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -262,11 +256,11 @@ button { background-color: #505666; -gtk-icon-effect: highlight; } button:active, button:checked { - background-clip: padding-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294E2; + background-clip: padding-box; transition-duration: 50ms; } button:active { color: #D3DAE3; } @@ -277,18 +271,33 @@ button { background-color: transparent; background-image: none; } button:disabled { - color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } - button:disabled > label { - color: inherit; } + button:disabled label, button:disabled { + color: rgba(211, 218, 227, 0.45); } button:disabled:active, button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - button:disabled:active > label, button:disabled:checked > label { - color: inherit; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #4e9a06; + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -382,11 +391,10 @@ button { background-image: none; color: rgba(211, 218, 227, 0.45); } button.suggested-action:disabled { - color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } - button.suggested-action:disabled > label { - color: inherit; } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(211, 218, 227, 0.45); } button.destructive-action { background-clip: border-box; color: #ffffff; @@ -417,24 +425,10 @@ button { background-image: none; color: rgba(211, 218, 227, 0.45); } button.destructive-action:disabled { - color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } - button.destructive-action:disabled > label { - color: inherit; } - button.image-button { - min-width: 32px; - padding-left: 0; - padding-right: 0; } - button.text-button { - padding-left: 16px; - padding-right: 16px; } - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(211, 218, 227, 0.45); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -482,18 +476,16 @@ button { border-color: #2b2e39; background-color: #5294E2; } .inline-toolbar toolbutton > button:disabled { - color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } - .inline-toolbar toolbutton > button:disabled > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(211, 218, 227, 0.45); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(43, 46, 57, 0.3); } @@ -694,7 +686,7 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow, modelbutton.flat arrow:hover { +modelbutton.flat arrow { background: none; } modelbutton.flat arrow.left { @@ -717,7 +709,19 @@ modelbutton.flat arrow.right { color: #a9caf1; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } - *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + *:selected *:link, + *:selected button:link, + *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { @@ -776,17 +780,28 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #383C4A; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { + toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } - .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } .primary-toolbar { color: rgba(207, 218, 231, 0.8); @@ -943,7 +958,7 @@ paned.titlebar > headerbar ~ headerbar { paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { +headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1023,11 +1038,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #5294E2; background-clip: padding-box; } .primary-toolbar button:disabled, headerbar button:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:disabled > label, headerbar button:disabled > label { - color: inherit; } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); @@ -1125,11 +1139,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { - color: inherit; } + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } @@ -1159,11 +1172,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { - color: inherit; } + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } @@ -1284,8 +1296,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ padding-left: 10px; } .path-bar button.slider-button { - padding-left: 2px; - padding-right: 2px; } + padding-left: 1px; + padding-right: 1px; } .path-bar button image { padding-left: 4px; @@ -1299,7 +1311,7 @@ treeview.view { -GtkTreeView-expander-size: 16; border-left-color: rgba(211, 218, 227, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } - treeview.view:selected { + treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(211, 218, 227, 0.1); } @@ -1310,10 +1322,14 @@ treeview.view { treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } - treeview.view.dnd { + treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #93b7e3; } + 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: #8a909b; } @@ -1412,7 +1428,7 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, + menu separator, .csd menu separator, .menu separator, .csd @@ -1490,21 +1506,19 @@ popover.background { popover.background, popover.background { border: 1px solid #20222a; } - popover separator, popover .sidebar separator, .sidebar popover separator, + popover separator, popover.background separator { background-color: #383C4A; } popover > list, popover > .view, + popover > iconview, popover > toolbar, popover > .inline-toolbar, - popover.osd > toolbar, - popover.osd > .inline-toolbar, popover.background > list, popover.background > .view, + popover.background > iconview, popover.background > toolbar, - popover.background > .inline-toolbar, - popover.background.osd > toolbar, - popover.background.osd > .inline-toolbar { + popover.background > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1519,8 +1533,7 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - padding: 0; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + padding: 0; } notebook.frame { border: 1px solid #2b2e39; } notebook.frame > header { @@ -1779,7 +1792,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } -.view check:selected, +.view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { @@ -1789,7 +1802,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } -.view check:disabled:selected, +.view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { @@ -1799,7 +1812,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } -.view check:indeterminate:selected, +.view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { @@ -1809,7 +1822,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } -.view check:indeterminate:disabled:selected, +.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { @@ -1819,7 +1832,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } -.view check:checked:selected, +.view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { @@ -1829,7 +1842,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } -.view check:checked:disabled:selected, +.view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { @@ -1839,7 +1852,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } -.view radio:selected, +.view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { @@ -1849,7 +1862,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } -.view radio:disabled:selected, +.view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { @@ -1859,7 +1872,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } -.view radio:indeterminate:selected, +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { @@ -1869,7 +1882,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } -.view radio:indeterminate:disabled:selected, +.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { @@ -1879,7 +1892,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } -.view radio:checked:selected, +.view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { @@ -1889,37 +1902,40 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } -.view radio:checked:disabled:selected, +.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -.view.content-view.check:not(list) { +.view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); background-color: transparent; } -.view.content-view.check:checked:not(list) { +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { - color: rgba(211, 218, 227, 0.45); } -radiobutton radio, -checkbutton check { +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { min-width: 16px; min-height: 16px; margin: 0 2px; } - radiobutton radio:only-child, - checkbutton check:only-child { + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { margin: 0; } scale { @@ -2024,7 +2040,7 @@ scale { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } scale trough fill { background: none; - background-color: red; } + background-color: rgba(82, 148, 226, 0.5); } scale trough:disabled { background-image: linear-gradient(to bottom, rgba(45, 48, 59, 0.55)); } .osd scale trough { @@ -2128,8 +2144,7 @@ frame > border, margin: 0; padding: 0; border-radius: 0; - border: 1px solid #2b2e39; - padding: 0; } + border: 1px solid #2b2e39; } frame > border.flat, .frame.flat { border-style: none; } @@ -2220,7 +2235,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator { +separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2231,29 +2246,26 @@ list { list row { padding: 2px; } +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(255, 255, 255, 0.03); } row.activatable:active { color: #D3DAE3; } +row.activatable:disabled { + color: rgba(211, 218, 227, 0.45); } + row.activatable:disabled image { + color: inherit; } + row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } -row.activatable:selected:disabled { - color: rgba(255, 255, 255, 0.7); - background-color: rgba(82, 148, 226, 0.7); } - row.activatable:selected:disabled label { - color: inherit; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - .app-notification { padding: 10px; color: #BAC3CF; @@ -2364,6 +2376,10 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(43, 46, 57, 0.5); } +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + .sidebar { border-style: none; background-color: #3c4150; } @@ -2373,9 +2389,11 @@ filechooser #pathbarbox { border-right: 1px solid #2b2e39; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, - stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #2b2e39; border-right-style: none; } + .sidebar list { + background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } @@ -2390,9 +2408,6 @@ stacksidebar row { placessidebar > viewport.frame { border-style: none; } -placessidebar list { - background-color: transparent; } - placessidebar row { min-height: 30px; padding: 0px; } @@ -2416,12 +2431,19 @@ placessidebar row { -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } - -placessidebar row.sidebar-placeholder-row { - border: solid 1px #5294E2; } - -placessidebar row.sidebar-new-bookmark-row { - background-color: #22242d; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #4e9a06); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + color: #4e9a06; + box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #4e9a06; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2430,7 +2452,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator { +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2438,37 +2460,37 @@ paned > separator, .sidebar paned > separator { background-color: transparent; background-image: linear-gradient(to top, #2b2e39); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected { + paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide { + paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #383C4A; background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator { +paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator { +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; @@ -2480,37 +2502,78 @@ infobar { .info, .question, .warning, -.error, -infobar { +.error { background-color: #5294E2; color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } -row:selected button, infobar button, .floating-bar button { +row:selected button, .info button, +.question button, +.warning button, +.error button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover, .floating-bar button:hover { + row:selected button:hover, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { + row:selected button:active, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { + row:selected button:disabled:active, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2654,8 +2717,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: black; - box-shadow: inset 0 0 0 1px black; } + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } decoration { border-radius: 3px 3px 0 0; @@ -2667,7 +2730,7 @@ decoration { .fullscreen decoration, .tiled decoration { border-radius: 0; } - .popup decoration, decoration.popup { + .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { @@ -2768,23 +2831,29 @@ headerbar button.titlebutton, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } -.view:selected, -.view selection, -.view selection:focus, -.view selection:hover, -textview text:selected, -textview text selection, +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, -label selection, -label selection:focus, -label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { - background-image: none; - background-color: #5294E2; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); } +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + modelbutton.flat:active, + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + modelbutton.flat:disabled:active, + modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #2b2e39; } @@ -2832,7 +2901,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #313541; border-color: #1b1d24; } -.nautilus-list-view .view { +.nautilus-list-view .view, .nautilus-list-view iconview { border-bottom: 1px solid #2b2e39; } @keyframes needs_attention_keyframes { @@ -2854,12 +2923,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } -.open-document-selector-treeview.view { +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #404552; } - .open-document-selector-treeview.view:hover { + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294E2; } @@ -3161,7 +3230,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { -GtkTreeView-vertical-separator: 6px; } .source-list, -.source-list.view { +.source-list.view, +iconview.source-list { background-color: #383C4A; color: #D3DAE3; -gtk-icon-style: regular; } @@ -3169,12 +3239,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { .source-list.category-expander { color: transparent; } -.source-list.view:hover { +.source-list.view:hover, iconview.source-list:hover { background-color: #434859; } -.source-list.view:selected, +.source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, +iconview.source-list:hover:selected, .source-list.view:selected:focus, +iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294E2; } @@ -3246,7 +3318,7 @@ GraniteWidgetsPopOver { background-image: linear-gradient(to bottom, #404552); border: 1px solid rgba(0, 0, 0, 0.3); } -GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } @@ -3323,11 +3395,10 @@ GtkListBox .h4 { border-color: #2b2e39; background-color: #5294E2; } #content_frame button:disabled { - color: rgba(211, 218, 227, 0.45); border-color: rgba(43, 46, 57, 0.55); background-color: rgba(68, 74, 88, 0.55); } - #content_frame button:disabled > label { - color: inherit; } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(211, 218, 227, 0.45); } #buttonbox_frame { padding-top: 20px; @@ -3412,11 +3483,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { +.nautilus-window paned > separator { background: #2a2d37; } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { @@ -3424,19 +3495,17 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: #353945; } - .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: #4b5162; } - .nautilus-window placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } + .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index f0c5733..1ecda5d 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -39,33 +39,19 @@ background-color: #5294E2; color: #ffffff; } -.view, +.view, iconview, +.view text, +iconview text, textview text { color: #5c616c; background-color: #ffffff; } - .view.dim-label, label.view.separator, - popover.background label.view.separator, headerbar .view.subtitle, - textview text.dim-label, - textview headerbar text.subtitle, headerbar - textview text.subtitle { - color: rgba(92, 97, 108, 0.55); } - .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, - textview text.dim-label selection, - textview headerbar text.subtitle selection, headerbar - textview text.subtitle selection, - textview text.dim-label selection:focus, - textview headerbar text.subtitle selection:focus, headerbar - textview text.subtitle selection:focus { - color: rgba(255, 255, 255, 0.65); - text-shadow: none; } - -textview { - background-color: #fafbfb; } - -iconview { - color: #5c616c; - background-color: #ffffff; } - iconview:selected, iconview:selected:focus { + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, @@ -83,6 +69,10 @@ label.separator, popover label.separator, popover.background label.separator { color: #5c616c; } +label selection { + color: #ffffff; + background-color: #5294E2; } + label:disabled { color: rgba(92, 97, 108, 0.55); } @@ -104,9 +94,12 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } +textview { + background-color: #ffffff; } + popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: #353945; @@ -150,13 +143,10 @@ entry { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { - color: #5c616c; - border-color: #cfd6e6; - background-color: #ffffff; - background-image: linear-gradient(to bottom, #ffffff); min-height: 0; padding: 2px; - border: none; + background-image: none; + border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; @@ -169,19 +159,6 @@ entry { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - entry selection, - entry selection:focus { - background-color: #5294E2; - color: #ffffff; } - entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #5294E2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } entry.warning { color: #ffffff; border-color: #F27835; @@ -208,6 +185,9 @@ entry { entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); @@ -222,6 +202,22 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } @keyframes needs_attention { from { @@ -240,14 +236,12 @@ button { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - button separator, button .sidebar separator, .sidebar button separator { + button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; - background-color: rgba(251, 251, 252, 0); - border-color: rgba(207, 214, 230, 0); transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -261,11 +255,11 @@ button { background-color: white; -gtk-icon-effect: highlight; } button:active, button:checked { - background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; + background-clip: border-box; transition-duration: 50ms; } button:active { color: #5c616c; } @@ -276,18 +270,33 @@ button { background-color: transparent; background-image: none; } button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button:disabled > label { - color: inherit; } + button:disabled label, button:disabled { + color: rgba(92, 97, 108, 0.55); } button:disabled:active, button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - button:disabled:active > label, button:disabled:checked > label { - color: inherit; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #4e9a06; + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -381,11 +390,10 @@ button { background-image: none; color: rgba(92, 97, 108, 0.55); } button.suggested-action:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button.suggested-action:disabled > label { - color: inherit; } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); } button.destructive-action { background-clip: border-box; color: #ffffff; @@ -416,24 +424,10 @@ button { background-image: none; color: rgba(92, 97, 108, 0.55); } button.destructive-action:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button.destructive-action:disabled > label { - color: inherit; } - button.image-button { - min-width: 32px; - padding-left: 0; - padding-right: 0; } - button.text-button { - padding-left: 16px; - padding-right: 16px; } - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -481,18 +475,16 @@ button { border-color: #5294E2; background-color: #5294E2; } .inline-toolbar toolbutton > button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - .inline-toolbar toolbutton > button:disabled > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } @@ -693,7 +685,7 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow, modelbutton.flat arrow:hover { +modelbutton.flat arrow { background: none; } modelbutton.flat arrow.left { @@ -716,7 +708,19 @@ modelbutton.flat arrow.right { color: #2679db; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } - *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + *:selected *:link, + *:selected button:link, + *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { @@ -775,17 +779,28 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { + toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } - .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } .primary-toolbar { color: rgba(207, 218, 231, 0.8); @@ -942,7 +957,7 @@ paned.titlebar > headerbar ~ headerbar { paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { +headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1022,11 +1037,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #5294E2; background-clip: padding-box; } .primary-toolbar button:disabled, headerbar button:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button:disabled > label, headerbar button:disabled > label { - color: inherit; } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); @@ -1124,11 +1138,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { - color: inherit; } + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } @@ -1158,11 +1171,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { - color: rgba(207, 218, 231, 0.35); background-color: rgba(47, 52, 63, 0); border-color: rgba(47, 52, 63, 0); } - .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { - color: inherit; } + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(207, 218, 231, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } @@ -1283,8 +1295,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ padding-left: 10px; } .path-bar button.slider-button { - padding-left: 2px; - padding-right: 2px; } + padding-left: 1px; + padding-right: 1px; } .path-bar button image { padding-left: 4px; @@ -1298,7 +1310,7 @@ treeview.view { -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } - treeview.view:selected { + treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } @@ -1309,10 +1321,14 @@ treeview.view { treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } - treeview.view.dnd { + treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #577ba7; } + 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: #aeb0b6; } @@ -1411,7 +1427,7 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, + menu separator, .csd menu separator, .menu separator, .csd @@ -1489,21 +1505,19 @@ popover.background { popover.background, popover.background { border: 1px solid #cdd2d7; } - popover separator, popover .sidebar separator, .sidebar popover separator, + popover separator, popover.background separator { background-color: #ffffff; } popover > list, popover > .view, + popover > iconview, popover > toolbar, popover > .inline-toolbar, - popover.osd > toolbar, - popover.osd > .inline-toolbar, popover.background > list, popover.background > .view, + popover.background > iconview, popover.background > toolbar, - popover.background > .inline-toolbar, - popover.background.osd > toolbar, - popover.background.osd > .inline-toolbar { + popover.background > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1518,8 +1532,7 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - padding: 0; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + padding: 0; } notebook.frame { border: 1px solid #dcdfe3; } notebook.frame > header { @@ -1778,7 +1791,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -.view check:selected, +.view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { @@ -1788,7 +1801,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -.view check:disabled:selected, +.view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { @@ -1798,7 +1811,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -.view check:indeterminate:selected, +.view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { @@ -1808,7 +1821,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -.view check:indeterminate:disabled:selected, +.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { @@ -1818,7 +1831,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -.view check:checked:selected, +.view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { @@ -1828,7 +1841,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -.view check:checked:disabled:selected, +.view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { @@ -1838,7 +1851,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -.view radio:selected, +.view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { @@ -1848,7 +1861,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -.view radio:disabled:selected, +.view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { @@ -1858,7 +1871,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -.view radio:indeterminate:selected, +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { @@ -1868,7 +1881,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -.view radio:indeterminate:disabled:selected, +.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { @@ -1878,7 +1891,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -.view radio:checked:selected, +.view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { @@ -1888,37 +1901,40 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -.view radio:checked:disabled:selected, +.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -.view.content-view.check:not(list) { +.view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } -.view.content-view.check:checked:not(list) { +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { - color: rgba(92, 97, 108, 0.55); } -radiobutton radio, -checkbutton check { +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { min-width: 16px; min-height: 16px; margin: 0 2px; } - radiobutton radio:only-child, - checkbutton check:only-child { + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { margin: 0; } scale { @@ -2023,7 +2039,7 @@ scale { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } scale trough fill { background: none; - background-color: red; } + background-color: rgba(82, 148, 226, 0.5); } scale trough:disabled { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd scale trough { @@ -2127,8 +2143,7 @@ frame > border, margin: 0; padding: 0; border-radius: 0; - border: 1px solid #dcdfe3; - padding: 0; } + border: 1px solid #dcdfe3; } frame > border.flat, .frame.flat { border-style: none; } @@ -2219,7 +2234,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator { +separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2230,29 +2245,26 @@ list { list row { padding: 2px; } +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } row.activatable:active { color: #5c616c; } +row.activatable:disabled { + color: rgba(92, 97, 108, 0.55); } + row.activatable:disabled image { + color: inherit; } + row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } -row.activatable:selected:disabled { - color: rgba(255, 255, 255, 0.7); - background-color: rgba(82, 148, 226, 0.7); } - row.activatable:selected:disabled label { - color: inherit; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - .app-notification { padding: 10px; color: #BAC3CF; @@ -2363,6 +2375,10 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + .sidebar { border-style: none; background-color: #fbfbfc; } @@ -2372,9 +2388,11 @@ filechooser #pathbarbox { border-right: 1px solid #dcdfe3; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, - stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #dcdfe3; border-right-style: none; } + .sidebar list { + background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } @@ -2389,9 +2407,6 @@ stacksidebar row { placessidebar > viewport.frame { border-style: none; } -placessidebar list { - background-color: transparent; } - placessidebar row { min-height: 30px; padding: 0px; } @@ -2415,12 +2430,19 @@ placessidebar row { -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } - -placessidebar row.sidebar-placeholder-row { - border: solid 1px #5294E2; } - -placessidebar row.sidebar-new-bookmark-row { - background-color: #d9dde0; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #4e9a06); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + color: #4e9a06; + box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #4e9a06; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2429,7 +2451,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator { +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2437,37 +2459,37 @@ paned > separator, .sidebar paned > separator { background-color: transparent; background-image: linear-gradient(to top, #dcdfe3); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected { + paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide { + paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #F5F6F7; background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator { +paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator { +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; @@ -2479,37 +2501,78 @@ infobar { .info, .question, .warning, -.error, -infobar { +.error { background-color: #5294E2; color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } -row:selected button, infobar button, .floating-bar button { +row:selected button, .info button, +.question button, +.warning button, +.error button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover, .floating-bar button:hover { + row:selected button:hover, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { + row:selected button:active, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { + row:selected button:disabled:active, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2653,8 +2716,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: black; - box-shadow: inset 0 0 0 1px black; } + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } decoration { border-radius: 3px 3px 0 0; @@ -2666,7 +2729,7 @@ decoration { .fullscreen decoration, .tiled decoration { border-radius: 0; } - .popup decoration, decoration.popup { + .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { @@ -2767,23 +2830,29 @@ headerbar button.titlebutton, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active-dark.png"), url("assets/titlebutton-minimize-active-dark@2.png")); } -.view:selected, -.view selection, -.view selection:focus, -.view selection:hover, -textview text:selected, -textview text selection, +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, -label selection, -label selection:focus, -label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { - background-image: none; - background-color: #5294E2; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); } +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + modelbutton.flat:active, + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + modelbutton.flat:disabled:active, + modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #dcdfe3; } @@ -2831,7 +2900,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #edeef0; border-color: #d0d5da; } -.nautilus-list-view .view { +.nautilus-list-view .view, .nautilus-list-view iconview { border-bottom: 1px solid #dcdfe3; } @keyframes needs_attention_keyframes { @@ -2853,12 +2922,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } -.open-document-selector-treeview.view { +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #ffffff; } - .open-document-selector-treeview.view:hover { + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294E2; } @@ -3160,7 +3229,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { -GtkTreeView-vertical-separator: 6px; } .source-list, -.source-list.view { +.source-list.view, +iconview.source-list { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } @@ -3168,12 +3238,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { .source-list.category-expander { color: transparent; } -.source-list.view:hover { +.source-list.view:hover, iconview.source-list:hover { background-color: white; } -.source-list.view:selected, +.source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, +iconview.source-list:hover:selected, .source-list.view:selected:focus, +iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294E2; } @@ -3245,7 +3317,7 @@ GraniteWidgetsPopOver { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } -GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } @@ -3322,11 +3394,10 @@ GtkListBox .h4 { border-color: #5294E2; background-color: #5294E2; } #content_frame button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - #content_frame button:disabled > label { - color: inherit; } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); } #buttonbox_frame { padding-top: 20px; @@ -3411,11 +3482,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { +.nautilus-window paned > separator { background: #353945; } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { @@ -3423,19 +3494,17 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: #353945; } - .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: #4b5162; } - .nautilus-window placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } + .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 74370c3..1b3301d 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -39,33 +39,19 @@ background-color: #5294E2; color: #ffffff; } -.view, +.view, iconview, +.view text, +iconview text, textview text { color: #5c616c; background-color: #ffffff; } - .view.dim-label, label.view.separator, - popover.background label.view.separator, headerbar .view.subtitle, - textview text.dim-label, - textview headerbar text.subtitle, headerbar - textview text.subtitle { - color: rgba(92, 97, 108, 0.55); } - .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, - textview text.dim-label selection, - textview headerbar text.subtitle selection, headerbar - textview text.subtitle selection, - textview text.dim-label selection:focus, - textview headerbar text.subtitle selection:focus, headerbar - textview text.subtitle selection:focus { - color: rgba(255, 255, 255, 0.65); - text-shadow: none; } - -textview { - background-color: #fafbfb; } - -iconview { - color: #5c616c; - background-color: #ffffff; } - iconview:selected, iconview:selected:focus { + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, @@ -83,6 +69,10 @@ label.separator, popover label.separator, popover.background label.separator { color: #5c616c; } +label selection { + color: #ffffff; + background-color: #5294E2; } + label:disabled { color: rgba(92, 97, 108, 0.55); } @@ -104,9 +94,12 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } +textview { + background-color: #ffffff; } + popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: #353945; @@ -150,13 +143,10 @@ entry { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { - color: #5c616c; - border-color: #cfd6e6; - background-color: #ffffff; - background-image: linear-gradient(to bottom, #ffffff); min-height: 0; padding: 2px; - border: none; + background-image: none; + border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; @@ -169,19 +159,6 @@ entry { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - entry selection, - entry selection:focus { - background-color: #5294E2; - color: #ffffff; } - entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #5294E2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } entry.warning { color: #ffffff; border-color: #F27835; @@ -208,6 +185,9 @@ entry { entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); @@ -222,6 +202,22 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } @keyframes needs_attention { from { @@ -240,14 +236,12 @@ button { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - button separator, button .sidebar separator, .sidebar button separator { + button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; - background-color: rgba(251, 251, 252, 0); - border-color: rgba(207, 214, 230, 0); transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -261,11 +255,11 @@ button { background-color: white; -gtk-icon-effect: highlight; } button:active, button:checked { - background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; + background-clip: border-box; transition-duration: 50ms; } button:active { color: #5c616c; } @@ -276,18 +270,33 @@ button { background-color: transparent; background-image: none; } button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button:disabled > label { - color: inherit; } + button:disabled label, button:disabled { + color: rgba(92, 97, 108, 0.55); } button:disabled:active, button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - button:disabled:active > label, button:disabled:checked > label { - color: inherit; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #4e9a06; + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -381,11 +390,10 @@ button { background-image: none; color: rgba(92, 97, 108, 0.55); } button.suggested-action:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button.suggested-action:disabled > label { - color: inherit; } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); } button.destructive-action { background-clip: border-box; color: #ffffff; @@ -416,24 +424,10 @@ button { background-image: none; color: rgba(92, 97, 108, 0.55); } button.destructive-action:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button.destructive-action:disabled > label { - color: inherit; } - button.image-button { - min-width: 32px; - padding-left: 0; - padding-right: 0; } - button.text-button { - padding-left: 16px; - padding-right: 16px; } - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -481,18 +475,16 @@ button { border-color: #5294E2; background-color: #5294E2; } .inline-toolbar toolbutton > button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - .inline-toolbar toolbutton > button:disabled > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } @@ -693,7 +685,7 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow, modelbutton.flat arrow:hover { +modelbutton.flat arrow { background: none; } modelbutton.flat arrow.left { @@ -716,7 +708,19 @@ modelbutton.flat arrow.right { color: #2679db; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } - *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + *:selected *:link, + *:selected button:link, + *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { @@ -775,17 +779,28 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { + toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } - .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.9); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } .primary-toolbar { color: rgba(82, 93, 118, 0.8); @@ -942,7 +957,7 @@ paned.titlebar > headerbar ~ headerbar { paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { +headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1022,11 +1037,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #5294E2; background-clip: border-box; } .primary-toolbar button:disabled, headerbar button:disabled { - color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button:disabled > label, headerbar button:disabled > label { - color: inherit; } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(82, 93, 118, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); @@ -1124,11 +1138,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { - color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { - color: inherit; } + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(82, 93, 118, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } @@ -1158,11 +1171,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { - color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { - color: inherit; } + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(82, 93, 118, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } @@ -1287,8 +1299,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ padding-left: 10px; } .path-bar button.slider-button { - padding-left: 2px; - padding-right: 2px; } + padding-left: 1px; + padding-right: 1px; } .path-bar button image { padding-left: 4px; @@ -1302,7 +1314,7 @@ treeview.view { -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } - treeview.view:selected { + treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } @@ -1313,10 +1325,14 @@ treeview.view { treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } - treeview.view.dnd { + treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #577ba7; } + 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: #aeb0b6; } @@ -1415,7 +1431,7 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, + menu separator, .csd menu separator, .menu separator, .csd @@ -1493,21 +1509,19 @@ popover.background { popover.background, popover.background { border: 1px solid #cdd2d7; } - popover separator, popover .sidebar separator, .sidebar popover separator, + popover separator, popover.background separator { background-color: #ffffff; } popover > list, popover > .view, + popover > iconview, popover > toolbar, popover > .inline-toolbar, - popover.osd > toolbar, - popover.osd > .inline-toolbar, popover.background > list, popover.background > .view, + popover.background > iconview, popover.background > toolbar, - popover.background > .inline-toolbar, - popover.background.osd > toolbar, - popover.background.osd > .inline-toolbar { + popover.background > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1522,8 +1536,7 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - padding: 0; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + padding: 0; } notebook.frame { border: 1px solid #dcdfe3; } notebook.frame > header { @@ -1782,7 +1795,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -.view check:selected, +.view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { @@ -1792,7 +1805,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -.view check:disabled:selected, +.view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { @@ -1802,7 +1815,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -.view check:indeterminate:selected, +.view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { @@ -1812,7 +1825,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -.view check:indeterminate:disabled:selected, +.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { @@ -1822,7 +1835,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -.view check:checked:selected, +.view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { @@ -1832,7 +1845,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -.view check:checked:disabled:selected, +.view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { @@ -1842,7 +1855,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -.view radio:selected, +.view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { @@ -1852,7 +1865,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -.view radio:disabled:selected, +.view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { @@ -1862,7 +1875,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -.view radio:indeterminate:selected, +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { @@ -1872,7 +1885,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -.view radio:indeterminate:disabled:selected, +.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { @@ -1882,7 +1895,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -.view radio:checked:selected, +.view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { @@ -1892,37 +1905,40 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -.view radio:checked:disabled:selected, +.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -.view.content-view.check:not(list) { +.view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } -.view.content-view.check:checked:not(list) { +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { - color: rgba(92, 97, 108, 0.55); } -radiobutton radio, -checkbutton check { +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { min-width: 16px; min-height: 16px; margin: 0 2px; } - radiobutton radio:only-child, - checkbutton check:only-child { + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { margin: 0; } scale { @@ -2027,7 +2043,7 @@ scale { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } scale trough fill { background: none; - background-color: red; } + background-color: rgba(82, 148, 226, 0.5); } scale trough:disabled { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd scale trough { @@ -2131,8 +2147,7 @@ frame > border, margin: 0; padding: 0; border-radius: 0; - border: 1px solid #dcdfe3; - padding: 0; } + border: 1px solid #dcdfe3; } frame > border.flat, .frame.flat { border-style: none; } @@ -2223,7 +2238,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator { +separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2234,29 +2249,26 @@ list { list row { padding: 2px; } +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } row.activatable:active { color: #5c616c; } +row.activatable:disabled { + color: rgba(92, 97, 108, 0.55); } + row.activatable:disabled image { + color: inherit; } + row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } -row.activatable:selected:disabled { - color: rgba(255, 255, 255, 0.7); - background-color: rgba(82, 148, 226, 0.7); } - row.activatable:selected:disabled label { - color: inherit; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - .app-notification { padding: 10px; color: #BAC3CF; @@ -2367,6 +2379,10 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + .sidebar { border-style: none; background-color: #fbfbfc; } @@ -2376,9 +2392,11 @@ filechooser #pathbarbox { border-right: 1px solid #dcdfe3; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, - stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #dcdfe3; border-right-style: none; } + .sidebar list { + background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } @@ -2393,9 +2411,6 @@ stacksidebar row { placessidebar > viewport.frame { border-style: none; } -placessidebar list { - background-color: transparent; } - placessidebar row { min-height: 30px; padding: 0px; } @@ -2419,12 +2434,19 @@ placessidebar row { -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } - -placessidebar row.sidebar-placeholder-row { - border: solid 1px #5294E2; } - -placessidebar row.sidebar-new-bookmark-row { - background-color: #d9dde0; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #4e9a06); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + color: #4e9a06; + box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #4e9a06; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2433,7 +2455,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator { +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2441,37 +2463,37 @@ paned > separator, .sidebar paned > separator { background-color: transparent; background-image: linear-gradient(to top, #dcdfe3); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected { + paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide { + paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #F5F6F7; background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator { +paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator { +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; @@ -2483,37 +2505,78 @@ infobar { .info, .question, .warning, -.error, -infobar { +.error { background-color: #5294E2; color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } -row:selected button, infobar button, .floating-bar button { +row:selected button, .info button, +.question button, +.warning button, +.error button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover, .floating-bar button:hover { + row:selected button:hover, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { + row:selected button:active, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { + row:selected button:disabled:active, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2657,8 +2720,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: black; - box-shadow: inset 0 0 0 1px black; } + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } decoration { border-radius: 4px 4px 0 0; @@ -2670,7 +2733,7 @@ decoration { .fullscreen decoration, .tiled decoration { border-radius: 0; } - .popup decoration, decoration.popup { + .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { @@ -2771,23 +2834,29 @@ headerbar button.titlebutton, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } -.view:selected, -.view selection, -.view selection:focus, -.view selection:hover, -textview text:selected, -textview text selection, +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, -label selection, -label selection:focus, -label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { - background-image: none; - background-color: #5294E2; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); } +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + modelbutton.flat:active, + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + modelbutton.flat:disabled:active, + modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #dcdfe3; } @@ -2835,7 +2904,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #edeef0; border-color: #d0d5da; } -.nautilus-list-view .view { +.nautilus-list-view .view, .nautilus-list-view iconview { border-bottom: 1px solid #dcdfe3; } @keyframes needs_attention_keyframes { @@ -2857,12 +2926,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } -.open-document-selector-treeview.view { +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #ffffff; } - .open-document-selector-treeview.view:hover { + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294E2; } @@ -3164,7 +3233,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { -GtkTreeView-vertical-separator: 6px; } .source-list, -.source-list.view { +.source-list.view, +iconview.source-list { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } @@ -3172,12 +3242,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { .source-list.category-expander { color: transparent; } -.source-list.view:hover { +.source-list.view:hover, iconview.source-list:hover { background-color: white; } -.source-list.view:selected, +.source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, +iconview.source-list:hover:selected, .source-list.view:selected:focus, +iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294E2; } @@ -3249,7 +3321,7 @@ GraniteWidgetsPopOver { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } -GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } @@ -3326,11 +3398,10 @@ GtkListBox .h4 { border-color: #5294E2; background-color: #5294E2; } #content_frame button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - #content_frame button:disabled > label { - color: inherit; } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); } #buttonbox_frame { padding-top: 20px; @@ -3415,11 +3486,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { +.nautilus-window paned > separator { background: #353945; } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { @@ -3427,19 +3498,17 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: #353945; } - .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: #4b5162; } - .nautilus-window placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } + .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 349117a..37523cd 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -39,33 +39,19 @@ background-color: #5294E2; color: #ffffff; } -.view, +.view, iconview, +.view text, +iconview text, textview text { color: #5c616c; background-color: #ffffff; } - .view.dim-label, label.view.separator, - popover.background label.view.separator, headerbar .view.subtitle, - textview text.dim-label, - textview headerbar text.subtitle, headerbar - textview text.subtitle { - color: rgba(92, 97, 108, 0.55); } - .view.dim-label selection, label.view.separator selection, headerbar .view.subtitle selection, .view.dim-label selection:focus, label.view.separator selection:focus, headerbar .view.subtitle selection:focus, - textview text.dim-label selection, - textview headerbar text.subtitle selection, headerbar - textview text.subtitle selection, - textview text.dim-label selection:focus, - textview headerbar text.subtitle selection:focus, headerbar - textview text.subtitle selection:focus { - color: rgba(255, 255, 255, 0.65); - text-shadow: none; } - -textview { - background-color: #fafbfb; } - -iconview { - color: #5c616c; - background-color: #ffffff; } - iconview:selected, iconview:selected:focus { + .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, + .view text:selected, + iconview text:selected, + textview text:selected, + .view text:selected:focus, + iconview text:selected:focus, + textview text:selected:focus { border-radius: 2px; } rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, @@ -83,6 +69,10 @@ label.separator, popover label.separator, popover.background label.separator { color: #5c616c; } +label selection { + color: #ffffff; + background-color: #5294E2; } + label:disabled { color: rgba(92, 97, 108, 0.55); } @@ -104,9 +94,12 @@ assistant .sidebar label.highlight { background-color: #5294E2; color: #ffffff; } +textview { + background-color: #ffffff; } + popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, popover.background.osd, -popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd { +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { color: #BAC3CF; border: none; background-color: rgba(53, 57, 69, 0.95); @@ -150,13 +143,10 @@ entry { padding-right: 0; padding-left: 5px; } entry.flat, entry.flat:focus { - color: #5c616c; - border-color: #cfd6e6; - background-color: #ffffff; - background-image: linear-gradient(to bottom, #ffffff); min-height: 0; padding: 2px; - border: none; + background-image: none; + border-color: transparent; border-radius: 0; } entry:focus { background-clip: border-box; @@ -169,19 +159,6 @@ entry { border-color: rgba(207, 214, 230, 0.55); background-color: rgba(255, 255, 255, 0.55); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.55)); } - entry selection, - entry selection:focus { - background-color: #5294E2; - color: #ffffff; } - entry progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: #5294E2; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; } entry.warning { color: #ffffff; border-color: #F27835; @@ -208,6 +185,9 @@ entry { entry.error selection, entry.error selection:focus { background-color: #ffffff; color: #FC4138; } + entry:drop(active):focus, entry:drop(active) { + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); @@ -222,6 +202,22 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #5294E2; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; } + +treeview entry.flat, treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; } + treeview entry.flat:focus, treeview entry:focus { + border-color: #5294E2; } @keyframes needs_attention { from { @@ -240,14 +236,12 @@ button { outline-color: rgba(92, 97, 108, 0.3); border-color: #cfd6e6; background-color: #fbfbfc; } - button separator, button .sidebar separator, .sidebar button separator { + button separator { margin: 4px 1px; } button.flat, button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; - background-color: rgba(251, 251, 252, 0); - border-color: rgba(207, 214, 230, 0); transition: none; } button.flat:hover, button.sidebar-button:hover { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); @@ -261,11 +255,11 @@ button { background-color: white; -gtk-icon-effect: highlight; } button:active, button:checked { - background-clip: border-box; color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; + background-clip: border-box; transition-duration: 50ms; } button:active { color: #5c616c; } @@ -276,18 +270,33 @@ button { background-color: transparent; background-image: none; } button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button:disabled > label { - color: inherit; } + button:disabled label, button:disabled { + color: rgba(92, 97, 108, 0.55); } button:disabled:active, button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - button:disabled:active > label, button:disabled:checked > label { - color: inherit; } + button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } + button.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; } + button.text-button { + padding-left: 16px; + padding-right: 16px; } + button.text-button.image-button { + padding-left: 8px; + padding-right: 8px; } + button.text-button.image-button label { + padding-left: 8px; + padding-right: 8px; } + button:drop(active), combobox:drop(active) button.combo { + color: #4e9a06; + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -381,11 +390,10 @@ button { background-image: none; color: rgba(92, 97, 108, 0.55); } button.suggested-action:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button.suggested-action:disabled > label { - color: inherit; } + button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(92, 97, 108, 0.55); } button.destructive-action { background-clip: border-box; color: #ffffff; @@ -416,24 +424,10 @@ button { background-image: none; color: rgba(92, 97, 108, 0.55); } button.destructive-action:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - button.destructive-action:disabled > label { - color: inherit; } - button.image-button { - min-width: 32px; - padding-left: 0; - padding-right: 0; } - button.text-button { - padding-left: 16px; - padding-right: 16px; } - button.text-button.image-button { - padding-left: 8px; - padding-right: 8px; } - button.text-button.image-button label { - padding-left: 8px; - padding-right: 8px; } + button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(92, 97, 108, 0.55); } .stack-switcher > button { outline-offset: -3px; } .stack-switcher > button > label { @@ -481,18 +475,16 @@ button { border-color: #5294E2; background-color: #5294E2; } .inline-toolbar toolbutton > button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - .inline-toolbar toolbutton > button:disabled > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(92, 97, 108, 0.55); } .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { - color: rgba(255, 255, 255, 0.8); border-color: rgba(82, 148, 226, 0.75); background-color: rgba(82, 148, 226, 0.75); opacity: 0.6; } - .inline-toolbar toolbutton > button:disabled:active > label, .inline-toolbar toolbutton > button:disabled:checked > label { - color: inherit; } + .inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); } .linked:not(.vertical):not(.path-bar) > entry + entry { border-left-color: rgba(207, 214, 230, 0.3); } @@ -693,7 +685,7 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow, modelbutton.flat arrow:hover { +modelbutton.flat arrow { background: none; } modelbutton.flat arrow.left { @@ -716,7 +708,19 @@ modelbutton.flat arrow.right { color: #2679db; } *:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { color: #dceaf9; } - *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, *:selected *:link, *:selected button:link, *:selected button:visited { + .info *:link, .info button:link, .info button:visited, + .question *:link, + .question button:link, + .question button:visited, + .warning *:link, + .warning button:link, + .warning button:visited, + .error *:link, + .error button:link, + .error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, headerbar.titlebar.selection-mode .subtitle:link, + *:selected *:link, + *:selected button:link, + *:selected button:visited { color: #dceaf9; } button:link > label, button:visited > label { @@ -775,17 +779,28 @@ toolbar, .inline-toolbar { -GtkWidget-window-dragging: true; padding: 4px; background-color: #F5F6F7; } - toolbar separator, .inline-toolbar separator, toolbar .sidebar separator, .sidebar toolbar separator { + toolbar separator, .inline-toolbar separator { background: none; } toolbar.horizontal separator, .horizontal.inline-toolbar separator { margin: 0 6px; } toolbar.vertical separator, .vertical.inline-toolbar separator { margin: 6px 0; } - .osd toolbar, .osd .inline-toolbar, toolbar.osd, .osd.inline-toolbar { + .osd toolbar, .osd .inline-toolbar { + background-color: transparent; } + toolbar.osd, .osd.inline-toolbar { padding: 7px; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 3px; background-color: rgba(53, 57, 69, 0.85); } + toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; } + toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, + toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, + toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, + toolbar:not(.inline-toolbar):not(.osd) spinbutton, .inline-toolbar:not(.inline-toolbar):not(.osd) spinbutton, + toolbar:not(.inline-toolbar):not(.osd) button, .inline-toolbar:not(.inline-toolbar):not(.osd) button { + margin-right: 1px; + margin-bottom: 1px; } .primary-toolbar { color: rgba(82, 93, 118, 0.8); @@ -942,7 +957,7 @@ paned.titlebar > headerbar ~ headerbar { paned.titlebar > headerbar:first-child { border-top-right-radius: 0; } -headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separator, .sidebar headerbar separator { +headerbar entry, headerbar button, headerbar separator { margin-top: 6px; margin-bottom: 6px; } @@ -1022,11 +1037,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #5294E2; background-clip: border-box; } .primary-toolbar button:disabled, headerbar button:disabled { - color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button:disabled > label, headerbar button:disabled > label { - color: inherit; } + .primary-toolbar button:disabled label, headerbar button:disabled label, .primary-toolbar button:disabled, headerbar button:disabled { + color: rgba(82, 93, 118, 0.35); } .primary-toolbar button:disabled:active, headerbar button:disabled:active, .primary-toolbar button:disabled:checked, headerbar button:disabled:checked { color: rgba(255, 255, 255, 0.75); border-color: rgba(82, 148, 226, 0.65); @@ -1124,11 +1138,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #2e96c0; border-color: #2e96c0; } .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { - color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button.suggested-action.flat:disabled > label, headerbar button.suggested-action.flat:disabled > label, .primary-toolbar button.suggested-action.sidebar-button:disabled > label, headerbar button.suggested-action.sidebar-button:disabled > label, .primary-toolbar button.suggested-action:disabled > label, headerbar button.suggested-action:disabled > label { - color: inherit; } + .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.flat:disabled label, .primary-toolbar button.suggested-action.sidebar-button:disabled label, headerbar button.suggested-action.sidebar-button:disabled label, .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.flat:disabled, .primary-toolbar button.suggested-action.sidebar-button:disabled, headerbar button.suggested-action.sidebar-button:disabled, .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled label, .primary-toolbar button.suggested-action:disabled, headerbar button.suggested-action:disabled { + color: rgba(82, 93, 118, 0.35); } .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop { opacity: 0.8; } @@ -1158,11 +1171,10 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ background-color: #ec1b22; border-color: #ec1b22; } .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { - color: rgba(82, 93, 118, 0.35); background-color: rgba(231, 232, 235, 0); border-color: rgba(231, 232, 235, 0); } - .primary-toolbar button.destructive-action.flat:disabled > label, headerbar button.destructive-action.flat:disabled > label, .primary-toolbar button.destructive-action.sidebar-button:disabled > label, headerbar button.destructive-action.sidebar-button:disabled > label, .primary-toolbar button.destructive-action:disabled > label, headerbar button.destructive-action:disabled > label { - color: inherit; } + .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.flat:disabled label, .primary-toolbar button.destructive-action.sidebar-button:disabled label, headerbar button.destructive-action.sidebar-button:disabled label, .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.flat:disabled, .primary-toolbar button.destructive-action.sidebar-button:disabled, headerbar button.destructive-action.sidebar-button:disabled, .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled label, .primary-toolbar button.destructive-action:disabled, headerbar button.destructive-action:disabled { + color: rgba(82, 93, 118, 0.35); } .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop { opacity: 0.8; } @@ -1287,8 +1299,8 @@ headerbar entry, headerbar button, headerbar separator, headerbar .sidebar separ padding-left: 10px; } .path-bar button.slider-button { - padding-left: 2px; - padding-right: 2px; } + padding-left: 1px; + padding-right: 1px; } .path-bar button image { padding-left: 4px; @@ -1302,7 +1314,7 @@ treeview.view { -GtkTreeView-expander-size: 16; border-left-color: rgba(92, 97, 108, 0.15); border-top-color: rgba(0, 0, 0, 0.1); } - treeview.view:selected { + treeview.view:selected, treeview.view:selected:focus { border-radius: 0; border-left-color: #a9caf1; border-top-color: rgba(92, 97, 108, 0.1); } @@ -1313,10 +1325,14 @@ treeview.view { treeview.view.separator { min-height: 2px; color: rgba(0, 0, 0, 0.1); } - treeview.view.dnd { + treeview.view:drop(active) { border-style: solid none; border-width: 1px; border-color: #577ba7; } + 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: #aeb0b6; } @@ -1415,7 +1431,7 @@ menu, padding: 4px 0px; border-radius: 2px; border: none; } - menu separator, menu .sidebar separator, .sidebar menu separator, + menu separator, .csd menu separator, .menu separator, .csd @@ -1493,21 +1509,19 @@ popover.background { popover.background, popover.background { border: 1px solid #cdd2d7; } - popover separator, popover .sidebar separator, .sidebar popover separator, + popover separator, popover.background separator { background-color: #ffffff; } popover > list, popover > .view, + popover > iconview, popover > toolbar, popover > .inline-toolbar, - popover.osd > toolbar, - popover.osd > .inline-toolbar, popover.background > list, popover.background > .view, + popover.background > iconview, popover.background > toolbar, - popover.background > .inline-toolbar, - popover.background.osd > toolbar, - popover.background.osd > .inline-toolbar { + popover.background > .inline-toolbar { border-style: none; background-color: transparent; } @@ -1522,8 +1536,7 @@ cursor-handle { -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); } notebook { - padding: 0; - transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + padding: 0; } notebook.frame { border: 1px solid #dcdfe3; } notebook.frame > header { @@ -1782,7 +1795,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -.view check:selected, +.view check:selected, iconview check:selected, treeview.check:selected, row:selected check, infobar check { @@ -1792,7 +1805,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -.view check:disabled:selected, +.view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, infobar check:disabled { @@ -1802,7 +1815,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -.view check:indeterminate:selected, +.view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, infobar check:indeterminate { @@ -1812,7 +1825,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -.view check:indeterminate:disabled:selected, +.view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, infobar check:indeterminate:disabled { @@ -1822,7 +1835,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -.view check:checked:selected, +.view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, infobar check:checked { @@ -1832,7 +1845,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -.view check:checked:disabled:selected, +.view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, infobar check:checked:disabled { @@ -1842,7 +1855,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -.view radio:selected, +.view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, infobar radio { @@ -1852,7 +1865,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -.view radio:disabled:selected, +.view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, infobar radio:disabled { @@ -1862,7 +1875,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -.view radio:indeterminate:selected, +.view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, infobar radio:indeterminate { @@ -1872,7 +1885,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -.view radio:indeterminate:disabled:selected, +.view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, infobar radio:indeterminate:disabled { @@ -1882,7 +1895,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -.view radio:checked:selected, +.view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, infobar radio:checked { @@ -1892,37 +1905,40 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -.view radio:checked:disabled:selected, +.view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, infobar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -.view.content-view.check:not(list) { +.view.content-view.check:not(list), iconview.content-view.check:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); background-color: transparent; } -.view.content-view.check:checked:not(list) { +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); background-color: transparent; } checkbutton.text-button, radiobutton.text-button { padding: 2px 0; outline-offset: 0; } - checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child { - margin-left: 4px; } - checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child { - margin-right: 4px; } - checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { - color: rgba(92, 97, 108, 0.55); } -radiobutton radio, -checkbutton check { +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; } + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; } + +check, +radio { min-width: 16px; min-height: 16px; margin: 0 2px; } - radiobutton radio:only-child, - checkbutton check:only-child { + check:only-child, + menu menuitem check, + radio:only-child, + menu menuitem + radio { margin: 0; } scale { @@ -2027,7 +2043,7 @@ scale { background-image: linear-gradient(to bottom, rgba(82, 148, 226, 0.55)); } scale trough fill { background: none; - background-color: red; } + background-color: rgba(82, 148, 226, 0.5); } scale trough:disabled { background-image: linear-gradient(to bottom, rgba(207, 214, 230, 0.55)); } .osd scale trough { @@ -2131,8 +2147,7 @@ frame > border, margin: 0; padding: 0; border-radius: 0; - border: 1px solid #dcdfe3; - padding: 0; } + border: 1px solid #dcdfe3; } frame > border.flat, .frame.flat { border-style: none; } @@ -2223,7 +2238,7 @@ scrolledwindow junction { scrolledwindow junction:dir(rtl) { border-image-slice: 0 1 0 0; } -separator, .sidebar separator { +separator { background-color: rgba(0, 0, 0, 0.1); min-width: 1px; min-height: 1px; } @@ -2234,29 +2249,26 @@ list { list row { padding: 2px; } +row:not(:hover) { + transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(0, 0, 0, 0.05); } row.activatable:active { color: #5c616c; } +row.activatable:disabled { + color: rgba(92, 97, 108, 0.55); } + row.activatable:disabled image { + color: inherit; } + row.activatable:selected:active { color: #ffffff; } row.activatable:selected.has-open-popup, row.activatable:selected:hover { background-color: #4a85cb; } -row.activatable:selected:disabled { - color: rgba(255, 255, 255, 0.7); - background-color: rgba(82, 148, 226, 0.7); } - row.activatable:selected:disabled label { - color: inherit; } - -row { - transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } - row:hover { - transition: none; } - .app-notification { padding: 10px; color: #BAC3CF; @@ -2367,6 +2379,10 @@ messagedialog.csd .dialog-action-area button:only-child { filechooser #pathbarbox { border-bottom: 1px solid rgba(220, 223, 227, 0.5); } +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; } + .sidebar { border-style: none; background-color: #fbfbfc; } @@ -2376,9 +2392,11 @@ filechooser #pathbarbox { border-right: 1px solid #dcdfe3; border-left-style: none; } stacksidebar.sidebar:dir(rtl) list, - stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.left { + stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { border-left: 1px solid #dcdfe3; border-right-style: none; } + .sidebar list { + background-color: transparent; } paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } @@ -2393,9 +2411,6 @@ stacksidebar row { placessidebar > viewport.frame { border-style: none; } -placessidebar list { - background-color: transparent; } - placessidebar row { min-height: 30px; padding: 0px; } @@ -2419,12 +2434,19 @@ placessidebar row { -gtk-outline-radius: 100%; } button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } - -placessidebar row.sidebar-placeholder-row { - border: solid 1px #5294E2; } - -placessidebar row.sidebar-new-bookmark-row { - background-color: #d9dde0; } + placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, #4e9a06); + background-clip: content-box; } + placessidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + placessidebar row:drop(active):not(:disabled) { + color: #4e9a06; + box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected { + color: #ffffff; + background-color: #4e9a06; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2433,7 +2455,7 @@ placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } -paned > separator, .sidebar paned > separator { +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; @@ -2441,37 +2463,37 @@ paned > separator, .sidebar paned > separator { background-color: transparent; background-image: linear-gradient(to top, #dcdfe3); background-size: 1px 1px; } - paned > separator:selected, .sidebar paned > separator:selected { + paned > separator:selected { background-image: linear-gradient(to top, #5294E2); } - paned > separator.wide, .sidebar paned > separator.wide { + paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #F5F6F7; background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3); background-size: 1px 1px, 1px 1px; } -paned.horizontal > separator, .sidebar paned.horizontal > separator { +paned.horizontal > separator { background-repeat: repeat-y; } - paned.horizontal > separator:dir(ltr), .sidebar paned.horizontal > separator:dir(ltr) { + paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } - paned.horizontal > separator:dir(rtl), .sidebar paned.horizontal > separator:dir(rtl) { + paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } - paned.horizontal > separator.wide, .sidebar paned.horizontal > separator.wide { + paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } -paned.vertical > separator, .sidebar paned.vertical > separator { +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } - paned.vertical > separator.wide, .sidebar paned.vertical > separator.wide { + paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; @@ -2483,37 +2505,78 @@ infobar { .info, .question, .warning, -.error, -infobar { +.error { background-color: #5294E2; color: #ffffff; } + .info label:selected:focus, .info label:selected:hover, .info label:selected, + .question label:selected:focus, + .question label:selected:hover, + .question label:selected, + .warning label:selected:focus, + .warning label:selected:hover, + .warning label:selected, + .error label:selected:focus, + .error label:selected:hover, + .error label:selected { + color: #5294E2; + background-color: #ffffff; } -row:selected button, infobar button, .floating-bar button { +row:selected button, .info button, +.question button, +.warning button, +.error button, .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.5); } - row:selected button.flat, row:selected button.sidebar-button, infobar button.flat, infobar button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + row:selected button.flat, row:selected button.sidebar-button, .info button.flat, .info button.sidebar-button, + .question button.flat, + .question button.sidebar-button, + .warning button.flat, + .warning button.sidebar-button, + .error button.flat, + .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; color: #ffffff; background-color: rgba(255, 255, 255, 0); } - row:selected button:hover, infobar button:hover, .floating-bar button:hover { + row:selected button:hover, .info button:hover, + .question button:hover, + .warning button:hover, + .error button:hover, .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.8); } - row:selected button:active, infobar button:active, .floating-bar button:active, row:selected button:active:hover, infobar button:active:hover, .floating-bar button:active:hover, row:selected button:checked, infobar button:checked, .floating-bar button:checked { + row:selected button:active, .info button:active, + .question button:active, + .warning button:active, + .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .question button:active:hover, + .warning button:active:hover, + .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .question button:checked, + .warning button:checked, + .error button:checked, .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; border-color: #ffffff; } - row:selected button:disabled, infobar button:disabled, .floating-bar button:disabled { + row:selected button:disabled, .info button:disabled, + .question button:disabled, + .warning button:disabled, + .error button:disabled, .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } - row:selected button:disabled:active, infobar button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, infobar button:disabled:checked, .floating-bar button:disabled:checked { + row:selected button:disabled:active, .info button:disabled:active, + .question button:disabled:active, + .warning button:disabled:active, + .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .question button:disabled:checked, + .warning button:disabled:checked, + .error button:disabled:checked, .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -2657,8 +2720,8 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: black; - box-shadow: inset 0 0 0 1px black; } + border-color: #4e9a06; + box-shadow: inset 0 0 0 1px #4e9a06; } decoration { border-radius: 4px 4px 0 0; @@ -2670,7 +2733,7 @@ decoration { .fullscreen decoration, .tiled decoration { border-radius: 0; } - .popup decoration, decoration.popup { + .popup decoration { box-shadow: none; border-radius: 0; } .ssd decoration { @@ -2771,23 +2834,29 @@ headerbar button.titlebutton, .titlebar button.titlebutton.minimize:active { background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); } -.view:selected, -.view selection, -.view selection:focus, -.view selection:hover, -textview text:selected, -textview text selection, +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, iconview text:selected:focus, +textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection:hover, iconview:selected, iconview:selected:focus, flowbox flowboxchild:selected, label:selected, -label selection, -label selection:focus, -label selection:hover, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, row:selected, .sidebar:selected, .nautilus-window placessidebar.sidebar row.activatable:selected, .nautilus-window placessidebar.sidebar row.activatable:selected:hover, .nautilus-window placessidebar.sidebar row.activatable:active:hover { - background-image: none; - background-color: #5294E2; - color: #ffffff; - outline-color: rgba(255, 255, 255, 0.3); } +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + background-color: #5294E2; } + row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, + textview text:selected, iconview text:selected:focus, + textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, + textview text selection:focus, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + modelbutton.flat:active, + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); } + row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + modelbutton.flat:disabled:active, + modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -1px #dcdfe3; } @@ -2835,7 +2904,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can background-color: #edeef0; border-color: #d0d5da; } -.nautilus-list-view .view { +.nautilus-list-view .view, .nautilus-list-view iconview { border-bottom: 1px solid #dcdfe3; } @keyframes needs_attention_keyframes { @@ -2857,12 +2926,12 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } -.open-document-selector-treeview.view { +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { padding: 3px 6px 3px 6px; border-color: #ffffff; } - .open-document-selector-treeview.view:hover { + .open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { background-color: rgba(0, 0, 0, 0.05); } - .open-document-selector-treeview.view:hover:selected { + .open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { color: #ffffff; background-color: #5294E2; } @@ -3164,7 +3233,8 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { -GtkTreeView-vertical-separator: 6px; } .source-list, -.source-list.view { +.source-list.view, +iconview.source-list { background-color: #F5F6F7; color: #5c616c; -gtk-icon-style: regular; } @@ -3172,12 +3242,14 @@ toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { .source-list.category-expander { color: transparent; } -.source-list.view:hover { +.source-list.view:hover, iconview.source-list:hover { background-color: white; } -.source-list.view:selected, +.source-list.view:selected, iconview.source-list:selected, .source-list.view:hover:selected, +iconview.source-list:hover:selected, .source-list.view:selected:focus, +iconview.source-list:selected:focus, .source-list.category-expander:hover { color: #ffffff; background-color: #5294E2; } @@ -3249,7 +3321,7 @@ GraniteWidgetsPopOver { background-image: linear-gradient(to bottom, #ffffff); border: 1px solid rgba(0, 0, 0, 0.3); } -GraniteWidgetsPopOver .sidebar.view, +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, GraniteWidgetsPopOver * { background-color: transparent; } @@ -3326,11 +3398,10 @@ GtkListBox .h4 { border-color: #5294E2; background-color: #5294E2; } #content_frame button:disabled { - color: rgba(92, 97, 108, 0.55); border-color: rgba(207, 214, 230, 0.55); background-color: rgba(251, 251, 252, 0.55); } - #content_frame button:disabled > label { - color: inherit; } + #content_frame button:disabled label, #content_frame button:disabled { + color: rgba(92, 97, 108, 0.55); } #buttonbox_frame { padding-top: 20px; @@ -3415,11 +3486,11 @@ GtkListBox .h4 { border-bottom-width: 0; font: bold; } -.nautilus-window paned > separator, .nautilus-window .sidebar paned > separator { +.nautilus-window paned > separator { background: rgba(53, 57, 69, 0.95); } - .nautilus-window paned > separator:dir(ltr), .nautilus-window .sidebar paned > separator:dir(ltr) { + .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } - .nautilus-window paned > separator:dir(rtl), .nautilus-window .sidebar paned > separator:dir(rtl) { + .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } .nautilus-window.csd.background, .nautilus-window placessidebar list { @@ -3427,19 +3498,17 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - .nautilus-window placessidebar.sidebar row.sidebar-placeholder-row { - border: 1px solid #5294E2; } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { - background-color: rgba(75, 81, 98, 0.95); } - .nautilus-window placessidebar.sidebar row.activatable { + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row.activatable .sidebar-icon { + .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.activatable.has-open-popup, .nautilus-window placessidebar.sidebar row.activatable:hover { + .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row.activatable:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row.activatable:active:hover .sidebar-icon { - color: inherit; } + .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + color: rgba(186, 195, 207, 0.4); } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/sass/_colors.scss b/common/gtk-3.0/3.20/sass/_colors.scss index 47daa0f..6ff238a 100644 --- a/common/gtk-3.0/3.20/sass/_colors.scss +++ b/common/gtk-3.0/3.20/sass/_colors.scss @@ -24,6 +24,8 @@ $success_color: #73d216; $destructive_color: #F04A50; $suggested_color: #4DADD4; +$drop_target_color: #4e9a06; + //insensitive state derived colors $insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); $insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%)); diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 40cbb84..06e7cfa 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -41,9 +41,7 @@ $darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); background-color: if($transparency == 'true', transparentize($bg_color, 0.001), $bg_color); // without this headerbar transparency doesn't seem to work } -*:disabled { - -gtk-icon-effect: dim; -} +*:disabled { -gtk-icon-effect: dim; } .gtkstyle-fallback { background-color: $bg_color; @@ -67,41 +65,29 @@ $darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix); } .view, -textview text { +%view { color: $text_color; background-color: $base_color; - &:selected, - selection, - selection:focus, - selection:hover { - @extend %selected_items; - } - &.dim-label { - color: transparentize($text_color, 0.45); - - selection, selection:focus { - color: transparentize($selected_fg_color, 0.35); - text-shadow: none; + &:selected { + &, &:focus { + @extend %selected_items; + border-radius: 2px; } } } -textview { // This will get overridden by .view, needed by gedit line numbers - background-color: mix($bg_color, $base_color, 50%); -} - -iconview { - color: $text_color; - background-color: $base_color; +.view, +textview { + text { + @extend %view; - &:selected, - &:selected:focus { - border-radius: 2px; - @extend %selected_items; + selection { &:focus, & { @extend %selected_items; }} } } +iconview { @extend .view; } + rubberband, .rubberband { border: 1px solid darken($selected_bg_color, 10%); @@ -116,26 +102,32 @@ flowbox { border-radius: 2px; &:selected { - outline-offset: -2px; - @extend %selected_items; + + outline-offset: -2px; } } } label { &.separator { - color: $fg_color; @extend .dim-label; + + color: $fg_color; } - &:selected, - selection, - selection:focus, - selection:hover { - @extend %selected_items; + + row:selected &, + &:selected { @extend %nobg_selected_items; } + + selection { + color: $selected_fg_color; + background-color: $selected_bg_color; } + &:disabled { color: $insensitive_fg_color; + + selection { @extend %selected_items:disabled; } } } @@ -150,6 +142,7 @@ assistant { } &.csd .sidebar { border-top-style: none; } + .sidebar label { padding: 6px 12px; } .sidebar label.highlight { @@ -158,6 +151,10 @@ assistant { } } +textview { // This will get overridden by .view, needed by gedit line numbers + background-color: $base_color; +} + %osd, .osd { color: $osd_fg_color; border: none; @@ -212,12 +209,14 @@ entry { &.right { padding-right: 0; padding-left: 5px; } } - &.flat, &.flat:focus { - @include entry(normal); - min-height: 0; - padding: 2px; - border: none; - border-radius: 0; + &.flat { + &, &:focus { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; + } } &:focus { @@ -227,23 +226,9 @@ entry { &:disabled { @include entry(insensitive); } - selection, - selection:focus { - background-color: $selected_bg_color; - color: $selected_fg_color; - } - - progress { - margin: 0 -6px; - border-radius: 0; - border-width: 0 0 2px; - border-color: $selected_bg_color; - border-style: solid; - background-image: none; - background-color: transparent; - box-shadow: none; - } + selection { &:focus, & { @extend %selected_items; }} + // error and warning style @each $e_type, $e_color in (warning, $warning_color), (error, $error_color) { &.#{$e_type} { @@ -265,12 +250,31 @@ entry { } } + &: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); } &:disabled { @include entry(osd-insensitive); } } + progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: $selected_bg_color; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; + } + + // linked entries .linked:not(.vertical) > &, .linked:not(.vertical) > &:focus { @extend %linked; } @@ -278,6 +282,16 @@ entry { .linked.vertical > &:focus { @extend %linked_vertical; } } +treeview entry { + &.flat, & { + border-radius: 0; + background-image: none; + background-color: $base_color; + + &:focus { border-color: $selected_bg_color; } + } +} + // // Buttons // @@ -317,26 +331,29 @@ button { &.flat { @include button(undecorated); - background-color: transparentize($button_bg, 1); - border-color: transparentize($button_border, 1); // 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: 350ms; + &:active { transition: $_button_transition; } } } + &:hover { @include button(hover); -gtk-icon-effect: highlight; } + &:active, &:checked { - background-clip: if($variant=='light', border-box, padding-box); @include button(active); + + background-clip: if($variant=='light', border-box, padding-box); transition-duration: 50ms; } @@ -345,15 +362,43 @@ button { &:active:hover, &:checked { color: $selected_fg_color; } //Webkitgtk workaround end - &.flat:disabled { - @include button(undecorated); - } + &.flat:disabled { @include button(undecorated); } + &:disabled { @include button(insensitive); + &:active, &:checked { @include button(insensitive-active); } } + + &.image-button { + min-width: 32px; + padding-left: 0; + padding-right: 0; + } + + &.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; + } + // big standalone buttons like in Documents pager &.osd { color: $osd_fg_color; @@ -422,27 +467,6 @@ button { } } - &.image-button { - min-width: 32px; - padding-left: 0; - padding-right: 0; - } - - &.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; - } - } - .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 @@ -509,16 +533,12 @@ button { .linked:not(.vertical) > &, .linked:not(.vertical) > &:hover, .linked:not(.vertical) > &:active, - .linked:not(.vertical) > &:checked { - @extend %linked; - } + .linked:not(.vertical) > &:checked { @extend %linked; } .linked.vertical > &, .linked.vertical > &:hover, .linked.vertical > &:active, - .linked.vertical > &:checked { - @extend %linked_vertical; - } + .linked.vertical > &:checked { @extend %linked_vertical; } } // all the following is for the +|- buttons on inline toolbars, that way @@ -686,7 +706,8 @@ modelbutton.flat { } modelbutton.flat arrow { - &, &:hover { background: none; } + & { background: none; } + &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } } @@ -696,6 +717,7 @@ modelbutton.flat arrow { // *:link { color: $link_color; + &:visited { color: $link_visited_color; *:selected & { color: mix($selected_fg_color, $selected_bg_color, 60%); } @@ -708,9 +730,10 @@ modelbutton.flat arrow { color: $link_color; *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } } - &:selected, *:selected & { - color: mix($selected_fg_color, $selected_bg_color, 80%); - } + + @at-root %link_selected, + &:selected, + *:selected & { color: mix($selected_fg_color, $selected_bg_color, 80%); } } button:link, button:visited { @@ -780,6 +803,8 @@ combobox { min-width: 16px; } + &:drop(active) button.combo { @extend button:drop(active); } + &.linked { button:nth-child(2) { &:dir(ltr) { @extend %linked:last-child; } @@ -816,11 +841,29 @@ toolbar { &.horizontal separator { margin: 0 6px; } &.vertical separator { margin: 6px 0; } - .osd &, &.osd { + .osd & { background-color: transparent; } + + &.osd { padding: 7px; border: 1px solid transparentize(black, 0.5); border-radius: 3px; background-color: transparentize($osd_bg_color, 0.1); + + &.left, + &.right, + &.top, + &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + } + + &:not(.inline-toolbar):not(.osd) { + switch, + scale, + entry, + spinbutton, + button { + margin-right: 1px; + margin-bottom: 1px; + } } } @@ -1319,8 +1362,8 @@ headerbar { } &.slider-button { - padding-left: 2px; - padding-right: 2px; + padding-left: 1px; + padding-right: 1px; } image { @@ -1333,7 +1376,6 @@ headerbar { // Tree Views // treeview.view { - -GtkTreeView-grid-line-width: 1; -GtkTreeView-grid-line-pattern: ''; -GtkTreeView-tree-line-width: 1; @@ -1346,15 +1388,18 @@ treeview.view { rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props &:selected { - border-radius: 0; - border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); - border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunately + &, &:focus { + border-radius: 0; + border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); + border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunately - @extend %selected_items; + @extend %selected_items; + } } &:disabled { color: $insensitive_fg_color; + &:selected { color: mix($selected_fg_color, $selected_bg_color, 40%); } @@ -1365,10 +1410,13 @@ treeview.view { color: transparentize(black, 0.9); } - &.dnd { + &:drop(active) { border-style: solid none; border-width: 1px; border-color: mix($fg_color, $selected_bg_color, 50%); + + &.after { border-top-style: none; } + &.before { border-bottom-style: none; } } &.expander { @@ -1593,8 +1641,7 @@ popover.background { > list, > .view, - > toolbar, - &.osd > toolbar { + > toolbar { border-style: none; background-color: transparent; } @@ -1602,6 +1649,8 @@ popover.background { &, .csd & { &.osd, &.magnifier { @extend %osd; } &.touch-selection { @extend .context-menu } + + &.osd { @extend %osd; } } } @@ -1620,7 +1669,6 @@ cursor-handle { // notebook { padding: 0; - transition: all 200ms $ease-out-quad; &.frame { border: 1px solid $borders_color; @@ -1748,22 +1796,14 @@ scrollbar { button { border: none; } - &.vertical { - button.down { - -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); - } - button.up { - -gtk-icon-source: -gtk-icontheme('pan-up-symbolic'); - } + &.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'); - } - button.up { - -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); - } + &.horizontal button { + &.down { -gtk-icon-source: -gtk-icontheme('pan-right-symbolic'); } + &.up { -gtk-icon-source: -gtk-icontheme('pan-left-symbolic'); } } &.overlay-indicator { @@ -1908,7 +1948,7 @@ switch { } // -// Check and Radio items * +// Check and Radio items // @each $w,$a in ('check', 'checkbox'), ('radio','radio') { @@ -1958,29 +1998,24 @@ switch { checkbutton, radiobutton { // this is for a nice focus on check and radios text &.text-button { - padding: 2px 0; - outline-offset: 0; + padding: 2px 0; + outline-offset: 0; + } label:not(:only-child) { &:first-child { margin-left: 4px; } &:last-child { margin-right: 4px; } } - - &:disabled, - &:disabled:active, - &:disabled:indeterminate { - // set insensitive color, which is overriden otherwise - color: $insensitive_fg_color; - } - } } -radiobutton radio, -checkbutton check { +check, +radio { min-width: 16px; min-height: 16px; margin: 0 2px; - &:only-child { margin: 0; } + + &:only-child, + menu menuitem & { margin: 0; } } // @@ -2117,7 +2152,7 @@ scale { } fill { background: none; - background-color: red; + background-color: transparentize($selected_bg_color, 0.5); } &:disabled { background-image: linear-gradient(to bottom, transparentize($_scale_trough_bg, 0.45)); @@ -2127,6 +2162,7 @@ scale { .osd & { background-image: linear-gradient(to bottom, lighten($osd_bg_color, 7%)); outline-color: transparentize($osd_fg_color, 0.8); + highlight { background-image: none; background-image: linear-gradient(to bottom, $selected_bg_color); @@ -2188,11 +2224,6 @@ progressbar { } } -// FIXME -//.osd .scale.progressbar { -// background-color: $selected_bg_color; -//} - // // Level Bar // @@ -2261,13 +2292,12 @@ frame > border, padding: 0; border-radius: 0; border: 1px solid $borders_color; + &.flat { border-style: none; } - padding: 0; } scrolledwindow { - viewport.frame { // avoid double borders when viewport inside - // scrolled window + viewport.frame { // avoid double borders when viewport inside scrolled window border-style: none; } @@ -2315,35 +2345,32 @@ list { row { padding: 2px; } } -row.activatable { - &.has-open-popup, - &:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); } - - &:active { color: $fg_color; } +row { + &:not(:hover) { transition: all 150ms $ease-out-quad; } &:selected { - &:active { color: $selected_fg_color; } + @extend %selected_items; + button { @extend %selected-button; } + } + + &.activatable { &.has-open-popup, - &:hover { background-color: mix(black, $selected_bg_color, 10%); } + &:hover { background-color: if($variant == 'light', transparentize(black, 0.95), transparentize(white, 0.97)); } + &:active { color: $fg_color; } &:disabled { - color: transparentize($selected_fg_color, 0.3); - background-color: transparentize($selected_bg_color, 0.3); - label { color: inherit; } + color: $insensitive_fg_color; + image { color: inherit; } } - } -} -row:selected { - @extend %selected_items; - button { @extend %selected-button } -} + &:selected { + &:active { color: $selected_fg_color; } -// transition -row { - transition: all 150ms $ease-out-quad; - &:hover { transition: none; } + &.has-open-popup, + &:hover { background-color: mix(black, $selected_bg_color, 10%); } + } + } } // @@ -2354,10 +2381,10 @@ row { color: $dark_sidebar_fg; background-color: $dark_sidebar_bg; background-clip: border-box; - border-radius: 0 0 2px 2px; - border-width: 0 1px 1px 1px; - border-style: solid; - border-color: darken($dark_sidebar_bg, 10%); + border-radius: 0 0 2px 2px; + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: darken($dark_sidebar_bg, 10%); border { border: none; } @@ -2423,9 +2450,7 @@ calendar { } } &:indeterminate { color: gtkalpha(currentColor,0.55); } - &.highlight { - color: $fg_color; - } + &.highlight { color: $fg_color; } } // @@ -2478,6 +2503,11 @@ filechooser { #pathbarbox { border-bottom: 1px solid transparentize($borders_color, 0.5); } } +filechooserbutton:drop(active) { + box-shadow: none; + border-color: transparent; +} + // // Sidebar // @@ -2495,13 +2525,12 @@ filechooser { @at-root %sidebar_right, &:dir(rtl), - &.left { + &.right { border-left: 1px solid $borders_color; border-right-style: none; } - &:selected { @extend %selected_items; } - separator { @extend separator; } + list { background-color: transparent; } paned & { &.left, &.right, &.left:dir(rtl), &:dir(rtl), &:dir(ltr), & { border-style: none; }} } @@ -2531,11 +2560,8 @@ stacksidebar { } placessidebar { - > viewport.frame { border-style: none; } - list { background-color: transparent; } - row { // Needs overriding of the GtkListBoxRow padding min-height: 30px; @@ -2565,11 +2591,27 @@ placessidebar { &:not(:hover):not(:active) > image { opacity: 0.5 }; } - } - row.sidebar-placeholder-row { border: solid 1px $selected_bg_color; } + &.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to top, $drop_target_color); + background-clip: content-box; + } + + &.sidebar-new-bookmark-row { color: $selected_bg_color; } - row.sidebar-new-bookmark-row { background-color: darken($bg_color, 10%); } + &: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; + } + } + } } // @@ -2649,19 +2691,25 @@ paned { // // GtkInfoBar // -infobar { - border-style: none; - - button { @extend %selected-button } -} +infobar { border-style: none; } .info, .question, .warning, -.error, -infobar { +.error { background-color: $selected_bg_color; color: $selected_fg_color; + + button { @extend %selected-button } + + label:selected { + &:focus, &:hover, & { + color: $selected_bg_color; + background-color: $selected_fg_color; + } + } + + *:link { @extend %link_selected; } } @@ -2837,9 +2885,13 @@ colorchooser .popover.osd { border-radius: 3px; } rubberband { @extend rubberband; } } -.scale-popup button { // +/- buttons on GtkVolumeButton popup - &:hover { - @include button(hover); +.scale-popup { + .osd & { @extend %osd; } + + button { // +/- buttons on GtkVolumeButton popup + &:hover { + @include button(hover); + } } } @@ -2884,8 +2936,8 @@ stackswitcher button { // *:drop(active):focus, *:drop(active) { - border-color: black; - box-shadow: inset 0 0 0 1px black; + border-color: $drop_target_color; + box-shadow: inset 0 0 0 1px $drop_target_color; } // @@ -2915,8 +2967,7 @@ decoration { .tiled & { border-radius: 0; } - .popup &, - &.popup { + .popup & { box-shadow: none; border-radius: 0; } @@ -2995,8 +3046,12 @@ headerbar, // catch all extend %selected_items { - background-image: none; background-color: $selected_bg_color; - color: $selected_fg_color; - outline-color: transparentize($selected_fg_color, 0.7); + + @at-root %nobg_selected_items, & { + color: $selected_fg_color; + outline-color: transparentize($selected_fg_color, 0.7); + + &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); } + } } diff --git a/common/gtk-3.0/3.20/sass/_drawing.scss b/common/gtk-3.0/3.20/sass/_drawing.scss index 8ccaea3..942e1fd 100644 --- a/common/gtk-3.0/3.20/sass/_drawing.scss +++ b/common/gtk-3.0/3.20/sass/_drawing.scss @@ -1,18 +1,5 @@ // Drawing mixins -// generic drawing of more complex things - -@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 @mixin entry($t) { @@ -163,24 +150,22 @@ // // insensitive button // - color: $insensitive_fg_color; + label, & { color: $insensitive_fg_color; } + border-color: transparentize($button_border, 0.45); background-color: transparentize($button_bg, 0.45); - - > label { color: inherit; } } @else if $t==insensitive-active { // // insensitive pushed button // - color: transparentize($selected_fg_color, 0.2); + label, & { color: transparentize($selected_fg_color, 0.2); } + border-color: transparentize($selected_bg_color, 0.25); background-color: transparentize($selected_bg_color, 0.25); opacity: 0.6; - - > label { color: inherit; } } @if $t==header-normal { @@ -218,11 +203,10 @@ // // insensitive header-bar button // - color: transparentize($header_fg, 0.45); + label, & { color: transparentize($header_fg, 0.45); } + background-color: transparentize($header_bg, 1); border-color: transparentize($header_bg, 1); - - > label { color: inherit; } } @else if $t==header-insensitive-active { diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss index 3390c96..5dd29cf 100644 --- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -21,22 +21,26 @@ background-color: $dark_sidebar_bg; - row.sidebar-placeholder-row { border: 1px solid $selected_bg_color; } - - row.sidebar-new-bookmark-row { background-color: lighten($dark_sidebar_bg, 10%); } + row.sidebar-new-bookmark-row { + &, image { color: $selected_bg_color; } + } - row.activatable { + row { border: none; color: $dark_sidebar_fg; - .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); } + &:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) { + .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); } + } &.has-open-popup, &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); } + &:disabled { + &, label, image { color: transparentize($dark_sidebar_fg, 0.6); } + } &:selected, &:selected:hover, &:active:hover { @extend %selected_items; - .sidebar-icon { color: inherit; } } } -- cgit v1.2.3 From 1eb462a994ce62b3843742d0315cb2d6650b07c0 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Tue, 22 Mar 2016 13:03:08 +0100 Subject: dnd updates --- common/gtk-3.0/3.20/gtk-dark.css | 38 +++++++++++++++++++++++++++++--- common/gtk-3.0/3.20/gtk-darker.css | 38 +++++++++++++++++++++++++++++--- common/gtk-3.0/3.20/gtk-solid-dark.css | 38 +++++++++++++++++++++++++++++--- common/gtk-3.0/3.20/gtk-solid-darker.css | 38 +++++++++++++++++++++++++++++--- common/gtk-3.0/3.20/gtk-solid.css | 38 +++++++++++++++++++++++++++++--- common/gtk-3.0/3.20/gtk.css | 38 +++++++++++++++++++++++++++++--- common/gtk-3.0/3.20/sass/_common.scss | 24 ++++++++++++-------- 7 files changed, 225 insertions(+), 27 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 1de0e5f..ddc2c88 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -188,7 +188,7 @@ entry { color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); @@ -297,7 +297,7 @@ button { button:drop(active), combobox:drop(active) button.combo { color: #4e9a06; border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -510,6 +510,15 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #2b2e39; } @@ -578,6 +587,15 @@ button { .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #2b2e39; } + +.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: #2b2e39; } + .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #2b2e39; } @@ -727,6 +745,9 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } +spinbutton:drop(active) { + box-shadow: none; } + spinbutton button:active { color: #ffffff; } @@ -755,6 +776,9 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #2b2e39; } +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #4e9a06; } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -766,6 +790,9 @@ spinbutton.vertical button.up { spinbutton.vertical > entry:focus + button { border-top-color: #2b2e39; } +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #4e9a06; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1099,6 +1126,12 @@ headerbar entry, headerbar button, headerbar separator { .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } @@ -2717,7 +2750,6 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } decoration { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index bf6827c..bdf2c26 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -187,7 +187,7 @@ entry { color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); @@ -296,7 +296,7 @@ button { button:drop(active), combobox:drop(active) button.combo { color: #4e9a06; border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -509,6 +509,15 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #4e9a06; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #4e9a06; } + .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } @@ -577,6 +586,15 @@ button { .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294E2; } +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #4e9a06; } + +.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: #4e9a06; } + .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } @@ -726,6 +744,9 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } +spinbutton:drop(active) { + box-shadow: none; } + spinbutton button:active { color: #ffffff; } @@ -754,6 +775,9 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #4e9a06; } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -765,6 +789,9 @@ spinbutton.vertical button.up { spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #4e9a06; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1098,6 +1125,12 @@ headerbar entry, headerbar button, headerbar separator { .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.37); } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: rgba(21, 23, 28, 0.37); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.37); } + .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.37); } @@ -2716,7 +2749,6 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } decoration { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index bdf2752..6f99b87 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -188,7 +188,7 @@ entry { color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); @@ -297,7 +297,7 @@ button { button:drop(active), combobox:drop(active) button.combo { color: #4e9a06; border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -510,6 +510,15 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #2b2e39; } +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #2b2e39; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #2b2e39; } + .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #2b2e39; } @@ -578,6 +587,15 @@ button { .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #2b2e39; } +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #2b2e39; } + +.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: #2b2e39; } + .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #2b2e39; } @@ -727,6 +745,9 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } +spinbutton:drop(active) { + box-shadow: none; } + spinbutton button:active { color: #ffffff; } @@ -755,6 +776,9 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #2b2e39; } +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #4e9a06; } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -766,6 +790,9 @@ spinbutton.vertical button.up { spinbutton.vertical > entry:focus + button { border-top-color: #2b2e39; } +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #4e9a06; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1099,6 +1126,12 @@ headerbar entry, headerbar button, headerbar separator { .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } @@ -2717,7 +2750,6 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } decoration { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 1ecda5d..388a371 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -187,7 +187,7 @@ entry { color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); @@ -296,7 +296,7 @@ button { button:drop(active), combobox:drop(active) button.combo { color: #4e9a06; border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -509,6 +509,15 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #4e9a06; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #4e9a06; } + .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } @@ -577,6 +586,15 @@ button { .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294E2; } +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #4e9a06; } + +.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: #4e9a06; } + .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } @@ -726,6 +744,9 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } +spinbutton:drop(active) { + box-shadow: none; } + spinbutton button:active { color: #ffffff; } @@ -754,6 +775,9 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #4e9a06; } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -765,6 +789,9 @@ spinbutton.vertical button.up { spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #4e9a06; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1098,6 +1125,12 @@ headerbar entry, headerbar button, headerbar separator { .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: rgba(21, 23, 28, 0.4); } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: rgba(21, 23, 28, 0.4); } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(21, 23, 28, 0.4); } + .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: rgba(21, 23, 28, 0.4); } @@ -2716,7 +2749,6 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } decoration { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 1b3301d..8598659 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -187,7 +187,7 @@ entry { color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.4); @@ -296,7 +296,7 @@ button { button:drop(active), combobox:drop(active) button.combo { color: #4e9a06; border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -509,6 +509,15 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #4e9a06; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #4e9a06; } + .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } @@ -577,6 +586,15 @@ button { .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294E2; } +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #4e9a06; } + +.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: #4e9a06; } + .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } @@ -726,6 +744,9 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } +spinbutton:drop(active) { + box-shadow: none; } + spinbutton button:active { color: #ffffff; } @@ -754,6 +775,9 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #4e9a06; } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -765,6 +789,9 @@ spinbutton.vertical button.up { spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #4e9a06; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1098,6 +1125,12 @@ headerbar entry, headerbar button, headerbar separator { .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #4e9a06; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #4e9a06; } + .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } @@ -2720,7 +2753,6 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } decoration { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 37523cd..d734bf2 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -187,7 +187,7 @@ entry { color: #FC4138; } entry:drop(active):focus, entry:drop(active) { border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } .osd entry { color: #BAC3CF; border-color: rgba(26, 28, 34, 0.35); @@ -296,7 +296,7 @@ button { button:drop(active), combobox:drop(active) button.combo { color: #4e9a06; border-color: #4e9a06; - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: none; } button.osd { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); @@ -509,6 +509,15 @@ button { .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #4e9a06; } + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #4e9a06; } + .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } @@ -577,6 +586,15 @@ button { .linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { border-top-color: #5294E2; } +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #4e9a06; } + +.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: #4e9a06; } + .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { border-top-color: #F27835; } @@ -726,6 +744,9 @@ modelbutton.flat arrow.right { button:link > label, button:visited > label { text-decoration-line: underline; } +spinbutton:drop(active) { + box-shadow: none; } + spinbutton button:active { color: #ffffff; } @@ -754,6 +775,9 @@ spinbutton:not(.vertical) > entry + button:not(:active):hover { spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #4e9a06; } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -765,6 +789,9 @@ spinbutton.vertical button.up { spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #4e9a06; } + combobox button.combo { min-width: 0; padding-left: 8px; @@ -1098,6 +1125,12 @@ headerbar entry, headerbar button, headerbar separator { .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { border-left-color: #5294E2; } +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #4e9a06; } + +.primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #4e9a06; } + .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } @@ -2720,7 +2753,6 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - border-color: #4e9a06; box-shadow: inset 0 0 0 1px #4e9a06; } decoration { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 06e7cfa..4e406d7 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -253,7 +253,7 @@ entry { &:drop(active) { &:focus, & { border-color: $drop_target_color; - box-shadow: inset 0 0 0 1px $drop_target_color; + box-shadow: none; } } @@ -396,7 +396,7 @@ button { &:drop(active) { color: $drop_target_color; border-color: $drop_target_color; - box-shadow: inset 0 0 0 1px $drop_target_color; + box-shadow: none; } // big standalone buttons like in Documents pager @@ -579,14 +579,15 @@ toolbar.inline-toolbar toolbutton { > entry.error + entry.warning { border-#{$_border}-color: if($var=='light', $error_color, transparentize($e_border, $a));} - @each $e_type, $e_color in ('',$selected_bg_color), - ('.warning', $warning_color), - ('.error', $error_color) { + @each $e_type, $e_color in (':focus',$selected_bg_color), + (':drop(active)', $drop_target_color), + ('.warning:focus', $warning_color), + ('.error:focus', $error_color) { - > entry + entry#{$e_type}:focus:not(:last-child), - > entry + entry#{$e_type}:focus:last-child { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } + > entry + entry#{$e_type}:not(:last-child), + > entry + entry#{$e_type}:last-child { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } - > entry#{$e_type}:focus:not(:only-child) { + > entry#{$e_type}:not(:only-child) { + entry, + button, + combobox > box > button.combo { border-#{$_border}-color: if($var=='light', $e_color, $e_border); } @@ -751,6 +752,8 @@ button:link, button:visited { // spinbutton { + &:drop(active) { box-shadow: none; } + button:active { color: $selected_fg_color; } &:disabled { color: $insensitive_fg_color; } @@ -772,6 +775,8 @@ spinbutton { > entry + button:not(:active):hover { box-shadow: none; } > entry:focus + button { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry:drop(active) + button { border-left-color: $drop_target_color; } } &.vertical { button, entry { @@ -785,6 +790,8 @@ spinbutton { button.up { border-radius: 3px 3px 0 0; } > entry:focus + button { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); } + + > entry:drop(active) + button { border-top-color: $drop_target_color; } } } @@ -2936,7 +2943,6 @@ stackswitcher button { // *:drop(active):focus, *:drop(active) { - border-color: $drop_target_color; box-shadow: inset 0 0 0 1px $drop_target_color; } -- cgit v1.2.3 From c796620e8ab8744e9ce08eccc796b1e9a1c9d97f Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 23 Mar 2016 15:07:19 +0100 Subject: fixes --- common/gtk-3.0/3.20/gtk-dark.css | 28 +++++++++++++++------- common/gtk-3.0/3.20/gtk-darker.css | 28 +++++++++++++++------- common/gtk-3.0/3.20/gtk-solid-dark.css | 28 +++++++++++++++------- common/gtk-3.0/3.20/gtk-solid-darker.css | 28 +++++++++++++++------- common/gtk-3.0/3.20/gtk-solid.css | 28 +++++++++++++++------- common/gtk-3.0/3.20/gtk.css | 28 +++++++++++++++------- common/gtk-3.0/3.20/sass/_common.scss | 8 ++++--- common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 27 +++++++++++++++------ 8 files changed, 145 insertions(+), 58 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index ddc2c88..1b9f4c0 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1328,7 +1328,7 @@ headerbar entry, headerbar button, headerbar separator { .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } -.path-bar button.slider-button { +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } @@ -2472,11 +2472,13 @@ placessidebar row { placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #4e9a06; } placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; background-color: #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2869,7 +2871,7 @@ textview text:selected:focus, .view text selection:focus, iconview text selectio textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2877,7 +2879,7 @@ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -3527,17 +3529,27 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { - color: #5294E2; } .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { + .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index bdf2c26..91dad7f 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1327,7 +1327,7 @@ headerbar entry, headerbar button, headerbar separator { .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } -.path-bar button.slider-button { +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } @@ -2471,11 +2471,13 @@ placessidebar row { placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #4e9a06; } placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; background-color: #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2868,7 +2870,7 @@ textview text:selected:focus, .view text selection:focus, iconview text selectio textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2876,7 +2878,7 @@ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -3526,17 +3528,27 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { - color: #5294E2; } .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { + .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 6f99b87..c107aba 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1328,7 +1328,7 @@ headerbar entry, headerbar button, headerbar separator { .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } -.path-bar button.slider-button { +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } @@ -2472,11 +2472,13 @@ placessidebar row { placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #4e9a06; } placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; background-color: #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2869,7 +2871,7 @@ textview text:selected:focus, .view text selection:focus, iconview text selectio textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2877,7 +2879,7 @@ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -3527,17 +3529,27 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: #353945; } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { - color: #5294E2; } .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { + .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 388a371..895cf06 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1327,7 +1327,7 @@ headerbar entry, headerbar button, headerbar separator { .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } -.path-bar button.slider-button { +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } @@ -2471,11 +2471,13 @@ placessidebar row { placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #4e9a06; } placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; background-color: #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2868,7 +2870,7 @@ textview text:selected:focus, .view text selection:focus, iconview text selectio textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2876,7 +2878,7 @@ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -3526,17 +3528,27 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: #353945; } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { - color: #5294E2; } .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { + .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 8598659..77ea2b5 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1331,7 +1331,7 @@ headerbar entry, headerbar button, headerbar separator { .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } -.path-bar button.slider-button { +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } @@ -2475,11 +2475,13 @@ placessidebar row { placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #4e9a06; } placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; background-color: #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2872,7 +2874,7 @@ textview text:selected:focus, .view text selection:focus, iconview text selectio textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2880,7 +2882,7 @@ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -3530,17 +3532,27 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: #353945; } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { - color: #5294E2; } .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { + .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index d734bf2..50287f6 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1331,7 +1331,7 @@ headerbar entry, headerbar button, headerbar separator { .path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { padding-left: 10px; } -.path-bar button.slider-button { +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } @@ -2475,11 +2475,13 @@ placessidebar row { placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - color: #4e9a06; box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #4e9a06; } placessidebar row:drop(active):not(:disabled):selected { - color: #ffffff; background-color: #4e9a06; } + placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #ffffff; } placesview .server-list-button > image { -gtk-icon-transform: rotate(0turn); } @@ -2872,7 +2874,7 @@ textview text:selected:focus, .view text selection:focus, iconview text selectio textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2880,7 +2882,7 @@ modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, textview text selection:focus, textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -3530,17 +3532,27 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } - .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row image { - color: #5294E2; } .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } - .nautilus-window placessidebar.sidebar row:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) .sidebar-icon { + .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { + color: #5294E2; } + .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { + background-color: #4e9a06; } + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + color: #ffffff; } .nautilus-window placessidebar.sidebar separator { background-color: transparent; } diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 4e406d7..ac425ad 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1368,7 +1368,8 @@ headerbar { label:first-child { padding-left: 10px; } } - &.slider-button { + &.slider-button, + &:not(.image-button):not(.text-button) { padding-left: 1px; padding-right: 1px; } @@ -2609,12 +2610,13 @@ placessidebar { &.sidebar-new-bookmark-row { color: $selected_bg_color; } &:drop(active):not(:disabled) { - color: $drop_target_color; + &, label, image { color: $drop_target_color; } + box-shadow: inset 0 1px $drop_target_color, inset 0 -1px $drop_target_color; &:selected { - color: $selected_fg_color; + &, label, image { color: $selected_fg_color; } background-color: $drop_target_color; } } diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss index 5dd29cf..11722bf 100644 --- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -21,26 +21,39 @@ background-color: $dark_sidebar_bg; - row.sidebar-new-bookmark-row { - &, image { color: $selected_bg_color; } - } - row { border: none; color: $dark_sidebar_fg; - &:not(:selected):not(:disabled):not(:active):not(.sidebar-new-bookmark-row) { - .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); } - } + .sidebar-icon { color: transparentize($dark_sidebar_fg, 0.4); } &.has-open-popup, &:hover { background-color: transparentize($dark_sidebar_fg, 0.85); } + &:disabled { &, label, image { color: transparentize($dark_sidebar_fg, 0.6); } } + &:selected.has-open-popup, &:selected, &:selected:hover, &:active:hover { @extend %selected_items; + + .sidebar-icon { color: inherit; } + } + + &.sidebar-new-bookmark-row { + color: $selected_bg_color; + + .sidebar-icon { color: inherit; } + } + + &:drop(active):not(:disabled) { + &, label, .sidebar-icon { color: $drop_target_color; } + + &:selected { + &, label, .sidebar-icon { color: $selected_fg_color; } + background-color: $drop_target_color; + } } } -- cgit v1.2.3 From aa363fd608164c75c7ed0077aa6ccc89471b1532 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 23 Mar 2016 15:07:41 +0100 Subject: update gnome-shell theme --- common/gnome-shell/3.18/gnome-shell-dark.css | 82 ++++++++++++++++++++- common/gnome-shell/3.18/gnome-shell.css | 82 ++++++++++++++++++++- common/gnome-shell/3.18/sass/_common.scss | 105 ++++++++++++++++++++++++++- 3 files changed, 260 insertions(+), 9 deletions(-) diff --git a/common/gnome-shell/3.18/gnome-shell-dark.css b/common/gnome-shell/3.18/gnome-shell-dark.css index 0abc8c1..7a00ec5 100644 --- a/common/gnome-shell/3.18/gnome-shell-dark.css +++ b/common/gnome-shell/3.18/gnome-shell-dark.css @@ -379,6 +379,52 @@ StScrollBar { width: 48px; height: 48px; } +.audio-device-selection-dialog { + spacing: 30px; } + +.audio-selection-content { + spacing: 20px; + padding: 24px; } + +.audio-selection-title { + font-weight: bold; + text-align: center; } + +.audio-selection-box { + spacing: 20px; } + +.audio-selection-device { + border: 1px solid red; + border-radius: 12px; } + .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { + background-color: #5294E2; } + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; } + +.audio-selection-device-icon { + icon-size: 64px; } + +.geolocation-dialog { + spacing: 30px; } + +.geolocation-dialog-main-layout { + spacing: 12px; } + +.geolocation-dialog-content { + spacing: 20px; } + +.geolocation-dialog-icon { + icon-size: 48px; } + +.geolocation-dialog-title { + font-weight: bold; } + +.geolocation-dialog-reason { + color: #5b728f; + font-weight: bold; } + .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } @@ -388,7 +434,7 @@ StScrollBar { spacing-columns: 1em; } .popup-menu { - min-width: 200px; + min-width: 15em; color: #D3DAE3; border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; } .popup-menu .popup-sub-menu { @@ -644,6 +690,8 @@ StScrollBar { #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } #panel .screencast-indicator { color: #FC4138; } #panel .clock-display > * > *:last-child { @@ -689,7 +737,7 @@ StScrollBar { color: transparent; } .aggregate-menu { - width: 280px; } + min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } @@ -872,8 +920,19 @@ StScrollBar { color: rgba(211, 218, 227, 0.3); opacity: 1; } +.calendar-week-number { + font-size: 70%; + font-weight: bold; + width: 2.3em; + height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: rgba(211, 218, 227, 0.3); + color: #383C4A; } + .message-list { - width: 420px; } + width: 31.5em; } .message-list-sections { spacing: 1.5em; } .message-list-section, .message-list-section-list { @@ -932,6 +991,23 @@ StScrollBar { padding: 8px; font-size: 1em; } +.message-media-control { + padding: 6px; } + .message-media-control:last-child:ltr { + padding-right: 18px; } + .message-media-control:last-child:rtl { + padding-left: 18px; } + +.media-message-cover-icon { + icon-size: 32px; } + .media-message-cover-icon.fallback { + color: #4e5467; + background-color: #383C4A; + border-radius: 2px; + icon-size: 16px; + padding: 8px; + border: 1px solid #2b2e39; } + .ripple-box { width: 52px; height: 52px; diff --git a/common/gnome-shell/3.18/gnome-shell.css b/common/gnome-shell/3.18/gnome-shell.css index 4054b2f..0883e02 100644 --- a/common/gnome-shell/3.18/gnome-shell.css +++ b/common/gnome-shell/3.18/gnome-shell.css @@ -379,6 +379,52 @@ StScrollBar { width: 48px; height: 48px; } +.audio-device-selection-dialog { + spacing: 30px; } + +.audio-selection-content { + spacing: 20px; + padding: 24px; } + +.audio-selection-title { + font-weight: bold; + text-align: center; } + +.audio-selection-box { + spacing: 20px; } + +.audio-selection-device { + border: 1px solid red; + border-radius: 12px; } + .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { + background-color: #5294E2; } + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; } + +.audio-selection-device-icon { + icon-size: 64px; } + +.geolocation-dialog { + spacing: 30px; } + +.geolocation-dialog-main-layout { + spacing: 12px; } + +.geolocation-dialog-content { + spacing: 20px; } + +.geolocation-dialog-icon { + icon-size: 48px; } + +.geolocation-dialog-title { + font-weight: bold; } + +.geolocation-dialog-reason { + color: black; + font-weight: bold; } + .network-dialog-secret-table { spacing-rows: 15px; spacing-columns: 1em; } @@ -388,7 +434,7 @@ StScrollBar { spacing-columns: 1em; } .popup-menu { - min-width: 200px; + min-width: 15em; color: #5c616c; border-image: url("light-assets/menu/menu.svg") 9 9 9 9; } .popup-menu .popup-sub-menu { @@ -644,6 +690,8 @@ StScrollBar { #panel .panel-status-indicators-box, #panel .panel-status-menu-box { spacing: 2px; } + #panel .power-status.panel-status-indicators-box { + spacing: 0; } #panel .screencast-indicator { color: #FC4138; } #panel .clock-display > * > *:last-child { @@ -689,7 +737,7 @@ StScrollBar { color: transparent; } .aggregate-menu { - width: 280px; } + min-width: 21em; } .aggregate-menu .popup-menu-icon { padding: 0 4px; } @@ -872,8 +920,19 @@ StScrollBar { color: rgba(92, 97, 108, 0.3); opacity: 1; } +.calendar-week-number { + font-size: 70%; + font-weight: bold; + width: 2.3em; + height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: rgba(92, 97, 108, 0.3); + color: #F5F6F7; } + .message-list { - width: 420px; } + width: 31.5em; } .message-list-sections { spacing: 1.5em; } .message-list-section, .message-list-section-list { @@ -932,6 +991,23 @@ StScrollBar { padding: 8px; font-size: 1em; } +.message-media-control { + padding: 6px; } + .message-media-control:last-child:ltr { + padding-right: 18px; } + .message-media-control:last-child:rtl { + padding-left: 18px; } + +.media-message-cover-icon { + icon-size: 32px; } + .media-message-cover-icon.fallback { + color: white; + background-color: #F5F6F7; + border-radius: 2px; + icon-size: 16px; + padding: 8px; + border: 1px solid #dcdfe3; } + .ripple-box { width: 52px; height: 52px; diff --git a/common/gnome-shell/3.18/sass/_common.scss b/common/gnome-shell/3.18/sass/_common.scss index 62f3366..16588f1 100644 --- a/common/gnome-shell/3.18/sass/_common.scss +++ b/common/gnome-shell/3.18/sass/_common.scss @@ -502,6 +502,70 @@ StScrollBar { } } +// +// Audio selection dialog +// +.audio-device-selection-dialog { + spacing: 30px; +} + +.audio-selection-content { + spacing: 20px; + padding: 24px; +} + +.audio-selection-title { + font-weight: bold; + text-align: center; +} + +.audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid red; + border-radius: 12px; + &:active,&:hover,&:focus { background-color: $selected_bg_color; } +} + +.audio-selection-device-box { + padding: 20px; + spacing: 20px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +// +// Geolocation Dialog +// +.geolocation-dialog { + spacing: 30px; +} + +.geolocation-dialog-main-layout { + spacing: 12px; +} + +.geolocation-dialog-content { + spacing: 20px; +} + +.geolocation-dialog-icon { + icon-size: 48px; +} + +.geolocation-dialog-title { + font-weight: bold; +} + +.geolocation-dialog-reason { + color: darken($fg_color,40%); + font-weight: bold; +} + // // Network Agent Dialog // @@ -519,7 +583,7 @@ StScrollBar { // Popvers/Menus // .popup-menu { - min-width: 200px; + min-width: 15em; color: $fg_color; border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9; @@ -869,6 +933,11 @@ StScrollBar { spacing: 2px; } + // spacing between power icon and (optional) percentage label + .power-status.panel-status-indicators-box { + spacing: 0; + } + .screencast-indicator { color: $error_color; } .clock-display > * > *:last-child { @@ -927,7 +996,7 @@ StScrollBar { } .aggregate-menu { - width: 280px; + min-width: 21em; .popup-menu-icon { padding: 0 4px; } } @@ -1131,11 +1200,22 @@ StScrollBar { opacity: 1; } +.calendar-week-number { + font-size: 70%; + font-weight: bold; + width: 2.3em; height: 1.8em; + border-radius: 2px; + padding: 0.5em 0 0; + margin: 6px; + background-color: transparentize($fg_color,0.7); + color: $bg_color; +} + // // Message list // .message-list { - width: 420px; + width: 31.5em; &-sections { spacing: 1.5em; } @@ -1216,6 +1296,25 @@ StScrollBar { } } +.message-media-control { + padding: 6px; + + &:last-child:ltr { padding-right: 18px; } + &:last-child:rtl { padding-left: 18px; } +} + +.media-message-cover-icon { + icon-size: 32px; + &.fallback { + color: lighten($bg_color,10%); + background-color: $bg_color; + border-radius: 2px; + icon-size: 16px; + padding: 8px; + border: 1px solid $borders_color; + } +} + // //Activities Ripples -- cgit v1.2.3 From 4a6f74a8f7eb2b7e7d4bb01b54a0784c8a8ec5de Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 23 Mar 2016 15:36:18 +0100 Subject: more gnome-shell tweaks --- common/gnome-shell/3.18/gnome-shell-dark.css | 34 ++++++------ common/gnome-shell/3.18/gnome-shell.css | 34 ++++++------ common/gnome-shell/3.18/sass/_common.scss | 79 ++++++++++++---------------- 3 files changed, 65 insertions(+), 82 deletions(-) diff --git a/common/gnome-shell/3.18/gnome-shell-dark.css b/common/gnome-shell/3.18/gnome-shell-dark.css index 7a00ec5..3e43828 100644 --- a/common/gnome-shell/3.18/gnome-shell-dark.css +++ b/common/gnome-shell/3.18/gnome-shell-dark.css @@ -394,10 +394,11 @@ StScrollBar { spacing: 20px; } .audio-selection-device { - border: 1px solid red; - border-radius: 12px; } + border: 1px solid #2b2e39; + border-radius: 3px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #5294E2; } + background-color: #5294E2; + border-color: #5294E2; } .audio-selection-device-box { padding: 20px; @@ -408,22 +409,17 @@ StScrollBar { .geolocation-dialog { spacing: 30px; } - -.geolocation-dialog-main-layout { - spacing: 12px; } - -.geolocation-dialog-content { - spacing: 20px; } - -.geolocation-dialog-icon { - icon-size: 48px; } - -.geolocation-dialog-title { - font-weight: bold; } - -.geolocation-dialog-reason { - color: #5b728f; - font-weight: bold; } + .geolocation-dialog-main-layout { + spacing: 12px; } + .geolocation-dialog-content { + spacing: 20px; } + .geolocation-dialog-icon { + icon-size: 48px; } + .geolocation-dialog-title { + font-weight: bold; } + .geolocation-dialog-reason { + color: #D3DAE3; + font-weight: bold; } .network-dialog-secret-table { spacing-rows: 15px; diff --git a/common/gnome-shell/3.18/gnome-shell.css b/common/gnome-shell/3.18/gnome-shell.css index 0883e02..9660c38 100644 --- a/common/gnome-shell/3.18/gnome-shell.css +++ b/common/gnome-shell/3.18/gnome-shell.css @@ -394,10 +394,11 @@ StScrollBar { spacing: 20px; } .audio-selection-device { - border: 1px solid red; - border-radius: 12px; } + border: 1px solid #dcdfe3; + border-radius: 3px; } .audio-selection-device:active, .audio-selection-device:hover, .audio-selection-device:focus { - background-color: #5294E2; } + background-color: #5294E2; + border-color: #5294E2; } .audio-selection-device-box { padding: 20px; @@ -408,22 +409,17 @@ StScrollBar { .geolocation-dialog { spacing: 30px; } - -.geolocation-dialog-main-layout { - spacing: 12px; } - -.geolocation-dialog-content { - spacing: 20px; } - -.geolocation-dialog-icon { - icon-size: 48px; } - -.geolocation-dialog-title { - font-weight: bold; } - -.geolocation-dialog-reason { - color: black; - font-weight: bold; } + .geolocation-dialog-main-layout { + spacing: 12px; } + .geolocation-dialog-content { + spacing: 20px; } + .geolocation-dialog-icon { + icon-size: 48px; } + .geolocation-dialog-title { + font-weight: bold; } + .geolocation-dialog-reason { + color: #5c616c; + font-weight: bold; } .network-dialog-secret-table { spacing-rows: 15px; diff --git a/common/gnome-shell/3.18/sass/_common.scss b/common/gnome-shell/3.18/sass/_common.scss index 16588f1..9351847 100644 --- a/common/gnome-shell/3.18/sass/_common.scss +++ b/common/gnome-shell/3.18/sass/_common.scss @@ -505,37 +505,39 @@ StScrollBar { // // Audio selection dialog // -.audio-device-selection-dialog { - spacing: 30px; -} +.audio-device-selection-dialog { spacing: 30px; } -.audio-selection-content { - spacing: 20px; - padding: 24px; -} +.audio-selection { -.audio-selection-title { - font-weight: bold; - text-align: center; -} + &-content { + spacing: 20px; + padding: 24px; + } -.audio-selection-box { - spacing: 20px; -} + &-title { + font-weight: bold; + text-align: center; + } -.audio-selection-device { - border: 1px solid red; - border-radius: 12px; - &:active,&:hover,&:focus { background-color: $selected_bg_color; } -} + &-box { spacing: 20px; } -.audio-selection-device-box { - padding: 20px; - spacing: 20px; -} + &-device { + border: 1px solid $borders_color; + border-radius: 3px; -.audio-selection-device-icon { - icon-size: 64px; + &:active,&:hover,&:focus { + background-color: $selected_bg_color; + border-color: $selected_bg_color; + } + } + + &-device-box { + padding: 20px; + spacing: 20px; + } + + &-device-icon { icon-size: 64px; } + } // @@ -543,27 +545,16 @@ StScrollBar { // .geolocation-dialog { spacing: 30px; -} - -.geolocation-dialog-main-layout { - spacing: 12px; -} -.geolocation-dialog-content { - spacing: 20px; -} - -.geolocation-dialog-icon { - icon-size: 48px; -} - -.geolocation-dialog-title { - font-weight: bold; -} + &-main-layout { spacing: 12px; } + &-content { spacing: 20px; } + &-icon { icon-size: 48px; } + &-title { font-weight: bold; } -.geolocation-dialog-reason { - color: darken($fg_color,40%); - font-weight: bold; + &-reason { + color: $fg_color; + font-weight: bold; + } } // -- cgit v1.2.3 From 8eaefcf4d9c3725c32a4123bf5764a4995b2cd5d Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 23 Mar 2016 21:46:35 +0100 Subject: more fixes --- common/gnome-shell/3.18/gnome-shell-dark.css | 9 +++++++-- common/gnome-shell/3.18/gnome-shell.css | 9 +++++++-- common/gnome-shell/3.18/sass/_common.scss | 7 ++++++- common/gtk-3.0/3.20/gtk-dark.css | 27 +++++++++++++++------------ common/gtk-3.0/3.20/gtk-darker.css | 27 +++++++++++++++------------ common/gtk-3.0/3.20/gtk-solid-dark.css | 27 +++++++++++++++------------ common/gtk-3.0/3.20/gtk-solid-darker.css | 27 +++++++++++++++------------ common/gtk-3.0/3.20/gtk-solid.css | 27 +++++++++++++++------------ common/gtk-3.0/3.20/gtk.css | 27 +++++++++++++++------------ common/gtk-3.0/3.20/sass/_common.scss | 10 ++++------ 10 files changed, 114 insertions(+), 83 deletions(-) diff --git a/common/gnome-shell/3.18/gnome-shell-dark.css b/common/gnome-shell/3.18/gnome-shell-dark.css index 3e43828..6e29ddc 100644 --- a/common/gnome-shell/3.18/gnome-shell-dark.css +++ b/common/gnome-shell/3.18/gnome-shell-dark.css @@ -988,16 +988,21 @@ StScrollBar { font-size: 1em; } .message-media-control { - padding: 6px; } + padding: 6px; + color: rgba(211, 218, 227, 0.45); } .message-media-control:last-child:ltr { padding-right: 18px; } .message-media-control:last-child:rtl { padding-left: 18px; } + .message-media-control:hover { + color: #D3DAE3; } + .message-media-control:active { + color: #5294E2; } .media-message-cover-icon { icon-size: 32px; } .media-message-cover-icon.fallback { - color: #4e5467; + color: rgba(211, 218, 227, 0.45); background-color: #383C4A; border-radius: 2px; icon-size: 16px; diff --git a/common/gnome-shell/3.18/gnome-shell.css b/common/gnome-shell/3.18/gnome-shell.css index 9660c38..80f818c 100644 --- a/common/gnome-shell/3.18/gnome-shell.css +++ b/common/gnome-shell/3.18/gnome-shell.css @@ -988,16 +988,21 @@ StScrollBar { font-size: 1em; } .message-media-control { - padding: 6px; } + padding: 6px; + color: rgba(92, 97, 108, 0.55); } .message-media-control:last-child:ltr { padding-right: 18px; } .message-media-control:last-child:rtl { padding-left: 18px; } + .message-media-control:hover { + color: #5c616c; } + .message-media-control:active { + color: #5294E2; } .media-message-cover-icon { icon-size: 32px; } .media-message-cover-icon.fallback { - color: white; + color: rgba(92, 97, 108, 0.55); background-color: #F5F6F7; border-radius: 2px; icon-size: 16px; diff --git a/common/gnome-shell/3.18/sass/_common.scss b/common/gnome-shell/3.18/sass/_common.scss index 9351847..6094af9 100644 --- a/common/gnome-shell/3.18/sass/_common.scss +++ b/common/gnome-shell/3.18/sass/_common.scss @@ -1289,15 +1289,20 @@ StScrollBar { .message-media-control { padding: 6px; + color: $insensitive_fg_color; &:last-child:ltr { padding-right: 18px; } &:last-child:rtl { padding-left: 18px; } + + &:hover { color: $fg_color; } + &:active { color: $selected_bg_color; } } .media-message-cover-icon { icon-size: 32px; + &.fallback { - color: lighten($bg_color,10%); + color: $insensitive_fg_color; background-color: $bg_color; border-radius: 2px; icon-size: 16px; diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 1b9f4c0..5a7242a 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -704,9 +704,6 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow { - background: none; } - modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } @@ -1376,15 +1373,15 @@ treeview.view { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.progressbar { + treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294E2); } - treeview.view.progressbar:selected { + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294E2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - treeview.view.trough, treeview.view.trough:selected { + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; @@ -2869,24 +2866,30 @@ headerbar button.titlebutton, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, - modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 91dad7f..3f331a2 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -703,9 +703,6 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow { - background: none; } - modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } @@ -1375,15 +1372,15 @@ treeview.view { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.progressbar { + treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294E2); } - treeview.view.progressbar:selected { + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294E2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - treeview.view.trough, treeview.view.trough:selected { + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; @@ -2868,24 +2865,30 @@ headerbar button.titlebutton, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, - modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index c107aba..374b9e5 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -704,9 +704,6 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow { - background: none; } - modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } @@ -1376,15 +1373,15 @@ treeview.view { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.progressbar { + treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294E2); } - treeview.view.progressbar:selected { + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294E2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - treeview.view.trough, treeview.view.trough:selected { + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; @@ -2869,24 +2866,30 @@ headerbar button.titlebutton, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, - modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 895cf06..fb3ffe7 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -703,9 +703,6 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow { - background: none; } - modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } @@ -1375,15 +1372,15 @@ treeview.view { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.progressbar { + treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294E2); } - treeview.view.progressbar:selected { + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294E2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - treeview.view.trough, treeview.view.trough:selected { + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; @@ -2868,24 +2865,30 @@ headerbar button.titlebutton, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, - modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 77ea2b5..5bd9188 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -703,9 +703,6 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow { - background: none; } - modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } @@ -1379,15 +1376,15 @@ treeview.view { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.progressbar { + treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294E2); } - treeview.view.progressbar:selected { + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294E2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - treeview.view.trough, treeview.view.trough:selected { + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; @@ -2872,24 +2869,30 @@ headerbar button.titlebutton, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, - modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 50287f6..cdddd33 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -703,9 +703,6 @@ modelbutton.flat { modelbutton.flat radio:first-child { margin-right: 8px; } -modelbutton.flat arrow { - background: none; } - modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } @@ -1379,15 +1376,15 @@ treeview.view { color: #ffffff; } treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - treeview.view.progressbar { + treeview.view.progressbar, treeview.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294E2); } - treeview.view.progressbar:selected { + treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { color: #5294E2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - treeview.view.trough, treeview.view.trough:selected { + treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; @@ -2872,24 +2869,30 @@ headerbar button.titlebutton, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, -textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, -modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, textview text:selected:focus, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, textview text selection:focus, - textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:selected, + textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, modelbutton.flat:active, - modelbutton.flat:selected, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:active arrow, + modelbutton.flat:selected, + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview: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, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:disabled:selected, + textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, menuitem.button.flat:disabled:active, menuitem.button.flat:active arrow:disabled, menuitem.button.flat:disabled:selected, menuitem.button.flat:selected arrow:disabled, modelbutton.flat:disabled:active, - modelbutton.flat:disabled:selected, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:active arrow:disabled, + modelbutton.flat:disabled:selected, + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index ac425ad..98d8bf5 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -695,7 +695,7 @@ modelbutton.flat { @extend %undecorated_button; &:hover { background-color: if($variant=='light', mix($fg_color,$bg_color,5%), mix($fg_color,$bg_color,10%)); } - &:active, &:selected { @extend %selected_items; } + &:active, &:selected { &, arrow { @extend %selected_items; } } &:checked { color: $fg_color; } // FIXME: temporary workaround @@ -707,8 +707,6 @@ modelbutton.flat { } modelbutton.flat arrow { - & { background: none; } - &.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } &.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } } @@ -1444,18 +1442,18 @@ treeview.view { &:checked { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); } } - &.progressbar { // progress bar in treeviews + &.progressbar, &.progressbar:focus { // progress bar in treeviews color: $selected_fg_color; border-radius: 3px; background-image: linear-gradient(to bottom, $selected_bg_color); - &:selected { + &:selected, &:selected:focus { color: $selected_bg_color; box-shadow: none; background-image: linear-gradient(to bottom, $selected_fg_color); } } - &.trough, &.trough:selected { // progress bar trough in treeviews + &.trough, &.trough:selected, &.trough:selected:focus { // progress bar trough in treeviews color: $fg_color; background-image: linear-gradient(to bottom, $button_border); border-radius: 3px; -- cgit v1.2.3 From 5e982902a32c81844aefdb45d736a2f93db74d50 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 23 Mar 2016 21:52:27 +0100 Subject: change drop target color --- common/gtk-3.0/3.20/gtk-dark.css | 24 ++++++++++----------- common/gtk-3.0/3.20/gtk-darker.css | 32 ++++++++++++++-------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 24 ++++++++++----------- common/gtk-3.0/3.20/gtk-solid-darker.css | 32 ++++++++++++++-------------- common/gtk-3.0/3.20/gtk-solid.css | 36 ++++++++++++++++---------------- common/gtk-3.0/3.20/gtk.css | 36 ++++++++++++++++---------------- common/gtk-3.0/3.20/sass/_colors.scss | 2 +- 7 files changed, 93 insertions(+), 93 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 5a7242a..7fb5136 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -187,7 +187,7 @@ entry { background-color: #ffffff; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { - border-color: #4e9a06; + border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; @@ -295,8 +295,8 @@ button { padding-left: 8px; padding-right: 8px; } button:drop(active), combobox:drop(active) button.combo { - color: #4e9a06; - border-color: #4e9a06; + color: #F08437; + border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; @@ -774,7 +774,7 @@ spinbutton:not(.vertical) > entry:focus + button { border-left-color: #2b2e39; } spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #4e9a06; } + border-left-color: #F08437; } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; @@ -788,7 +788,7 @@ spinbutton.vertical > entry:focus + button { border-top-color: #2b2e39; } spinbutton.vertical > entry:drop(active) + button { - border-top-color: #4e9a06; } + border-top-color: #F08437; } combobox button.combo { min-width: 0; @@ -2464,16 +2464,16 @@ placessidebar row { placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; - background-image: linear-gradient(to top, #4e9a06); + background-image: linear-gradient(to top, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #4e9a06; } + color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } @@ -2749,7 +2749,7 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 3px 3px 0 0; @@ -3548,9 +3548,9 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { - color: #4e9a06; } + color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } .nautilus-window placessidebar.sidebar separator { diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 3f331a2..09ffe3f 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -186,7 +186,7 @@ entry { background-color: #ffffff; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { - border-color: #4e9a06; + border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; @@ -294,8 +294,8 @@ button { padding-left: 8px; padding-right: 8px; } button:drop(active), combobox:drop(active) button.combo { - color: #4e9a06; - border-color: #4e9a06; + color: #F08437; + border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; @@ -511,12 +511,12 @@ button { .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { @@ -588,12 +588,12 @@ button { .linked.vertical > entry + entry:drop(active):not(:last-child), .linked.vertical > entry + entry:drop(active):last-child { - border-top-color: #4e9a06; } + border-top-color: #F08437; } .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: #4e9a06; } + border-top-color: #F08437; } .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { @@ -773,7 +773,7 @@ spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #4e9a06; } + border-left-color: #F08437; } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; @@ -787,7 +787,7 @@ spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } spinbutton.vertical > entry:drop(active) + button { - border-top-color: #4e9a06; } + border-top-color: #F08437; } combobox button.combo { min-width: 0; @@ -2463,16 +2463,16 @@ placessidebar row { placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; - background-image: linear-gradient(to top, #4e9a06); + background-image: linear-gradient(to top, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #4e9a06; } + color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } @@ -2748,7 +2748,7 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 3px 3px 0 0; @@ -3547,9 +3547,9 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { - color: #4e9a06; } + color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } .nautilus-window placessidebar.sidebar separator { diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 374b9e5..c16aec5 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -187,7 +187,7 @@ entry { background-color: #ffffff; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { - border-color: #4e9a06; + border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; @@ -295,8 +295,8 @@ button { padding-left: 8px; padding-right: 8px; } button:drop(active), combobox:drop(active) button.combo { - color: #4e9a06; - border-color: #4e9a06; + color: #F08437; + border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; @@ -774,7 +774,7 @@ spinbutton:not(.vertical) > entry:focus + button { border-left-color: #2b2e39; } spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #4e9a06; } + border-left-color: #F08437; } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; @@ -788,7 +788,7 @@ spinbutton.vertical > entry:focus + button { border-top-color: #2b2e39; } spinbutton.vertical > entry:drop(active) + button { - border-top-color: #4e9a06; } + border-top-color: #F08437; } combobox button.combo { min-width: 0; @@ -2464,16 +2464,16 @@ placessidebar row { placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; - background-image: linear-gradient(to top, #4e9a06); + background-image: linear-gradient(to top, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #4e9a06; } + color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } @@ -2749,7 +2749,7 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 3px 3px 0 0; @@ -3548,9 +3548,9 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { - color: #4e9a06; } + color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } .nautilus-window placessidebar.sidebar separator { diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index fb3ffe7..7a6e581 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -186,7 +186,7 @@ entry { background-color: #ffffff; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { - border-color: #4e9a06; + border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; @@ -294,8 +294,8 @@ button { padding-left: 8px; padding-right: 8px; } button:drop(active), combobox:drop(active) button.combo { - color: #4e9a06; - border-color: #4e9a06; + color: #F08437; + border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; @@ -511,12 +511,12 @@ button { .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { @@ -588,12 +588,12 @@ button { .linked.vertical > entry + entry:drop(active):not(:last-child), .linked.vertical > entry + entry:drop(active):last-child { - border-top-color: #4e9a06; } + border-top-color: #F08437; } .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: #4e9a06; } + border-top-color: #F08437; } .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { @@ -773,7 +773,7 @@ spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #4e9a06; } + border-left-color: #F08437; } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; @@ -787,7 +787,7 @@ spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } spinbutton.vertical > entry:drop(active) + button { - border-top-color: #4e9a06; } + border-top-color: #F08437; } combobox button.combo { min-width: 0; @@ -2463,16 +2463,16 @@ placessidebar row { placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; - background-image: linear-gradient(to top, #4e9a06); + background-image: linear-gradient(to top, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #4e9a06; } + color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } @@ -2748,7 +2748,7 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 3px 3px 0 0; @@ -3547,9 +3547,9 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { - color: #4e9a06; } + color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } .nautilus-window placessidebar.sidebar separator { diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 5bd9188..5a54743 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -186,7 +186,7 @@ entry { background-color: #ffffff; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { - border-color: #4e9a06; + border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; @@ -294,8 +294,8 @@ button { padding-left: 8px; padding-right: 8px; } button:drop(active), combobox:drop(active) button.combo { - color: #4e9a06; - border-color: #4e9a06; + color: #F08437; + border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; @@ -511,12 +511,12 @@ button { .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { @@ -588,12 +588,12 @@ button { .linked.vertical > entry + entry:drop(active):not(:last-child), .linked.vertical > entry + entry:drop(active):last-child { - border-top-color: #4e9a06; } + border-top-color: #F08437; } .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: #4e9a06; } + border-top-color: #F08437; } .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { @@ -773,7 +773,7 @@ spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #4e9a06; } + border-left-color: #F08437; } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; @@ -787,7 +787,7 @@ spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } spinbutton.vertical > entry:drop(active) + button { - border-top-color: #4e9a06; } + border-top-color: #F08437; } combobox button.combo { min-width: 0; @@ -1123,10 +1123,10 @@ headerbar entry, headerbar button, headerbar separator { border-left-color: #5294E2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } @@ -2467,16 +2467,16 @@ placessidebar row { placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; - background-image: linear-gradient(to top, #4e9a06); + background-image: linear-gradient(to top, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #4e9a06; } + color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } @@ -2752,7 +2752,7 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 4px 4px 0 0; @@ -3551,9 +3551,9 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { - color: #4e9a06; } + color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } .nautilus-window placessidebar.sidebar separator { diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index cdddd33..70cb7e1 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -186,7 +186,7 @@ entry { background-color: #ffffff; color: #FC4138; } entry:drop(active):focus, entry:drop(active) { - border-color: #4e9a06; + border-color: #F08437; box-shadow: none; } .osd entry { color: #BAC3CF; @@ -294,8 +294,8 @@ button { padding-left: 8px; padding-right: 8px; } button:drop(active), combobox:drop(active) button.combo { - color: #4e9a06; - border-color: #4e9a06; + color: #F08437; + border-color: #F08437; box-shadow: none; } button.osd { color: #BAC3CF; @@ -511,12 +511,12 @@ button { .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { @@ -588,12 +588,12 @@ button { .linked.vertical > entry + entry:drop(active):not(:last-child), .linked.vertical > entry + entry:drop(active):last-child { - border-top-color: #4e9a06; } + border-top-color: #F08437; } .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: #4e9a06; } + border-top-color: #F08437; } .linked.vertical > entry + entry.warning:focus:not(:last-child), .linked.vertical > entry + entry.warning:focus:last-child { @@ -773,7 +773,7 @@ spinbutton:not(.vertical) > entry:focus + button { border-left-color: #5294E2; } spinbutton:not(.vertical) > entry:drop(active) + button { - border-left-color: #4e9a06; } + border-left-color: #F08437; } spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; @@ -787,7 +787,7 @@ spinbutton.vertical > entry:focus + button { border-top-color: #5294E2; } spinbutton.vertical > entry:drop(active) + button { - border-top-color: #4e9a06; } + border-top-color: #F08437; } combobox button.combo { min-width: 0; @@ -1123,10 +1123,10 @@ headerbar entry, headerbar button, headerbar separator { border-left-color: #5294E2; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { - border-left-color: #4e9a06; } + border-left-color: #F08437; } .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child, headerbar .linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { border-left-color: #F27835; } @@ -2467,16 +2467,16 @@ placessidebar row { placessidebar row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; - background-image: linear-gradient(to top, #4e9a06); + background-image: linear-gradient(to top, #F08437); background-clip: content-box; } placessidebar row.sidebar-new-bookmark-row { color: #5294E2; } placessidebar row:drop(active):not(:disabled) { - box-shadow: inset 0 1px #4e9a06, inset 0 -1px #4e9a06; } + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; } placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { - color: #4e9a06; } + color: #F08437; } placessidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { color: #ffffff; } @@ -2752,7 +2752,7 @@ stackswitcher button.circular, stackswitcher button.nautilus-circular-button.ima *:drop(active):focus, *:drop(active) { - box-shadow: inset 0 0 0 1px #4e9a06; } + box-shadow: inset 0 0 0 1px #F08437; } decoration { border-radius: 4px 4px 0 0; @@ -3551,9 +3551,9 @@ GtkListBox .h4 { .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { - color: #4e9a06; } + color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { - background-color: #4e9a06; } + background-color: #F08437; } .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } .nautilus-window placessidebar.sidebar separator { diff --git a/common/gtk-3.0/3.20/sass/_colors.scss b/common/gtk-3.0/3.20/sass/_colors.scss index 6ff238a..501c094 100644 --- a/common/gtk-3.0/3.20/sass/_colors.scss +++ b/common/gtk-3.0/3.20/sass/_colors.scss @@ -24,7 +24,7 @@ $success_color: #73d216; $destructive_color: #F04A50; $suggested_color: #4DADD4; -$drop_target_color: #4e9a06; +$drop_target_color: #F08437; //insensitive state derived colors $insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55)); -- cgit v1.2.3 From 73dabfebd980f9fa8417e7072a3ad4394a62666a Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 23 Mar 2016 22:13:21 +0100 Subject: bring back dark sidebars in filechooser dialog --- common/gtk-3.0/3.20/gtk-dark.css | 146 +++++++++++++++++++-- common/gtk-3.0/3.20/gtk-darker.css | 146 +++++++++++++++++++-- common/gtk-3.0/3.20/gtk-solid-dark.css | 146 +++++++++++++++++++-- common/gtk-3.0/3.20/gtk-solid-darker.css | 146 +++++++++++++++++++-- common/gtk-3.0/3.20/gtk-solid.css | 146 +++++++++++++++++++-- common/gtk-3.0/3.20/gtk.css | 146 +++++++++++++++++++-- common/gtk-3.0/3.20/sass/_transparent_widgets.scss | 53 +++----- 7 files changed, 835 insertions(+), 94 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 7fb5136..71d3fac 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1822,6 +1822,9 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, @@ -1832,6 +1835,9 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1842,6 +1848,9 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1852,6 +1861,9 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1862,6 +1874,9 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1872,6 +1887,9 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1882,6 +1900,9 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, @@ -1892,6 +1913,9 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1902,6 +1926,9 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1912,6 +1939,9 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1922,6 +1952,9 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1932,6 +1965,9 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2870,7 +2906,11 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2880,7 +2920,11 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, - modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -2889,7 +2933,9 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, - modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { @@ -3521,59 +3567,98 @@ GtkListBox .h4 { font: bold; } .nautilus-window paned > separator { - background: rgba(42, 45, 55, 0.95); } + background-image: linear-gradient(to top, rgba(42, 45, 55, 0.95)); } .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } -.nautilus-window.csd.background, .nautilus-window placessidebar list { +filechooser paned > separator { + background-image: linear-gradient(to top, rgba(42, 45, 55, 0.95)); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { background-color: transparent; } +filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } + filechooser placessidebar.sidebar row, .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } - .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } + filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } +filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } +filechooser row:not(:selected) button.sidebar-button, .nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } + filechooser row:not(:selected) button.sidebar-button:active, .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +filechooser actionbar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(20, 21, 26, 0.95); } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + .gedit-bottom-panel-paned { background-color: #404552; } @@ -3597,19 +3682,60 @@ GtkListBox .h4 { .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } +filechooser actionbar button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + filechooser actionbar button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser actionbar entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } +filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } +filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 09ffe3f..5cf9dd3 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1821,6 +1821,9 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, @@ -1831,6 +1834,9 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1841,6 +1847,9 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1851,6 +1860,9 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1861,6 +1873,9 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1871,6 +1886,9 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1881,6 +1899,9 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, @@ -1891,6 +1912,9 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1901,6 +1925,9 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1911,6 +1938,9 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1921,6 +1951,9 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1931,6 +1964,9 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2869,7 +2905,11 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2879,7 +2919,11 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, - modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -2888,7 +2932,9 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, - modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { @@ -3520,59 +3566,98 @@ GtkListBox .h4 { font: bold; } .nautilus-window paned > separator { - background: rgba(53, 57, 69, 0.95); } + background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); } .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } -.nautilus-window.csd.background, .nautilus-window placessidebar list { +filechooser paned > separator { + background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { background-color: transparent; } +filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } + filechooser placessidebar.sidebar row, .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } - .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } + filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } +filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } +filechooser row:not(:selected) button.sidebar-button, .nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } + filechooser row:not(:selected) button.sidebar-button:active, .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +filechooser actionbar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(37, 40, 49, 0.95); } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + .gedit-bottom-panel-paned { background-color: #ffffff; } @@ -3596,19 +3681,60 @@ GtkListBox .h4 { .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } +filechooser actionbar button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + filechooser actionbar button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser actionbar entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } +filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } +filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index c16aec5..02ad03c 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1822,6 +1822,9 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, @@ -1832,6 +1835,9 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1842,6 +1848,9 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1852,6 +1861,9 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1862,6 +1874,9 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1872,6 +1887,9 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1882,6 +1900,9 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, @@ -1892,6 +1913,9 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1902,6 +1926,9 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1912,6 +1939,9 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1922,6 +1952,9 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1932,6 +1965,9 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2870,7 +2906,11 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2880,7 +2920,11 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, - modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -2889,7 +2933,9 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, - modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { @@ -3521,59 +3567,98 @@ GtkListBox .h4 { font: bold; } .nautilus-window paned > separator { - background: #2a2d37; } + background-image: linear-gradient(to top, #2a2d37); } .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } -.nautilus-window.csd.background, .nautilus-window placessidebar list { +filechooser paned > separator { + background-image: linear-gradient(to top, #2a2d37); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { background-color: transparent; } +filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: #353945; } + filechooser placessidebar.sidebar row, .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } - .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } + filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } +filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } +filechooser row:not(:selected) button.sidebar-button, .nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } + filechooser row:not(:selected) button.sidebar-button:active, .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #2b2e39; background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +filechooser actionbar { + color: #BAC3CF; + background-color: #353945; + border-color: #14151a; } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + .gedit-bottom-panel-paned { background-color: #404552; } @@ -3597,19 +3682,60 @@ GtkListBox .h4 { .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } +filechooser actionbar button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + filechooser actionbar button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +filechooser actionbar entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } +filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } +filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 7a6e581..9c5620c 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1821,6 +1821,9 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, @@ -1831,6 +1834,9 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1841,6 +1847,9 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1851,6 +1860,9 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1861,6 +1873,9 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1871,6 +1886,9 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1881,6 +1899,9 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, @@ -1891,6 +1912,9 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1901,6 +1925,9 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1911,6 +1938,9 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1921,6 +1951,9 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1931,6 +1964,9 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2869,7 +2905,11 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2879,7 +2919,11 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, - modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -2888,7 +2932,9 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, - modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { @@ -3520,59 +3566,98 @@ GtkListBox .h4 { font: bold; } .nautilus-window paned > separator { - background: #353945; } + background-image: linear-gradient(to top, #353945); } .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } -.nautilus-window.csd.background, .nautilus-window placessidebar list { +filechooser paned > separator { + background-image: linear-gradient(to top, #353945); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { background-color: transparent; } +filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: #353945; } + filechooser placessidebar.sidebar row, .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } - .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } + filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } +filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } +filechooser row:not(:selected) button.sidebar-button, .nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } + filechooser row:not(:selected) button.sidebar-button:active, .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +filechooser actionbar { + color: #BAC3CF; + background-color: #353945; + border-color: #252831; } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + .gedit-bottom-panel-paned { background-color: #ffffff; } @@ -3596,19 +3681,60 @@ GtkListBox .h4 { .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } +filechooser actionbar button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + filechooser actionbar button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +filechooser actionbar entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } +filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } +filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 5a54743..b61c41d 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1825,6 +1825,9 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, @@ -1835,6 +1838,9 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1845,6 +1851,9 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1855,6 +1864,9 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1865,6 +1877,9 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1875,6 +1890,9 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1885,6 +1903,9 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, @@ -1895,6 +1916,9 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1905,6 +1929,9 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1915,6 +1942,9 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1925,6 +1955,9 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1935,6 +1968,9 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2873,7 +2909,11 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2883,7 +2923,11 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, - modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -2892,7 +2936,9 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, - modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { @@ -3524,59 +3570,98 @@ GtkListBox .h4 { font: bold; } .nautilus-window paned > separator { - background: #353945; } + background-image: linear-gradient(to top, #353945); } .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } -.nautilus-window.csd.background, .nautilus-window placessidebar list { +filechooser paned > separator { + background-image: linear-gradient(to top, #353945); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { background-color: transparent; } +filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: #353945; } + filechooser placessidebar.sidebar row, .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } - .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } + filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } +filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } +filechooser row:not(:selected) button.sidebar-button, .nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.4); background-color: rgba(119, 127, 151, 0.5); } + filechooser row:not(:selected) button.sidebar-button:active, .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +filechooser actionbar { + color: #BAC3CF; + background-color: #353945; + border-color: #252831; } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + .gedit-bottom-panel-paned { background-color: #ffffff; } @@ -3600,19 +3685,60 @@ GtkListBox .h4 { .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } +filechooser actionbar button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.4); } + filechooser actionbar button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(119, 127, 151, 0.5); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.4); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.4); + background-color: rgba(102, 109, 132, 0.25); } + +filechooser actionbar entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.4)); + background-color: transparent; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.4); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } +filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } +filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 70cb7e1..5d92e95 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1825,6 +1825,9 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } + .view check:selected, iconview check:selected, treeview.check:selected, row:selected check, @@ -1835,6 +1838,9 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } + .view check:disabled:selected, iconview check:disabled:selected, treeview.check:disabled:selected, row:selected check:disabled, @@ -1845,6 +1851,9 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } + .view check:indeterminate:selected, iconview check:indeterminate:selected, treeview.check:indeterminate:selected, row:selected check:indeterminate, @@ -1855,6 +1864,9 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } + .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, treeview.check:indeterminate:disabled:selected, row:selected check:indeterminate:disabled, @@ -1865,6 +1877,9 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } + .view check:checked:selected, iconview check:checked:selected, treeview.check:checked:selected, row:selected check:checked, @@ -1875,6 +1890,9 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } + .view check:checked:disabled:selected, iconview check:checked:disabled:selected, treeview.check:checked:disabled:selected, row:selected check:checked:disabled, @@ -1885,6 +1903,9 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } + .view radio:selected, iconview radio:selected, treeview.radio:selected, row:selected radio, @@ -1895,6 +1916,9 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } + .view radio:disabled:selected, iconview radio:disabled:selected, treeview.radio:disabled:selected, row:selected radio:disabled, @@ -1905,6 +1929,9 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } + .view radio:indeterminate:selected, iconview radio:indeterminate:selected, treeview.radio:indeterminate:selected, row:selected radio:indeterminate, @@ -1915,6 +1942,9 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } + .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, treeview.radio:indeterminate:disabled:selected, row:selected radio:indeterminate:disabled, @@ -1925,6 +1955,9 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } + .view radio:checked:selected, iconview radio:checked:selected, treeview.radio:checked:selected, row:selected radio:checked, @@ -1935,6 +1968,9 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } + .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, treeview.radio:checked:disabled:selected, row:selected radio:checked:disabled, @@ -2873,7 +2909,11 @@ textview text selection, flowbox flowboxchild:selected, entry selection:focus, e modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, -modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { +modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, +.nautilus-window placessidebar.sidebar row.has-open-popup:selected, +.nautilus-window placessidebar.sidebar row:selected, +.nautilus-window placessidebar.sidebar row:selected:hover, +.nautilus-window placessidebar.sidebar row:active:hover { background-color: #5294E2; } row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, .view text:selected, iconview text:selected, textview text:selected, iconview text:selected:focus, @@ -2883,7 +2923,11 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:active, modelbutton.flat:active arrow, modelbutton.flat:selected, - modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, .nautilus-window placessidebar.sidebar row.has-open-popup:selected, .nautilus-window placessidebar.sidebar row:selected, .nautilus-window placessidebar.sidebar row:selected:hover, .nautilus-window placessidebar.sidebar row:active:hover { + modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected:focus, row:selected, filechooser placessidebar.sidebar row.has-open-popup:selected, filechooser placessidebar.sidebar row:selected, filechooser placessidebar.sidebar row:selected:hover, filechooser placessidebar.sidebar row:active:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup:selected, + .nautilus-window placessidebar.sidebar row:selected, + .nautilus-window placessidebar.sidebar row:selected:hover, + .nautilus-window placessidebar.sidebar row:active:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); } row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, @@ -2892,7 +2936,9 @@ modelbutton.flat:selected arrow, treeview.view:selected, treeview.view:selected: modelbutton.flat:disabled:active, modelbutton.flat:active arrow:disabled, modelbutton.flat:disabled:selected, - modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:selected, .nautilus-window placessidebar.sidebar row:disabled:active:hover { + modelbutton.flat:selected arrow:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, filechooser placessidebar.sidebar row:disabled:selected, filechooser placessidebar.sidebar row:disabled:active:hover, + .nautilus-window placessidebar.sidebar row:disabled:selected, + .nautilus-window placessidebar.sidebar row:disabled:active:hover { color: #a9caf1; } .gedit-bottom-panel-paned notebook > header.top > tabs > tab:checked { @@ -3524,59 +3570,98 @@ GtkListBox .h4 { font: bold; } .nautilus-window paned > separator { - background: rgba(53, 57, 69, 0.95); } + background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); } .nautilus-window paned > separator:dir(ltr) { margin-left: -1px; } .nautilus-window paned > separator:dir(rtl) { margin-right: -1px; } -.nautilus-window.csd.background, .nautilus-window placessidebar list { +filechooser paned > separator { + background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); } + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { background-color: transparent; } +filechooser placessidebar.sidebar, .nautilus-window placessidebar.sidebar { background-color: rgba(53, 57, 69, 0.95); } + filechooser placessidebar.sidebar row, .nautilus-window placessidebar.sidebar row { border: none; color: #BAC3CF; } + filechooser placessidebar.sidebar row .sidebar-icon, .nautilus-window placessidebar.sidebar row .sidebar-icon { color: rgba(186, 195, 207, 0.6); } - .nautilus-window placessidebar.sidebar row.has-open-popup, .nautilus-window placessidebar.sidebar row:hover { + filechooser placessidebar.sidebar row.has-open-popup, filechooser placessidebar.sidebar row:hover, + .nautilus-window placessidebar.sidebar row.has-open-popup, + .nautilus-window placessidebar.sidebar row:hover { background-color: rgba(186, 195, 207, 0.15); } - .nautilus-window placessidebar.sidebar row:disabled, .nautilus-window placessidebar.sidebar row:disabled label, .nautilus-window placessidebar.sidebar row:disabled image { + filechooser placessidebar.sidebar row:disabled, filechooser placessidebar.sidebar row:disabled label, filechooser placessidebar.sidebar row:disabled image, + .nautilus-window placessidebar.sidebar row:disabled, + .nautilus-window placessidebar.sidebar row:disabled label, + .nautilus-window placessidebar.sidebar row:disabled image { color: rgba(186, 195, 207, 0.4); } - .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { + filechooser placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, filechooser placessidebar.sidebar row:selected .sidebar-icon, filechooser placessidebar.sidebar row:selected:hover .sidebar-icon, filechooser placessidebar.sidebar row:active:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected.has-open-popup .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:selected:hover .sidebar-icon, + .nautilus-window placessidebar.sidebar row:active:hover .sidebar-icon { color: inherit; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row { color: #5294E2; } + filechooser placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon, .nautilus-window placessidebar.sidebar row.sidebar-new-bookmark-row .sidebar-icon { color: inherit; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled), filechooser placessidebar.sidebar row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled), + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled) .sidebar-icon { color: #F08437; } + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected { background-color: #F08437; } - .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { + filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected label, + .nautilus-window placessidebar.sidebar row:drop(active):not(:disabled):selected .sidebar-icon { color: #ffffff; } + filechooser placessidebar.sidebar separator, .nautilus-window placessidebar.sidebar separator { background-color: transparent; } +filechooser.maximized placessidebar.sidebar, .nautilus-window.maximized placessidebar.sidebar { background-color: #353945; } +filechooser row:not(:selected) button.sidebar-button, .nautilus-window row:not(:selected) button.sidebar-button { color: #BAC3CF; } + filechooser row:not(:selected) button.sidebar-button:hover, .nautilus-window row:not(:selected) button.sidebar-button:hover { color: #BAC3CF; outline-color: rgba(186, 195, 207, 0.3); border-color: rgba(26, 28, 34, 0.35); background-color: rgba(119, 127, 151, 0.45); } + filechooser row:not(:selected) button.sidebar-button:active, .nautilus-window row:not(:selected) button.sidebar-button:active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #5294E2; background-color: #5294E2; } + filechooser row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, .nautilus-window row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { opacity: 0.5; } +filechooser actionbar { + color: #BAC3CF; + background-color: rgba(53, 57, 69, 0.95); + border-color: rgba(37, 40, 49, 0.95); } + filechooser actionbar label, filechooser actionbar combobox { + color: #BAC3CF; } + .gedit-bottom-panel-paned { background-color: #ffffff; } @@ -3600,19 +3685,60 @@ GtkListBox .h4 { .gedit-document-panel row:hover:not(:selected) button:active { color: #BAC3CF; } +filechooser actionbar button { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.35); } + filechooser actionbar button:hover { + color: #BAC3CF; + outline-color: rgba(186, 195, 207, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(119, 127, 151, 0.45); } + filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + outline-color: rgba(255, 255, 255, 0.3); + border-color: rgba(26, 28, 34, 0.35); + background-color: #5294E2; } + filechooser actionbar button:disabled { + color: #5d626e; + border-color: rgba(26, 28, 34, 0.35); + background-color: rgba(102, 109, 132, 0.2); } + +filechooser actionbar entry { + color: #BAC3CF; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.35)); + background-color: transparent; } + filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; } + filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(26, 28, 34, 0.35); + background-image: linear-gradient(to bottom, #5294E2); } + filechooser actionbar entry:disabled { + color: rgba(186, 195, 207, 0.55); + background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { background-color: #e7eaee; border: 1px solid rgba(0, 0, 0, 0.3); } +filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider { background-color: rgba(231, 234, 238, 0.7); } + filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover { background-color: #f6f7f9; } + filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active { background-color: #5294E2; } + filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled { background-color: transparent; } +filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough { background-color: rgba(0, 0, 0, 0.2); border: none; } diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss index 11722bf..0a39e43 100644 --- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss +++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss @@ -1,18 +1,19 @@ //NemoWindow GtkEventBox { background-color: $bg_color; } // fixes nemo statusbar -//GtkFileChooserDialog, //NemoWindow, .nautilus-window { paned > separator { - background: $dark_sidebar_border; + background-image: linear-gradient(to top, $dark_sidebar_border); &:dir(ltr) { margin-left: -1px; } &:dir(rtl) { margin-right: -1px; } } } +filechooser paned > separator { background-image: linear-gradient(to top, $dark_sidebar_border); } + // Dark transparent sidebars -//GtkFileChooserDialog, +filechooser, .nautilus-window { &.csd.background, placessidebar list { background-color: transparent; } @@ -109,37 +110,21 @@ //NemoWindow.background > GtkGrid > paned > separator, //MarlinViewWindow.background > GtkBox > paned > separator { background-color: $dark_sidebar_border } -//GtkFileChooserDialog { -// -// &.background.csd, &.background { background-color: $dark_sidebar_bg } -// scrolledwindow.sidebar { background-color: transparent } -// -// // Yeah, this is ugly, but prevents a transparent background in the image preview box -// paned > .vertical > .horizontal { background-color: $bg_color; } -// -// // fix for non gnome environments -// .dialog-action-box { background-color: $bg_color } -// -// .dialog-vbox > .frame { -// color: $dark_sidebar_fg; -// border-color: transparent; -// } -// GtkFileChooserWidget > actionbar > revealer > .action-bar.frame { -// background-color: transparent; -// border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); -// } -// -// GtkFileChooserWidget > actionbar > revealer > .action-bar.frame, -// .dialog-vbox > .frame { -// -// button { @extend %dark_sidebar_button; } -// entry { @extend %dark_sidebar_entry; } -// -// @extend %osd_check_radio; -// -// label, combobox { color: $dark_sidebar_fg; } -// } -//} +filechooser { + + actionbar { + color: $dark_sidebar_fg; + background-color: $dark_sidebar_bg; + border-color: if($variant =='light', darken($dark_sidebar_bg, 7%), darken($dark_sidebar_bg, 15%)); + + button { @extend %dark_sidebar_button; } + entry { @extend %dark_sidebar_entry; } + + @extend %osd_check_radio; + + label, combobox { color: $dark_sidebar_fg; } + } +} // Gedit .gedit-bottom-panel-paned { background-color: $base_color; } -- cgit v1.2.3 From d8164494a8561c304540d94cfe1263dff10fc033 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 23 Mar 2016 22:14:40 +0100 Subject: update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index f8cd22a..341f6f8 100644 --- a/README.md +++ b/README.md @@ -19,7 +19,7 @@ Arc is a flat theme with transparent elements for GTK 3, GTK 2 and Gnome-Shell w ### Requirements -* Gnome/GTK 3.14, 3.16 or 3.18 +* Gnome/GTK 3.14, 3.16, 3.18 or 3.20 * The `gnome-themes-standard` package * The murrine engine. This has different names depending on your distro. * `gtk-engine-murrine` (Arch Linux) @@ -109,7 +109,7 @@ Other options to pass to autogen.sh are --disable-xfwm disable XFWM support --disable-xfce-notify disable XFCE Notify support - --with-gnome= build the theme for a specific Gnome version (3.14, 3.16, 3.18) + --with-gnome= build the theme for a specific Gnome version (3.14, 3.16, 3.18, 3.20) Note: Normally the correct version is detected automatically and this option should not be needed. -- cgit v1.2.3 From 77ac8008b1351898fe0b6ce6f212cf6f4d2fe54a Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 23 Mar 2016 22:30:47 +0100 Subject: fix xfce panel buttons --- common/gtk-3.0/3.20/gtk-dark.css | 7 ++++--- common/gtk-3.0/3.20/gtk-darker.css | 7 ++++--- common/gtk-3.0/3.20/gtk-solid-dark.css | 7 ++++--- common/gtk-3.0/3.20/gtk-solid-darker.css | 7 ++++--- common/gtk-3.0/3.20/gtk-solid.css | 7 ++++--- common/gtk-3.0/3.20/gtk.css | 7 ++++--- common/gtk-3.0/3.20/sass/_applications.scss | 5 +++-- 7 files changed, 27 insertions(+), 20 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 71d3fac..12f0402 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -3125,14 +3125,15 @@ button.documents-favorite:active:hover { .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); - border-radius: 0; } + border-radius: 0; + border: none; } .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; + color: #ffffff; border: none; - background-color: rgba(27, 29, 35, 0.95); } + background-color: #5294E2; } .floating-bar { padding: 1px; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 5cf9dd3..a9fce10 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -3124,14 +3124,15 @@ button.documents-favorite:active:hover { .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); - border-radius: 0; } + border-radius: 0; + border: none; } .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; + color: #ffffff; border: none; - background-color: rgba(27, 29, 35, 0.95); } + background-color: #5294E2; } .floating-bar { padding: 1px; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 02ad03c..bb32e63 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -3125,14 +3125,15 @@ button.documents-favorite:active:hover { .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); - border-radius: 0; } + border-radius: 0; + border: none; } .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: #414654; } .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; + color: #ffffff; border: none; - background-color: #1b1d23; } + background-color: #5294E2; } .floating-bar { padding: 1px; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 9c5620c..56f2d80 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -3124,14 +3124,15 @@ button.documents-favorite:active:hover { .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); - border-radius: 0; } + border-radius: 0; + border: none; } .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: #414654; } .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; + color: #ffffff; border: none; - background-color: #1b1d23; } + background-color: #5294E2; } .floating-bar { padding: 1px; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index b61c41d..59d7209 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -3128,14 +3128,15 @@ button.documents-favorite:active:hover { .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); - border-radius: 0; } + border-radius: 0; + border: none; } .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: #414654; } .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; + color: #ffffff; border: none; - background-color: #1b1d23; } + background-color: #5294E2; } .floating-bar { padding: 1px; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 5d92e95..e337f09 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -3128,14 +3128,15 @@ button.documents-favorite:active:hover { .xfce4-panel.panel button.flat, .xfce4-panel.panel button.sidebar-button { color: #BAC3CF; background-color: rgba(43, 46, 55, 0); - border-radius: 0; } + border-radius: 0; + border: none; } .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.sidebar-button:hover { border: none; background-color: rgba(65, 70, 84, 0.95); } .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.sidebar-button:active, .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.sidebar-button:checked { - color: #5294E2; + color: #ffffff; border: none; - background-color: rgba(27, 29, 35, 0.95); } + background-color: #5294E2; } .floating-bar { padding: 1px; diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index b180637..a7a749d 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -409,15 +409,16 @@ button.documents-favorite:active:hover { color: $panel_fg; background-color: transparentize($panel_bg, 1); border-radius: 0; + border: none; &:hover { border: none; background-color: lighten($panel_bg, 10%); } &:active, &:checked { - color: $selected_bg_color; + color: $selected_fg_color; border: none; - background-color: darken($panel_bg, 7%); + background-color: $selected_bg_color; } } } -- cgit v1.2.3 From 8b229509cffad261c1c8895f1225652de2bf21e6 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 23 Mar 2016 22:36:02 +0100 Subject: fix floating bar in epiphany --- common/gtk-3.0/3.20/gtk-dark.css | 26 +++++++++++++------------- common/gtk-3.0/3.20/gtk-darker.css | 26 +++++++++++++------------- common/gtk-3.0/3.20/gtk-solid-dark.css | 26 +++++++++++++------------- common/gtk-3.0/3.20/gtk-solid-darker.css | 26 +++++++++++++------------- common/gtk-3.0/3.20/gtk-solid.css | 26 +++++++++++++------------- common/gtk-3.0/3.20/gtk.css | 26 +++++++++++++------------- common/gtk-3.0/3.20/sass/_applications.scss | 2 +- 7 files changed, 79 insertions(+), 79 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 12f0402..8d69b6b 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -2589,7 +2589,7 @@ infobar { row:selected button, .info button, .question button, .warning button, -.error button, .floating-bar button { +.error button, .nautilus-window .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); @@ -2600,7 +2600,7 @@ row:selected button, .info button, .warning button.flat, .warning button.sidebar-button, .error button.flat, - .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; @@ -2609,7 +2609,7 @@ row:selected button, .info button, row:selected button:hover, .info button:hover, .question button:hover, .warning button:hover, - .error button:hover, .floating-bar button:hover { + .error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); @@ -2617,13 +2617,13 @@ row:selected button, .info button, row:selected button:active, .info button:active, .question button:active, .warning button:active, - .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, .question button:active:hover, .warning button:active:hover, - .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, .question button:checked, .warning button:checked, - .error button:checked, .floating-bar button:checked { + .error button:checked, .nautilus-window .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; @@ -2631,17 +2631,17 @@ row:selected button, .info button, row:selected button:disabled, .info button:disabled, .question button:disabled, .warning button:disabled, - .error button:disabled, .floating-bar button:disabled { + .error button:disabled, .nautilus-window .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } row:selected button:disabled:active, .info button:disabled:active, .question button:disabled:active, .warning button:disabled:active, - .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, .question button:disabled:checked, .warning button:disabled:checked, - .error button:disabled:checked, .floating-bar button:disabled:checked { + .error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -3135,16 +3135,16 @@ button.documents-favorite:active:hover { border: none; background-color: #5294E2; } -.floating-bar { +.nautilus-window .floating-bar { padding: 1px; background-color: #5294E2; color: #ffffff; border-radius: 2px 2px 0 0; } - .floating-bar.bottom.left { + .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } - .floating-bar.bottom.right { + .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } - .floating-bar button { + .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index a9fce10..3cae6f5 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -2588,7 +2588,7 @@ infobar { row:selected button, .info button, .question button, .warning button, -.error button, .floating-bar button { +.error button, .nautilus-window .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); @@ -2599,7 +2599,7 @@ row:selected button, .info button, .warning button.flat, .warning button.sidebar-button, .error button.flat, - .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; @@ -2608,7 +2608,7 @@ row:selected button, .info button, row:selected button:hover, .info button:hover, .question button:hover, .warning button:hover, - .error button:hover, .floating-bar button:hover { + .error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); @@ -2616,13 +2616,13 @@ row:selected button, .info button, row:selected button:active, .info button:active, .question button:active, .warning button:active, - .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, .question button:active:hover, .warning button:active:hover, - .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, .question button:checked, .warning button:checked, - .error button:checked, .floating-bar button:checked { + .error button:checked, .nautilus-window .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; @@ -2630,17 +2630,17 @@ row:selected button, .info button, row:selected button:disabled, .info button:disabled, .question button:disabled, .warning button:disabled, - .error button:disabled, .floating-bar button:disabled { + .error button:disabled, .nautilus-window .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } row:selected button:disabled:active, .info button:disabled:active, .question button:disabled:active, .warning button:disabled:active, - .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, .question button:disabled:checked, .warning button:disabled:checked, - .error button:disabled:checked, .floating-bar button:disabled:checked { + .error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -3134,16 +3134,16 @@ button.documents-favorite:active:hover { border: none; background-color: #5294E2; } -.floating-bar { +.nautilus-window .floating-bar { padding: 1px; background-color: #5294E2; color: #ffffff; border-radius: 2px 2px 0 0; } - .floating-bar.bottom.left { + .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } - .floating-bar.bottom.right { + .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } - .floating-bar button { + .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index bb32e63..96e282f 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -2589,7 +2589,7 @@ infobar { row:selected button, .info button, .question button, .warning button, -.error button, .floating-bar button { +.error button, .nautilus-window .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); @@ -2600,7 +2600,7 @@ row:selected button, .info button, .warning button.flat, .warning button.sidebar-button, .error button.flat, - .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; @@ -2609,7 +2609,7 @@ row:selected button, .info button, row:selected button:hover, .info button:hover, .question button:hover, .warning button:hover, - .error button:hover, .floating-bar button:hover { + .error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); @@ -2617,13 +2617,13 @@ row:selected button, .info button, row:selected button:active, .info button:active, .question button:active, .warning button:active, - .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, .question button:active:hover, .warning button:active:hover, - .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, .question button:checked, .warning button:checked, - .error button:checked, .floating-bar button:checked { + .error button:checked, .nautilus-window .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; @@ -2631,17 +2631,17 @@ row:selected button, .info button, row:selected button:disabled, .info button:disabled, .question button:disabled, .warning button:disabled, - .error button:disabled, .floating-bar button:disabled { + .error button:disabled, .nautilus-window .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } row:selected button:disabled:active, .info button:disabled:active, .question button:disabled:active, .warning button:disabled:active, - .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, .question button:disabled:checked, .warning button:disabled:checked, - .error button:disabled:checked, .floating-bar button:disabled:checked { + .error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -3135,16 +3135,16 @@ button.documents-favorite:active:hover { border: none; background-color: #5294E2; } -.floating-bar { +.nautilus-window .floating-bar { padding: 1px; background-color: #5294E2; color: #ffffff; border-radius: 2px 2px 0 0; } - .floating-bar.bottom.left { + .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } - .floating-bar.bottom.right { + .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } - .floating-bar button { + .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 56f2d80..b615a22 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -2588,7 +2588,7 @@ infobar { row:selected button, .info button, .question button, .warning button, -.error button, .floating-bar button { +.error button, .nautilus-window .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); @@ -2599,7 +2599,7 @@ row:selected button, .info button, .warning button.flat, .warning button.sidebar-button, .error button.flat, - .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; @@ -2608,7 +2608,7 @@ row:selected button, .info button, row:selected button:hover, .info button:hover, .question button:hover, .warning button:hover, - .error button:hover, .floating-bar button:hover { + .error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); @@ -2616,13 +2616,13 @@ row:selected button, .info button, row:selected button:active, .info button:active, .question button:active, .warning button:active, - .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, .question button:active:hover, .warning button:active:hover, - .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, .question button:checked, .warning button:checked, - .error button:checked, .floating-bar button:checked { + .error button:checked, .nautilus-window .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; @@ -2630,17 +2630,17 @@ row:selected button, .info button, row:selected button:disabled, .info button:disabled, .question button:disabled, .warning button:disabled, - .error button:disabled, .floating-bar button:disabled { + .error button:disabled, .nautilus-window .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } row:selected button:disabled:active, .info button:disabled:active, .question button:disabled:active, .warning button:disabled:active, - .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, .question button:disabled:checked, .warning button:disabled:checked, - .error button:disabled:checked, .floating-bar button:disabled:checked { + .error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -3134,16 +3134,16 @@ button.documents-favorite:active:hover { border: none; background-color: #5294E2; } -.floating-bar { +.nautilus-window .floating-bar { padding: 1px; background-color: #5294E2; color: #ffffff; border-radius: 2px 2px 0 0; } - .floating-bar.bottom.left { + .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } - .floating-bar.bottom.right { + .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } - .floating-bar button { + .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 59d7209..74d573f 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -2592,7 +2592,7 @@ infobar { row:selected button, .info button, .question button, .warning button, -.error button, .floating-bar button { +.error button, .nautilus-window .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); @@ -2603,7 +2603,7 @@ row:selected button, .info button, .warning button.flat, .warning button.sidebar-button, .error button.flat, - .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; @@ -2612,7 +2612,7 @@ row:selected button, .info button, row:selected button:hover, .info button:hover, .question button:hover, .warning button:hover, - .error button:hover, .floating-bar button:hover { + .error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); @@ -2620,13 +2620,13 @@ row:selected button, .info button, row:selected button:active, .info button:active, .question button:active, .warning button:active, - .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, .question button:active:hover, .warning button:active:hover, - .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, .question button:checked, .warning button:checked, - .error button:checked, .floating-bar button:checked { + .error button:checked, .nautilus-window .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; @@ -2634,17 +2634,17 @@ row:selected button, .info button, row:selected button:disabled, .info button:disabled, .question button:disabled, .warning button:disabled, - .error button:disabled, .floating-bar button:disabled { + .error button:disabled, .nautilus-window .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } row:selected button:disabled:active, .info button:disabled:active, .question button:disabled:active, .warning button:disabled:active, - .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, .question button:disabled:checked, .warning button:disabled:checked, - .error button:disabled:checked, .floating-bar button:disabled:checked { + .error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -3138,16 +3138,16 @@ button.documents-favorite:active:hover { border: none; background-color: #5294E2; } -.floating-bar { +.nautilus-window .floating-bar { padding: 1px; background-color: #5294E2; color: #ffffff; border-radius: 2px 2px 0 0; } - .floating-bar.bottom.left { + .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } - .floating-bar.bottom.right { + .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } - .floating-bar button { + .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index e337f09..33d8107 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -2592,7 +2592,7 @@ infobar { row:selected button, .info button, .question button, .warning button, -.error button, .floating-bar button { +.error button, .nautilus-window .floating-bar button { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0); @@ -2603,7 +2603,7 @@ row:selected button, .info button, .warning button.flat, .warning button.sidebar-button, .error button.flat, - .error button.sidebar-button, .floating-bar button.flat, .floating-bar button.sidebar-button { + .error button.sidebar-button, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.sidebar-button { border-color: transparent; background-color: transparent; background-image: none; @@ -2612,7 +2612,7 @@ row:selected button, .info button, row:selected button:hover, .info button:hover, .question button:hover, .warning button:hover, - .error button:hover, .floating-bar button:hover { + .error button:hover, .nautilus-window .floating-bar button:hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.2); @@ -2620,13 +2620,13 @@ row:selected button, .info button, row:selected button:active, .info button:active, .question button:active, .warning button:active, - .error button:active, .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, + .error button:active, .nautilus-window .floating-bar button:active, row:selected button:active:hover, .info button:active:hover, .question button:active:hover, .warning button:active:hover, - .error button:active:hover, .floating-bar button:active:hover, row:selected button:checked, .info button:checked, + .error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, .info button:checked, .question button:checked, .warning button:checked, - .error button:checked, .floating-bar button:checked { + .error button:checked, .nautilus-window .floating-bar button:checked { color: #5294E2; outline-color: rgba(82, 148, 226, 0.3); background-color: #ffffff; @@ -2634,17 +2634,17 @@ row:selected button, .info button, row:selected button:disabled, .info button:disabled, .question button:disabled, .warning button:disabled, - .error button:disabled, .floating-bar button:disabled { + .error button:disabled, .nautilus-window .floating-bar button:disabled { color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.2); } row:selected button:disabled:active, .info button:disabled:active, .question button:disabled:active, .warning button:disabled:active, - .error button:disabled:active, .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, + .error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, row:selected button:disabled:checked, .info button:disabled:checked, .question button:disabled:checked, .warning button:disabled:checked, - .error button:disabled:checked, .floating-bar button:disabled:checked { + .error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { color: rgba(82, 148, 226, 0.4); background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); } @@ -3138,16 +3138,16 @@ button.documents-favorite:active:hover { border: none; background-color: #5294E2; } -.floating-bar { +.nautilus-window .floating-bar { padding: 1px; background-color: #5294E2; color: #ffffff; border-radius: 2px 2px 0 0; } - .floating-bar.bottom.left { + .nautilus-window .floating-bar.bottom.left { border-top-left-radius: 0; } - .floating-bar.bottom.right { + .nautilus-window .floating-bar.bottom.right { border-top-right-radius: 0; } - .floating-bar button { + .nautilus-window .floating-bar button { border: none; border-radius: 0; min-height: 0; } diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss index a7a749d..478dc5d 100644 --- a/common/gtk-3.0/3.20/sass/_applications.scss +++ b/common/gtk-3.0/3.20/sass/_applications.scss @@ -426,7 +426,7 @@ button.documents-favorite:active:hover { // // Floating Bar // -.floating-bar { +.nautilus-window .floating-bar { padding: 1px; background-color: $selected_bg_color; color: $selected_fg_color; -- cgit v1.2.3 From 66c0cc14d61a5af2cca59af533cd8b08733a75a4 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 23 Mar 2016 22:58:42 +0100 Subject: fix attached osd toolbars --- common/gtk-3.0/3.20/gtk-dark.css | 8 ++++++++ common/gtk-3.0/3.20/gtk-darker.css | 8 ++++++++ common/gtk-3.0/3.20/gtk-solid-dark.css | 8 ++++++++ common/gtk-3.0/3.20/gtk-solid-darker.css | 8 ++++++++ common/gtk-3.0/3.20/gtk-solid.css | 8 ++++++++ common/gtk-3.0/3.20/gtk.css | 8 ++++++++ common/gtk-3.0/3.20/sass/_common.scss | 5 +++++ 7 files changed, 53 insertions(+) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 8d69b6b..552005e 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -819,6 +819,14 @@ toolbar, .inline-toolbar { background-color: rgba(53, 57, 69, 0.85); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index 3cae6f5..b1deddb 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -818,6 +818,14 @@ toolbar, .inline-toolbar { background-color: rgba(53, 57, 69, 0.85); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 96e282f..4cc17e7 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -819,6 +819,14 @@ toolbar, .inline-toolbar { background-color: rgba(53, 57, 69, 0.9); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index b615a22..8601f95 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -818,6 +818,14 @@ toolbar, .inline-toolbar { background-color: rgba(53, 57, 69, 0.9); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 74d573f..6f8cfec 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -818,6 +818,14 @@ toolbar, .inline-toolbar { background-color: rgba(53, 57, 69, 0.9); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 33d8107..4af1e14 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -818,6 +818,14 @@ toolbar, .inline-toolbar { background-color: rgba(53, 57, 69, 0.85); } toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { border-radius: 0; } + toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; } + toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; } + toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; } + toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; } toolbar:not(.inline-toolbar):not(.osd) switch, .inline-toolbar:not(.inline-toolbar):not(.osd) switch, toolbar:not(.inline-toolbar):not(.osd) scale, .inline-toolbar:not(.inline-toolbar):not(.osd) scale, toolbar:not(.inline-toolbar):not(.osd) entry, .inline-toolbar:not(.inline-toolbar):not(.osd) entry, diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 98d8bf5..21327e5 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -858,6 +858,11 @@ toolbar { &.right, &.top, &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars + + &.top { border-width: 0 0 1px 0; } + &.bottom { border-width: 1px 0 0 0; } + &.left { border-width: 0 1px 0 0; } + &.right { border-width: 0 0 0 1px; } } &:not(.inline-toolbar):not(.osd) { -- cgit v1.2.3 From 2de83c04f6e519abff9e889f59ee9b3411382d16 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 23 Mar 2016 23:41:38 +0100 Subject: more osd fixes --- common/gtk-3.0/3.20/gtk-dark.css | 39 ++++++++++++++++++++++---------- common/gtk-3.0/3.20/gtk-darker.css | 39 ++++++++++++++++++++++---------- common/gtk-3.0/3.20/gtk-solid-dark.css | 39 ++++++++++++++++++++++---------- common/gtk-3.0/3.20/gtk-solid-darker.css | 39 ++++++++++++++++++++++---------- common/gtk-3.0/3.20/gtk-solid.css | 39 ++++++++++++++++++++++---------- common/gtk-3.0/3.20/gtk.css | 39 ++++++++++++++++++++++---------- common/gtk-3.0/3.20/sass/_common.scss | 19 ++++++++++++++++ 7 files changed, 181 insertions(+), 72 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 552005e..110a3f5 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -203,6 +203,9 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; @@ -776,6 +779,18 @@ spinbutton:not(.vertical) > entry:focus + button { spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.35); } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -1830,7 +1845,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } -filechooser actionbar check { +.osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, iconview check:selected, @@ -1843,7 +1858,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } -filechooser actionbar check:disabled { +.osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, iconview check:disabled:selected, @@ -1856,7 +1871,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } -filechooser actionbar check:indeterminate { +.osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, iconview check:indeterminate:selected, @@ -1869,7 +1884,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } -filechooser actionbar check:indeterminate:disabled { +.osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, @@ -1882,7 +1897,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } -filechooser actionbar check:checked { +.osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, iconview check:checked:selected, @@ -1895,7 +1910,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } -filechooser actionbar check:checked:disabled { +.osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, iconview check:checked:disabled:selected, @@ -1908,7 +1923,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } -filechooser actionbar radio { +.osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, iconview radio:selected, @@ -1921,7 +1936,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } -filechooser actionbar radio:disabled { +.osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, iconview radio:disabled:selected, @@ -1934,7 +1949,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } -filechooser actionbar radio:indeterminate { +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, iconview radio:indeterminate:selected, @@ -1947,7 +1962,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } -filechooser actionbar radio:indeterminate:disabled { +.osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, @@ -1960,7 +1975,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } -filechooser actionbar radio:checked { +.osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, iconview radio:checked:selected, @@ -1973,7 +1988,7 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } -filechooser actionbar radio:checked:disabled { +.osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index b1deddb..57c2815 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -202,6 +202,9 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; @@ -775,6 +778,18 @@ spinbutton:not(.vertical) > entry:focus + button { spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.35); } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -1829,7 +1844,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -filechooser actionbar check { +.osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, iconview check:selected, @@ -1842,7 +1857,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -filechooser actionbar check:disabled { +.osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, iconview check:disabled:selected, @@ -1855,7 +1870,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -filechooser actionbar check:indeterminate { +.osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, iconview check:indeterminate:selected, @@ -1868,7 +1883,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -filechooser actionbar check:indeterminate:disabled { +.osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, @@ -1881,7 +1896,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -filechooser actionbar check:checked { +.osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, iconview check:checked:selected, @@ -1894,7 +1909,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -filechooser actionbar check:checked:disabled { +.osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, iconview check:checked:disabled:selected, @@ -1907,7 +1922,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -filechooser actionbar radio { +.osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, iconview radio:selected, @@ -1920,7 +1935,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -filechooser actionbar radio:disabled { +.osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, iconview radio:disabled:selected, @@ -1933,7 +1948,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -filechooser actionbar radio:indeterminate { +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, iconview radio:indeterminate:selected, @@ -1946,7 +1961,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -filechooser actionbar radio:indeterminate:disabled { +.osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, @@ -1959,7 +1974,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -filechooser actionbar radio:checked { +.osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, iconview radio:checked:selected, @@ -1972,7 +1987,7 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -filechooser actionbar radio:checked:disabled { +.osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 4cc17e7..a326271 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -203,6 +203,9 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; @@ -776,6 +779,18 @@ spinbutton:not(.vertical) > entry:focus + button { spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.4); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.4); } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -1830,7 +1845,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } -filechooser actionbar check { +.osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, iconview check:selected, @@ -1843,7 +1858,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } -filechooser actionbar check:disabled { +.osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, iconview check:disabled:selected, @@ -1856,7 +1871,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } -filechooser actionbar check:indeterminate { +.osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, iconview check:indeterminate:selected, @@ -1869,7 +1884,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } -filechooser actionbar check:indeterminate:disabled { +.osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, @@ -1882,7 +1897,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } -filechooser actionbar check:checked { +.osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, iconview check:checked:selected, @@ -1895,7 +1910,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } -filechooser actionbar check:checked:disabled { +.osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, iconview check:checked:disabled:selected, @@ -1908,7 +1923,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } -filechooser actionbar radio { +.osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, iconview radio:selected, @@ -1921,7 +1936,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } -filechooser actionbar radio:disabled { +.osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, iconview radio:disabled:selected, @@ -1934,7 +1949,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } -filechooser actionbar radio:indeterminate { +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, iconview radio:indeterminate:selected, @@ -1947,7 +1962,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } -filechooser actionbar radio:indeterminate:disabled { +.osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, @@ -1960,7 +1975,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } -filechooser actionbar radio:checked { +.osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, iconview radio:checked:selected, @@ -1973,7 +1988,7 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } -filechooser actionbar radio:checked:disabled { +.osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 8601f95..bd20d0f 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -202,6 +202,9 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; @@ -775,6 +778,18 @@ spinbutton:not(.vertical) > entry:focus + button { spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.4); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.4); } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -1829,7 +1844,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -filechooser actionbar check { +.osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, iconview check:selected, @@ -1842,7 +1857,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -filechooser actionbar check:disabled { +.osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, iconview check:disabled:selected, @@ -1855,7 +1870,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -filechooser actionbar check:indeterminate { +.osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, iconview check:indeterminate:selected, @@ -1868,7 +1883,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -filechooser actionbar check:indeterminate:disabled { +.osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, @@ -1881,7 +1896,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -filechooser actionbar check:checked { +.osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, iconview check:checked:selected, @@ -1894,7 +1909,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -filechooser actionbar check:checked:disabled { +.osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, iconview check:checked:disabled:selected, @@ -1907,7 +1922,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -filechooser actionbar radio { +.osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, iconview radio:selected, @@ -1920,7 +1935,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -filechooser actionbar radio:disabled { +.osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, iconview radio:disabled:selected, @@ -1933,7 +1948,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -filechooser actionbar radio:indeterminate { +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, iconview radio:indeterminate:selected, @@ -1946,7 +1961,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -filechooser actionbar radio:indeterminate:disabled { +.osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, @@ -1959,7 +1974,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -filechooser actionbar radio:checked { +.osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, iconview radio:checked:selected, @@ -1972,7 +1987,7 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -filechooser actionbar radio:checked:disabled { +.osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 6f8cfec..afca8c0 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -202,6 +202,9 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.25)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; @@ -775,6 +778,18 @@ spinbutton:not(.vertical) > entry:focus + button { spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.4); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.4); } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -1833,7 +1848,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -filechooser actionbar check { +.osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, iconview check:selected, @@ -1846,7 +1861,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -filechooser actionbar check:disabled { +.osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, iconview check:disabled:selected, @@ -1859,7 +1874,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -filechooser actionbar check:indeterminate { +.osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, iconview check:indeterminate:selected, @@ -1872,7 +1887,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -filechooser actionbar check:indeterminate:disabled { +.osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, @@ -1885,7 +1900,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -filechooser actionbar check:checked { +.osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, iconview check:checked:selected, @@ -1898,7 +1913,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -filechooser actionbar check:checked:disabled { +.osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, iconview check:checked:disabled:selected, @@ -1911,7 +1926,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -filechooser actionbar radio { +.osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, iconview radio:selected, @@ -1924,7 +1939,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -filechooser actionbar radio:disabled { +.osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, iconview radio:disabled:selected, @@ -1937,7 +1952,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -filechooser actionbar radio:indeterminate { +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, iconview radio:indeterminate:selected, @@ -1950,7 +1965,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -filechooser actionbar radio:indeterminate:disabled { +.osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, @@ -1963,7 +1978,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -filechooser actionbar radio:checked { +.osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, iconview radio:checked:selected, @@ -1976,7 +1991,7 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -filechooser actionbar radio:checked:disabled { +.osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 4af1e14..f38ca02 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -202,6 +202,9 @@ entry { .osd entry:disabled { color: rgba(186, 195, 207, 0.55); background-image: linear-gradient(to bottom, rgba(102, 109, 132, 0.2)); } + .osd entry selection:focus, .osd entry selection { + color: #5294E2; + background-color: #ffffff; } entry progress { margin: 0 -6px; border-radius: 0; @@ -775,6 +778,18 @@ spinbutton:not(.vertical) > entry:focus + button { spinbutton:not(.vertical) > entry:drop(active) + button { border-left-color: #F08437; } +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(26, 28, 34, 0.35); } + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; } + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: rgba(26, 28, 34, 0.35); } + spinbutton.vertical button, spinbutton.vertical entry { padding-left: 4px; padding-right: 4px; @@ -1833,7 +1848,7 @@ check, treeview.check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); } -filechooser actionbar check { +.osd check, filechooser actionbar check { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); } .view check:selected, iconview check:selected, @@ -1846,7 +1861,7 @@ check:disabled, treeview.check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); } -filechooser actionbar check:disabled { +.osd check:disabled, filechooser actionbar check:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); } .view check:disabled:selected, iconview check:disabled:selected, @@ -1859,7 +1874,7 @@ check:indeterminate, treeview.check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); } -filechooser actionbar check:indeterminate { +.osd check:indeterminate, filechooser actionbar check:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); } .view check:indeterminate:selected, iconview check:indeterminate:selected, @@ -1872,7 +1887,7 @@ check:indeterminate:disabled, treeview.check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); } -filechooser actionbar check:indeterminate:disabled { +.osd check:indeterminate:disabled, filechooser actionbar check:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); } .view check:indeterminate:disabled:selected, iconview check:indeterminate:disabled:selected, @@ -1885,7 +1900,7 @@ check:checked, treeview.check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); } -filechooser actionbar check:checked { +.osd check:checked, filechooser actionbar check:checked { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); } .view check:checked:selected, iconview check:checked:selected, @@ -1898,7 +1913,7 @@ check:checked:disabled, treeview.check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); } -filechooser actionbar check:checked:disabled { +.osd check:checked:disabled, filechooser actionbar check:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); } .view check:checked:disabled:selected, iconview check:checked:disabled:selected, @@ -1911,7 +1926,7 @@ radio, treeview.radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); } -filechooser actionbar radio { +.osd radio, filechooser actionbar radio { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); } .view radio:selected, iconview radio:selected, @@ -1924,7 +1939,7 @@ radio:disabled, treeview.radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); } -filechooser actionbar radio:disabled { +.osd radio:disabled, filechooser actionbar radio:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); } .view radio:disabled:selected, iconview radio:disabled:selected, @@ -1937,7 +1952,7 @@ radio:indeterminate, treeview.radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); } -filechooser actionbar radio:indeterminate { +.osd radio:indeterminate, filechooser actionbar radio:indeterminate { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); } .view radio:indeterminate:selected, iconview radio:indeterminate:selected, @@ -1950,7 +1965,7 @@ radio:indeterminate:disabled, treeview.radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); } -filechooser actionbar radio:indeterminate:disabled { +.osd radio:indeterminate:disabled, filechooser actionbar radio:indeterminate:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); } .view radio:indeterminate:disabled:selected, iconview radio:indeterminate:disabled:selected, @@ -1963,7 +1978,7 @@ radio:checked, treeview.radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); } -filechooser actionbar radio:checked { +.osd radio:checked, filechooser actionbar radio:checked { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); } .view radio:checked:selected, iconview radio:checked:selected, @@ -1976,7 +1991,7 @@ radio:checked:disabled, treeview.radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); } -filechooser actionbar radio:checked:disabled { +.osd radio:checked:disabled, filechooser actionbar radio:checked:disabled { -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); } .view radio:checked:disabled:selected, iconview radio:checked:disabled:selected, diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 21327e5..23c9e14 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -261,6 +261,13 @@ entry { @include entry(osd); &:focus { @include entry(osd-focus); } &:disabled { @include entry(osd-insensitive); } + + selection { + &:focus, & { + color: $selected_bg_color; + background-color: $selected_fg_color; + } + } } progress { @@ -775,6 +782,17 @@ spinbutton { > entry:focus + button { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } > entry:drop(active) + button { border-left-color: $drop_target_color; } + + .osd & { + > button:hover:not(:active), + > button:hover + button { box-shadow: inset 1px 0 $osd_button_border; } + + > button:first-child:hover:not(:active), + > button.up:dir(rtl):hover:not(:active), + > entry + button:not(:active):hover { box-shadow: none; } + + > entry:focus + button { border-left-color: $osd_button_border; } + } } &.vertical { button, entry { @@ -1977,6 +1995,7 @@ switch { url("assets/#{$a}#{$as}#{$asset_suffix}@2.png")); } + .osd, %osd_check_radio { #{$w}#{$s} { -gtk-icon-source: -gtk-scaled(url("assets/#{$a}#{$as}-dark.png"), -- cgit v1.2.3