From 01edb89dd9653d9aa19859002ee349965e052144 Mon Sep 17 00:00:00 2001 From: Artyom Zorin Date: Sat, 18 Nov 2023 23:29:42 +0000 Subject: [PATCH] Fixed styling of suggested and destructive action buttons in headerbars --- ZorinBlue-Dark/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinBlue-Dark/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinBlue-Dark/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinBlue-Dark/gtk-4.0/gtk.css | 28 +++++++++---------- ZorinBlue-Light/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinBlue-Light/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinBlue-Light/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinBlue-Light/gtk-4.0/gtk.css | 28 +++++++++---------- ZorinGreen-Dark/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinGreen-Dark/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinGreen-Dark/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinGreen-Dark/gtk-4.0/gtk.css | 28 +++++++++---------- ZorinGreen-Light/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinGreen-Light/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinGreen-Light/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinGreen-Light/gtk-4.0/gtk.css | 28 +++++++++---------- ZorinGrey-Dark/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinGrey-Dark/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinGrey-Dark/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinGrey-Dark/gtk-4.0/gtk.css | 28 +++++++++---------- ZorinGrey-Light/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinGrey-Light/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinGrey-Light/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinGrey-Light/gtk-4.0/gtk.css | 28 +++++++++---------- ZorinOrange-Dark/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinOrange-Dark/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinOrange-Dark/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinOrange-Dark/gtk-4.0/gtk.css | 28 +++++++++---------- ZorinOrange-Light/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinOrange-Light/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinOrange-Light/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinOrange-Light/gtk-4.0/gtk.css | 28 +++++++++---------- ZorinPurple-Dark/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinPurple-Dark/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinPurple-Dark/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinPurple-Dark/gtk-4.0/gtk.css | 28 +++++++++---------- ZorinPurple-Light/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinPurple-Light/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinPurple-Light/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinPurple-Light/gtk-4.0/gtk.css | 28 +++++++++---------- ZorinRed-Dark/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinRed-Dark/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinRed-Dark/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinRed-Dark/gtk-4.0/gtk.css | 28 +++++++++---------- ZorinRed-Light/gtk-3.0/gtk-dark.css | 38 +++++++++++++------------- ZorinRed-Light/gtk-3.0/gtk.css | 38 +++++++++++++------------- ZorinRed-Light/gtk-4.0/gtk-dark.css | 28 +++++++++---------- ZorinRed-Light/gtk-4.0/gtk.css | 28 +++++++++---------- debian/changelog | 7 +++++ 49 files changed, 799 insertions(+), 792 deletions(-) diff --git a/ZorinBlue-Dark/gtk-3.0/gtk-dark.css b/ZorinBlue-Dark/gtk-3.0/gtk-dark.css index 58165129..df73e000 100644 --- a/ZorinBlue-Dark/gtk-3.0/gtk-dark.css +++ b/ZorinBlue-Dark/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6f828a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6f828a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6f828a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6f828a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #14191a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #14191a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3b494d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3b494d; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3b494d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3b494d; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; } diff --git a/ZorinBlue-Dark/gtk-3.0/gtk.css b/ZorinBlue-Dark/gtk-3.0/gtk.css index 58165129..df73e000 100644 --- a/ZorinBlue-Dark/gtk-3.0/gtk.css +++ b/ZorinBlue-Dark/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6f828a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6f828a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6f828a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6f828a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #14191a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #14191a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3b494d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3b494d; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3b494d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3b494d; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; } diff --git a/ZorinBlue-Dark/gtk-4.0/gtk-dark.css b/ZorinBlue-Dark/gtk-4.0/gtk-dark.css index f23d13b0..4a680f8d 100644 --- a/ZorinBlue-Dark/gtk-4.0/gtk-dark.css +++ b/ZorinBlue-Dark/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; } diff --git a/ZorinBlue-Dark/gtk-4.0/gtk.css b/ZorinBlue-Dark/gtk-4.0/gtk.css index f23d13b0..4a680f8d 100644 --- a/ZorinBlue-Dark/gtk-4.0/gtk.css +++ b/ZorinBlue-Dark/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; } diff --git a/ZorinBlue-Light/gtk-3.0/gtk-dark.css b/ZorinBlue-Light/gtk-3.0/gtk-dark.css index 58165129..df73e000 100644 --- a/ZorinBlue-Light/gtk-3.0/gtk-dark.css +++ b/ZorinBlue-Light/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #323e44; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #bde6fb; outline-color: rgba(189, 230, 251, 0.3); background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 4px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #171d20; outline-color: rgba(23, 29, 32, 0.3); background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #252c2f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6f828a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6f828a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #2b3437; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6f828a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6f828a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #7f96a1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #14191a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #14191a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3b494d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3b494d; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #272f33; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3b494d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3b494d; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; } diff --git a/ZorinBlue-Light/gtk-3.0/gtk.css b/ZorinBlue-Light/gtk-3.0/gtk.css index 41cbc3ae..b04573e8 100644 --- a/ZorinBlue-Light/gtk-3.0/gtk.css +++ b/ZorinBlue-Light/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 4px rgba(18, 51, 84, 0.075); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #123354; outline-color: rgba(18, 51, 84, 0.3); background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 4px rgba(21, 166, 240, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #828282; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #828282; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #e0e0e0; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #e0e0e0; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #828282; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #828282; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #9a9a9a; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #9a9a9a; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: white; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #d1d1d1; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d1d1d1; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #d1d1d1; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d1d1d1; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e4e8ee; margin-left: 0; margin-right: 0; } diff --git a/ZorinBlue-Light/gtk-4.0/gtk-dark.css b/ZorinBlue-Light/gtk-4.0/gtk-dark.css index f23d13b0..4a680f8d 100644 --- a/ZorinBlue-Light/gtk-4.0/gtk-dark.css +++ b/ZorinBlue-Light/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #bde6fb; background-color: #323e44; background-image: none; box-shadow: 0 2px 8px rgba(23, 29, 32, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #bde6fb; background-color: #3d4c53; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(189, 230, 251, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: 0 2px 8px rgba(189, 230, 251, 0.2); } -headerbar button:not(.text-button):checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #171d20; background-color: #bde6fb; background: image(#bde6fb); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #6d8692; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6d8692; background-color: #222a2f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6f828a; background-color: #252c2f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6f828a; background-color: #2b3437; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #14191a; background-color: #7f96a1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3b494d; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3b494d; background-color: #272f33; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #2a3439; margin-left: 0; margin-right: 0; } diff --git a/ZorinBlue-Light/gtk-4.0/gtk.css b/ZorinBlue-Light/gtk-4.0/gtk.css index 5027ede4..cd07cc1f 100644 --- a/ZorinBlue-Light/gtk-4.0/gtk.css +++ b/ZorinBlue-Light/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #123354; background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #123354; background-color: #d9dfe5; background-image: none; box-shadow: 0 2px 8px rgba(18, 51, 84, 0.075); box-shadow: none; } -headerbar button:not(.text-button):active { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #123354; background-color: #c8d0d9; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(18, 51, 84, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); } -headerbar button:not(.text-button):checked:hover { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: 0 2px 8px rgba(21, 166, 240, 0.2); } -headerbar button:not(.text-button):checked:active { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: white; background-color: #15a6f0; background: linear-gradient(65deg, #029be9, #22c5fd); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #8495a7; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #8495a7; background-color: #dee3e9; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #828282; background-color: #e9e9e9; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #828282; background-color: #e9e9e9; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #828282; background-color: #e0e0e0; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #828282; background-color: #e0e0e0; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: white; background-color: #9a9a9a; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; background-color: #9a9a9a; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e4e8ee; margin-left: 0; margin-right: 0; } diff --git a/ZorinGreen-Dark/gtk-3.0/gtk-dark.css b/ZorinGreen-Dark/gtk-3.0/gtk-dark.css index b759ef97..4014386f 100644 --- a/ZorinGreen-Dark/gtk-3.0/gtk-dark.css +++ b/ZorinGreen-Dark/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6e837b; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6e837b; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6e837b; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6e837b; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #131716; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #131716; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3a4944; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3a4944; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3a4944; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3a4944; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; } diff --git a/ZorinGreen-Dark/gtk-3.0/gtk.css b/ZorinGreen-Dark/gtk-3.0/gtk.css index b759ef97..4014386f 100644 --- a/ZorinGreen-Dark/gtk-3.0/gtk.css +++ b/ZorinGreen-Dark/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6e837b; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6e837b; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6e837b; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6e837b; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #131716; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #131716; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3a4944; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3a4944; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3a4944; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3a4944; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; } diff --git a/ZorinGreen-Dark/gtk-4.0/gtk-dark.css b/ZorinGreen-Dark/gtk-4.0/gtk-dark.css index 649b43da..f426e3c6 100644 --- a/ZorinGreen-Dark/gtk-4.0/gtk-dark.css +++ b/ZorinGreen-Dark/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; } diff --git a/ZorinGreen-Dark/gtk-4.0/gtk.css b/ZorinGreen-Dark/gtk-4.0/gtk.css index 649b43da..f426e3c6 100644 --- a/ZorinGreen-Dark/gtk-4.0/gtk.css +++ b/ZorinGreen-Dark/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; } diff --git a/ZorinGreen-Light/gtk-3.0/gtk-dark.css b/ZorinGreen-Light/gtk-3.0/gtk-dark.css index b759ef97..4014386f 100644 --- a/ZorinGreen-Light/gtk-3.0/gtk-dark.css +++ b/ZorinGreen-Light/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #2f3d38; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #bbf1dd; outline-color: rgba(187, 241, 221, 0.3); background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 4px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #151c19; outline-color: rgba(21, 28, 25, 0.3); background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #232b28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #6e837b; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6e837b; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #29322f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #6e837b; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6e837b; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #7d998f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #131716; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #131716; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #3a4944; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3a4944; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #242d2a; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #3a4944; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3a4944; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; } diff --git a/ZorinGreen-Light/gtk-3.0/gtk.css b/ZorinGreen-Light/gtk-3.0/gtk.css index dab1713e..680ab548 100644 --- a/ZorinGreen-Light/gtk-3.0/gtk.css +++ b/ZorinGreen-Light/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #dae3e2; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #dae3e2; background-image: none; box-shadow: 0 2px 4px rgba(25, 72, 62, 0.075); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #19483e; outline-color: rgba(25, 72, 62, 0.3); background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 4px rgba(42, 200, 141, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #e9e9e9; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: gray; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: gray; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #e0e0e0; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #e0e0e0; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: gray; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: gray; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #939393; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #939393; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: white; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #d1d1d1; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d1d1d1; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #eeeeee; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #d1d1d1; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d1d1d1; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e5eceb; margin-left: 0; margin-right: 0; } diff --git a/ZorinGreen-Light/gtk-4.0/gtk-dark.css b/ZorinGreen-Light/gtk-4.0/gtk-dark.css index 649b43da..f426e3c6 100644 --- a/ZorinGreen-Light/gtk-4.0/gtk-dark.css +++ b/ZorinGreen-Light/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #bbf1dd; background-color: #2f3d38; background-image: none; box-shadow: 0 2px 8px rgba(21, 28, 25, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #bbf1dd; background-color: #3b4d46; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(187, 241, 221, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: 0 2px 8px rgba(187, 241, 221, 0.2); } -headerbar button:not(.text-button):checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #151c19; background-color: #bbf1dd; background: image(#bbf1dd); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #6b8a7f; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #6b8a7f; background-color: #1f2925; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #6e837b; background-color: #232b28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #6e837b; background-color: #29322f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #131716; background-color: #7d998f; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #3a4944; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #3a4944; background-color: #242d2a; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #27332f; margin-left: 0; margin-right: 0; } diff --git a/ZorinGreen-Light/gtk-4.0/gtk.css b/ZorinGreen-Light/gtk-4.0/gtk.css index a9d4451d..132ae85e 100644 --- a/ZorinGreen-Light/gtk-4.0/gtk.css +++ b/ZorinGreen-Light/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #19483e; background-color: #dae3e2; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #19483e; background-color: #dae3e2; background-image: none; box-shadow: 0 2px 8px rgba(25, 72, 62, 0.075); box-shadow: none; } -headerbar button:not(.text-button):active { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #19483e; background-color: #cad6d4; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(25, 72, 62, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); } -headerbar button:not(.text-button):checked:hover { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: 0 2px 8px rgba(42, 200, 141, 0.2); } -headerbar button:not(.text-button):checked:active { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: white; background-color: #2ac88d; background: linear-gradient(65deg, #1bbe81, #2ae18e); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #88a19c; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #88a19c; background-color: #e0e7e6; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: gray; background-color: #e9e9e9; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: gray; background-color: #e9e9e9; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: gray; background-color: #e0e0e0; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: gray; background-color: #e0e0e0; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: white; background-color: #939393; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; background-color: #939393; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d1d1d1; background-color: #eeeeee; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e5eceb; margin-left: 0; margin-right: 0; } diff --git a/ZorinGrey-Dark/gtk-3.0/gtk-dark.css b/ZorinGrey-Dark/gtk-3.0/gtk-dark.css index 007e6632..525f0341 100644 --- a/ZorinGrey-Dark/gtk-3.0/gtk-dark.css +++ b/ZorinGrey-Dark/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8d8d8d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8d8d8d; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #323232; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #323232; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8d8d8d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8d8d8d; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #151515; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #151515; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #414141; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #414141; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #414141; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #414141; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; } diff --git a/ZorinGrey-Dark/gtk-3.0/gtk.css b/ZorinGrey-Dark/gtk-3.0/gtk.css index 007e6632..525f0341 100644 --- a/ZorinGrey-Dark/gtk-3.0/gtk.css +++ b/ZorinGrey-Dark/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8d8d8d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8d8d8d; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #323232; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #323232; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8d8d8d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8d8d8d; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #151515; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #151515; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #414141; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #414141; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #414141; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #414141; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; } diff --git a/ZorinGrey-Dark/gtk-4.0/gtk-dark.css b/ZorinGrey-Dark/gtk-4.0/gtk-dark.css index 49536b8b..c70c380b 100644 --- a/ZorinGrey-Dark/gtk-4.0/gtk-dark.css +++ b/ZorinGrey-Dark/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; } diff --git a/ZorinGrey-Dark/gtk-4.0/gtk.css b/ZorinGrey-Dark/gtk-4.0/gtk.css index 49536b8b..c70c380b 100644 --- a/ZorinGrey-Dark/gtk-4.0/gtk.css +++ b/ZorinGrey-Dark/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; } diff --git a/ZorinGrey-Light/gtk-3.0/gtk-dark.css b/ZorinGrey-Light/gtk-3.0/gtk-dark.css index 007e6632..525f0341 100644 --- a/ZorinGrey-Light/gtk-3.0/gtk-dark.css +++ b/ZorinGrey-Light/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 4px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #191919; outline-color: rgba(25, 25, 25, 0.3); background-color: #ffffff; background: image(#ffffff); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #292929; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8d8d8d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8d8d8d; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #323232; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #323232; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8d8d8d; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8d8d8d; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #a4a4a4; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #151515; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #151515; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #414141; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #414141; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #2b2b2b; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #414141; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #414141; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; } diff --git a/ZorinGrey-Light/gtk-3.0/gtk.css b/ZorinGrey-Light/gtk-3.0/gtk.css index e29a7e84..60c93b7d 100644 --- a/ZorinGrey-Light/gtk-3.0/gtk.css +++ b/ZorinGrey-Light/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #dddddd; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #dddddd; background-image: none; box-shadow: 0 2px 4px rgba(41, 41, 42, 0.075); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #29292a; outline-color: rgba(41, 41, 42, 0.3); background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 4px rgba(96, 98, 100, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #e8e8e8; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #e8e8e8; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #7c7c7c; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #7c7c7c; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #dedede; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #dedede; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #7c7c7c; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #7c7c7c; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: gray; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: gray; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: white; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #d1d1d1; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d1d1d1; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #ededed; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #ededed; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #d1d1d1; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d1d1d1; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e8e8e8; margin-left: 0; margin-right: 0; } diff --git a/ZorinGrey-Light/gtk-4.0/gtk-dark.css b/ZorinGrey-Light/gtk-4.0/gtk-dark.css index 49536b8b..c70c380b 100644 --- a/ZorinGrey-Light/gtk-4.0/gtk-dark.css +++ b/ZorinGrey-Light/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #ffffff; background-color: #3c3c3c; background-image: none; box-shadow: 0 2px 8px rgba(25, 25, 25, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #ffffff; background-color: #4d4d4d; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2); } -headerbar button:not(.text-button):checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #191919; background-color: #ffffff; background: image(#ffffff); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #909090; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #909090; background-color: #262626; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8d8d8d; background-color: #292929; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8d8d8d; background-color: #323232; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #151515; background-color: #a4a4a4; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #414141; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #414141; background-color: #2b2b2b; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #313131; margin-left: 0; margin-right: 0; } diff --git a/ZorinGrey-Light/gtk-4.0/gtk.css b/ZorinGrey-Light/gtk-4.0/gtk.css index 5194934d..8002ae16 100644 --- a/ZorinGrey-Light/gtk-4.0/gtk.css +++ b/ZorinGrey-Light/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #29292a; background-color: #dddddd; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #29292a; background-color: #dddddd; background-image: none; box-shadow: 0 2px 8px rgba(41, 41, 42, 0.075); box-shadow: none; } -headerbar button:not(.text-button):active { color: #29292a; background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #29292a; background-color: #cecece; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(41, 41, 42, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); } -headerbar button:not(.text-button):checked:hover { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: 0 2px 8px rgba(96, 98, 100, 0.2); } -headerbar button:not(.text-button):checked:active { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: white; background-color: #606264; background: linear-gradient(65deg, #4b5560, #61717c); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #909091; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #909091; background-color: #e2e2e3; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #7c7c7c; background-color: #e8e8e8; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #7c7c7c; background-color: #e8e8e8; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #7c7c7c; background-color: #dedede; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #7c7c7c; background-color: #dedede; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: white; background-color: gray; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; background-color: gray; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d1d1d1; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #d1d1d1; background-color: #ededed; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d1d1d1; background-color: #ededed; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #e8e8e8; margin-left: 0; margin-right: 0; } diff --git a/ZorinOrange-Dark/gtk-3.0/gtk-dark.css b/ZorinOrange-Dark/gtk-3.0/gtk-dark.css index 8496bc15..7f223979 100644 --- a/ZorinOrange-Dark/gtk-3.0/gtk-dark.css +++ b/ZorinOrange-Dark/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #42332e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #42332e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #2d2522; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #2d2522; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8a736a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8a736a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #352c28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #352c28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8a736a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8a736a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a18479; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #a18479; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #191413; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #191413; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #4c3e39; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4c3e39; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #312824; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #312824; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #4c3e39; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4c3e39; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372b26; margin-left: 0; margin-right: 0; } diff --git a/ZorinOrange-Dark/gtk-3.0/gtk.css b/ZorinOrange-Dark/gtk-3.0/gtk.css index 8496bc15..7f223979 100644 --- a/ZorinOrange-Dark/gtk-3.0/gtk.css +++ b/ZorinOrange-Dark/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #42332e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #42332e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #2d2522; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #2d2522; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8a736a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8a736a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #352c28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #352c28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8a736a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8a736a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a18479; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #a18479; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #191413; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #191413; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #4c3e39; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4c3e39; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #312824; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #312824; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #4c3e39; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4c3e39; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372b26; margin-left: 0; margin-right: 0; } diff --git a/ZorinOrange-Dark/gtk-4.0/gtk-dark.css b/ZorinOrange-Dark/gtk-4.0/gtk-dark.css index 569ed957..e1726b39 100644 --- a/ZorinOrange-Dark/gtk-4.0/gtk-dark.css +++ b/ZorinOrange-Dark/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #fcc8b4; background-color: #42332e; background-image: none; box-shadow: 0 2px 8px rgba(30, 23, 21, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #fcc8b4; background-color: #42332e; background-image: none; box-shadow: 0 2px 8px rgba(30, 23, 21, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #fcc8b4; background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #fcc8b4; background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):checked:active { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #8a736a; background-color: #2d2522; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8a736a; background-color: #2d2522; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #8a736a; background-color: #352c28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8a736a; background-color: #352c28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #191413; background-color: #a18479; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #191413; background-color: #a18479; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #4c3e39; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4c3e39; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #4c3e39; background-color: #312824; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4c3e39; background-color: #312824; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372b26; margin-left: 0; margin-right: 0; } diff --git a/ZorinOrange-Dark/gtk-4.0/gtk.css b/ZorinOrange-Dark/gtk-4.0/gtk.css index 569ed957..e1726b39 100644 --- a/ZorinOrange-Dark/gtk-4.0/gtk.css +++ b/ZorinOrange-Dark/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #fcc8b4; background-color: #42332e; background-image: none; box-shadow: 0 2px 8px rgba(30, 23, 21, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #fcc8b4; background-color: #42332e; background-image: none; box-shadow: 0 2px 8px rgba(30, 23, 21, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #fcc8b4; background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #fcc8b4; background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):checked:active { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #8a736a; background-color: #2d2522; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8a736a; background-color: #2d2522; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #8a736a; background-color: #352c28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8a736a; background-color: #352c28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #191413; background-color: #a18479; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #191413; background-color: #a18479; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #4c3e39; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4c3e39; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #4c3e39; background-color: #312824; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4c3e39; background-color: #312824; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372b26; margin-left: 0; margin-right: 0; } diff --git a/ZorinOrange-Light/gtk-3.0/gtk-dark.css b/ZorinOrange-Light/gtk-3.0/gtk-dark.css index 8496bc15..7f223979 100644 --- a/ZorinOrange-Light/gtk-3.0/gtk-dark.css +++ b/ZorinOrange-Light/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #42332e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #42332e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #fcc8b4; outline-color: rgba(252, 200, 180, 0.3); background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 4px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1715; outline-color: rgba(30, 23, 21, 0.3); background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #2d2522; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #2d2522; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8a736a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8a736a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #352c28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #352c28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8a736a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8a736a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a18479; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #a18479; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #191413; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #191413; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #4c3e39; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4c3e39; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #312824; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #312824; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #4c3e39; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4c3e39; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372b26; margin-left: 0; margin-right: 0; } diff --git a/ZorinOrange-Light/gtk-3.0/gtk.css b/ZorinOrange-Light/gtk-3.0/gtk.css index ec97318e..199d3edd 100644 --- a/ZorinOrange-Light/gtk-3.0/gtk.css +++ b/ZorinOrange-Light/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #e6e0dd; background-image: none; box-shadow: 0 2px 4px rgba(86, 59, 37, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #e6e0dd; background-image: none; box-shadow: 0 2px 4px rgba(86, 59, 37, 0.075); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #d9d2cd; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(86, 59, 37, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #563b25; outline-color: rgba(86, 59, 37, 0.3); background-color: #d9d2cd; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(86, 59, 37, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: 0 2px 4px rgba(248, 128, 82, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: 0 2px 4px rgba(248, 128, 82, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: 0 2px 4px rgba(248, 128, 82, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: 0 2px 4px rgba(248, 128, 82, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #a89a8e; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #a89a8e; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #a89a8e; background-color: #eae5e2; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #a89a8e; background-color: #eae5e2; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #ebebeb; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #ebebeb; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #898989; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #898989; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #e2e2e2; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #e2e2e2; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #898989; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #898989; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #b6b6b6; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #b6b6b6; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: white; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #d2d2d2; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d2d2d2; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #f0f0f0; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #f0f0f0; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #d2d2d2; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d2d2d2; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #eeeae7; margin-left: 0; margin-right: 0; } diff --git a/ZorinOrange-Light/gtk-4.0/gtk-dark.css b/ZorinOrange-Light/gtk-4.0/gtk-dark.css index 569ed957..e1726b39 100644 --- a/ZorinOrange-Light/gtk-4.0/gtk-dark.css +++ b/ZorinOrange-Light/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #fcc8b4; background-color: #42332e; background-image: none; box-shadow: 0 2px 8px rgba(30, 23, 21, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #fcc8b4; background-color: #42332e; background-image: none; box-shadow: 0 2px 8px rgba(30, 23, 21, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #fcc8b4; background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #fcc8b4; background-color: #52403a; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(252, 200, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: 0 2px 8px rgba(252, 200, 180, 0.2); } -headerbar button:not(.text-button):checked:active { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1715; background-color: #fcc8b4; background: image(#fcc8b4); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #927367; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #927367; background-color: #2c221f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #8a736a; background-color: #2d2522; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8a736a; background-color: #2d2522; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #8a736a; background-color: #352c28; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8a736a; background-color: #352c28; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #191413; background-color: #a18479; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #191413; background-color: #a18479; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #4c3e39; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4c3e39; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #4c3e39; background-color: #312824; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4c3e39; background-color: #312824; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372b26; margin-left: 0; margin-right: 0; } diff --git a/ZorinOrange-Light/gtk-4.0/gtk.css b/ZorinOrange-Light/gtk-4.0/gtk.css index b2114652..3f7a9ece 100644 --- a/ZorinOrange-Light/gtk-4.0/gtk.css +++ b/ZorinOrange-Light/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #563b25; background-color: #e6e0dd; background-image: none; box-shadow: 0 2px 8px rgba(86, 59, 37, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #563b25; background-color: #e6e0dd; background-image: none; box-shadow: 0 2px 8px rgba(86, 59, 37, 0.075); box-shadow: none; } -headerbar button:not(.text-button):active { color: #563b25; background-color: #d9d2cd; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(86, 59, 37, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #563b25; background-color: #d9d2cd; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(86, 59, 37, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: white; background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: 0 2px 8px rgba(248, 128, 82, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: white; background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: 0 2px 8px rgba(248, 128, 82, 0.2); } -headerbar button:not(.text-button):checked:hover { color: white; background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: 0 2px 8px rgba(248, 128, 82, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: white; background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: 0 2px 8px rgba(248, 128, 82, 0.2); } -headerbar button:not(.text-button):checked:active { color: white; background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: white; background-color: #f88052; background: linear-gradient(65deg, #ff6a32, #ff8265); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #a89a8e; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #a89a8e; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #a89a8e; background-color: #eae5e2; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #a89a8e; background-color: #eae5e2; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #898989; background-color: #ebebeb; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #898989; background-color: #ebebeb; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #898989; background-color: #e2e2e2; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #898989; background-color: #e2e2e2; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: white; background-color: #b6b6b6; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; background-color: #b6b6b6; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #d2d2d2; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d2d2d2; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #d2d2d2; background-color: #f0f0f0; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d2d2d2; background-color: #f0f0f0; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #eeeae7; margin-left: 0; margin-right: 0; } diff --git a/ZorinPurple-Dark/gtk-3.0/gtk-dark.css b/ZorinPurple-Dark/gtk-3.0/gtk-dark.css index f56cd0ff..9e691153 100644 --- a/ZorinPurple-Dark/gtk-3.0/gtk-dark.css +++ b/ZorinPurple-Dark/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #393340; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #393340; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #29262d; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #29262d; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #7b7484; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #7b7484; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #302d34; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #302d34; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #7b7484; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #7b7484; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #8d839a; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #8d839a; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #161519; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #161519; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #433e49; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #433e49; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #2b2830; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #2b2830; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #433e49; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #433e49; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #302b36; margin-left: 0; margin-right: 0; } diff --git a/ZorinPurple-Dark/gtk-3.0/gtk.css b/ZorinPurple-Dark/gtk-3.0/gtk.css index f56cd0ff..9e691153 100644 --- a/ZorinPurple-Dark/gtk-3.0/gtk.css +++ b/ZorinPurple-Dark/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #393340; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #393340; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #29262d; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #29262d; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #7b7484; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #7b7484; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #302d34; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #302d34; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #7b7484; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #7b7484; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #8d839a; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #8d839a; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #161519; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #161519; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #433e49; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #433e49; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #2b2830; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #2b2830; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #433e49; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #433e49; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #302b36; margin-left: 0; margin-right: 0; } diff --git a/ZorinPurple-Dark/gtk-4.0/gtk-dark.css b/ZorinPurple-Dark/gtk-4.0/gtk-dark.css index 198e91ab..251e2416 100644 --- a/ZorinPurple-Dark/gtk-4.0/gtk-dark.css +++ b/ZorinPurple-Dark/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #d8c4f1; background-color: #393340; background-image: none; box-shadow: 0 2px 8px rgba(26, 24, 30, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #d8c4f1; background-color: #393340; background-image: none; box-shadow: 0 2px 8px rgba(26, 24, 30, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #d8c4f1; background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #d8c4f1; background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):checked:active { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #7b7484; background-color: #29262d; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #7b7484; background-color: #29262d; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #7b7484; background-color: #302d34; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #7b7484; background-color: #302d34; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #161519; background-color: #8d839a; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #161519; background-color: #8d839a; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #433e49; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #433e49; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #433e49; background-color: #2b2830; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #433e49; background-color: #2b2830; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #302b36; margin-left: 0; margin-right: 0; } diff --git a/ZorinPurple-Dark/gtk-4.0/gtk.css b/ZorinPurple-Dark/gtk-4.0/gtk.css index 198e91ab..251e2416 100644 --- a/ZorinPurple-Dark/gtk-4.0/gtk.css +++ b/ZorinPurple-Dark/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #d8c4f1; background-color: #393340; background-image: none; box-shadow: 0 2px 8px rgba(26, 24, 30, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #d8c4f1; background-color: #393340; background-image: none; box-shadow: 0 2px 8px rgba(26, 24, 30, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #d8c4f1; background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #d8c4f1; background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):checked:active { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #7b7484; background-color: #29262d; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #7b7484; background-color: #29262d; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #7b7484; background-color: #302d34; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #7b7484; background-color: #302d34; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #161519; background-color: #8d839a; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #161519; background-color: #8d839a; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #433e49; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #433e49; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #433e49; background-color: #2b2830; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #433e49; background-color: #2b2830; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #302b36; margin-left: 0; margin-right: 0; } diff --git a/ZorinPurple-Light/gtk-3.0/gtk-dark.css b/ZorinPurple-Light/gtk-3.0/gtk-dark.css index f56cd0ff..9e691153 100644 --- a/ZorinPurple-Light/gtk-3.0/gtk-dark.css +++ b/ZorinPurple-Light/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #393340; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #393340; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #d8c4f1; outline-color: rgba(216, 196, 241, 0.3); background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 4px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #1a181e; outline-color: rgba(26, 24, 30, 0.3); background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #29262d; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #29262d; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #7b7484; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #7b7484; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #302d34; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #302d34; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #7b7484; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #7b7484; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #8d839a; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #8d839a; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #161519; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #161519; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #433e49; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #433e49; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #2b2830; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #2b2830; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #433e49; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #433e49; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #302b36; margin-left: 0; margin-right: 0; } diff --git a/ZorinPurple-Light/gtk-3.0/gtk.css b/ZorinPurple-Light/gtk-3.0/gtk.css index 33e99e3b..5788439c 100644 --- a/ZorinPurple-Light/gtk-3.0/gtk.css +++ b/ZorinPurple-Light/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #402b4d; outline-color: rgba(64, 43, 77, 0.3); background-color: #e2dee4; background-image: none; box-shadow: 0 2px 4px rgba(64, 43, 77, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #402b4d; outline-color: rgba(64, 43, 77, 0.3); background-color: #e2dee4; background-image: none; box-shadow: 0 2px 4px rgba(64, 43, 77, 0.075); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #402b4d; outline-color: rgba(64, 43, 77, 0.3); background-color: #d4ced7; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(64, 43, 77, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #402b4d; outline-color: rgba(64, 43, 77, 0.3); background-color: #d4ced7; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(64, 43, 77, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: 0 2px 4px rgba(156, 104, 218, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: 0 2px 4px rgba(156, 104, 218, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: 0 2px 4px rgba(156, 104, 218, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: 0 2px 4px rgba(156, 104, 218, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #9d91a3; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #9d91a3; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #9d91a3; background-color: #e7e3e8; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #9d91a3; background-color: #e7e3e8; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #eaeaea; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #eaeaea; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #878787; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #878787; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #e1e1e1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #e1e1e1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #878787; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #878787; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #b3b3b3; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #b3b3b3; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: white; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #d2d2d2; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d2d2d2; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #efefef; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #efefef; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #d2d2d2; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d2d2d2; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #ebe8ec; margin-left: 0; margin-right: 0; } diff --git a/ZorinPurple-Light/gtk-4.0/gtk-dark.css b/ZorinPurple-Light/gtk-4.0/gtk-dark.css index 198e91ab..251e2416 100644 --- a/ZorinPurple-Light/gtk-4.0/gtk-dark.css +++ b/ZorinPurple-Light/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #d8c4f1; background-color: #393340; background-image: none; box-shadow: 0 2px 8px rgba(26, 24, 30, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #d8c4f1; background-color: #393340; background-image: none; box-shadow: 0 2px 8px rgba(26, 24, 30, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #d8c4f1; background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #d8c4f1; background-color: #47404f; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(216, 196, 241, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: 0 2px 8px rgba(216, 196, 241, 0.2); } -headerbar button:not(.text-button):checked:active { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #1a181e; background-color: #d8c4f1; background: image(#d8c4f1); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #7d718c; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #7d718c; background-color: #27232b; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #7b7484; background-color: #29262d; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #7b7484; background-color: #29262d; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #7b7484; background-color: #302d34; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #7b7484; background-color: #302d34; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #161519; background-color: #8d839a; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #161519; background-color: #8d839a; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #433e49; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #433e49; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #433e49; background-color: #2b2830; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #433e49; background-color: #2b2830; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #302b36; margin-left: 0; margin-right: 0; } diff --git a/ZorinPurple-Light/gtk-4.0/gtk.css b/ZorinPurple-Light/gtk-4.0/gtk.css index 061421c7..7e268683 100644 --- a/ZorinPurple-Light/gtk-4.0/gtk.css +++ b/ZorinPurple-Light/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #402b4d; background-color: #e2dee4; background-image: none; box-shadow: 0 2px 8px rgba(64, 43, 77, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #402b4d; background-color: #e2dee4; background-image: none; box-shadow: 0 2px 8px rgba(64, 43, 77, 0.075); box-shadow: none; } -headerbar button:not(.text-button):active { color: #402b4d; background-color: #d4ced7; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(64, 43, 77, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #402b4d; background-color: #d4ced7; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(64, 43, 77, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: white; background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: 0 2px 8px rgba(156, 104, 218, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: white; background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: 0 2px 8px rgba(156, 104, 218, 0.2); } -headerbar button:not(.text-button):checked:hover { color: white; background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: 0 2px 8px rgba(156, 104, 218, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: white; background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: 0 2px 8px rgba(156, 104, 218, 0.2); } -headerbar button:not(.text-button):checked:active { color: white; background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: white; background-color: #9c68da; background: linear-gradient(65deg, #8e49e0, #9f74e7); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #9d91a3; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #9d91a3; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #9d91a3; background-color: #e7e3e8; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #9d91a3; background-color: #e7e3e8; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #878787; background-color: #eaeaea; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #878787; background-color: #eaeaea; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #878787; background-color: #e1e1e1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #878787; background-color: #e1e1e1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: white; background-color: #b3b3b3; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; background-color: #b3b3b3; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #d2d2d2; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d2d2d2; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #d2d2d2; background-color: #efefef; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d2d2d2; background-color: #efefef; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #ebe8ec; margin-left: 0; margin-right: 0; } diff --git a/ZorinRed-Dark/gtk-3.0/gtk-dark.css b/ZorinRed-Dark/gtk-3.0/gtk-dark.css index a886d1f5..0fa55390 100644 --- a/ZorinRed-Dark/gtk-3.0/gtk-dark.css +++ b/ZorinRed-Dark/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #422e2e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #422e2e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #2e2222; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #2e2222; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8b6a6a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8b6a6a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #362828; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #362828; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8b6a6a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8b6a6a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a27878; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #a27878; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #1a1313; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #1a1313; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #4d3838; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4d3838; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #312323; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #312323; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #4d3838; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4d3838; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372626; margin-left: 0; margin-right: 0; } diff --git a/ZorinRed-Dark/gtk-3.0/gtk.css b/ZorinRed-Dark/gtk-3.0/gtk.css index a886d1f5..0fa55390 100644 --- a/ZorinRed-Dark/gtk-3.0/gtk.css +++ b/ZorinRed-Dark/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #422e2e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #422e2e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #2e2222; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #2e2222; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8b6a6a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8b6a6a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #362828; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #362828; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8b6a6a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8b6a6a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a27878; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #a27878; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #1a1313; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #1a1313; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #4d3838; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4d3838; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #312323; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #312323; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #4d3838; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4d3838; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372626; margin-left: 0; margin-right: 0; } diff --git a/ZorinRed-Dark/gtk-4.0/gtk-dark.css b/ZorinRed-Dark/gtk-4.0/gtk-dark.css index 39107a1a..ed9a889d 100644 --- a/ZorinRed-Dark/gtk-4.0/gtk-dark.css +++ b/ZorinRed-Dark/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #fdb4b4; background-color: #422e2e; background-image: none; box-shadow: 0 2px 8px rgba(30, 21, 21, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #fdb4b4; background-color: #422e2e; background-image: none; box-shadow: 0 2px 8px rgba(30, 21, 21, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #fdb4b4; background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #fdb4b4; background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):checked:active { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #8b6a6a; background-color: #2e2222; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8b6a6a; background-color: #2e2222; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #8b6a6a; background-color: #362828; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8b6a6a; background-color: #362828; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #1a1313; background-color: #a27878; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #1a1313; background-color: #a27878; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #4d3838; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4d3838; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #4d3838; background-color: #312323; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4d3838; background-color: #312323; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372626; margin-left: 0; margin-right: 0; } diff --git a/ZorinRed-Dark/gtk-4.0/gtk.css b/ZorinRed-Dark/gtk-4.0/gtk.css index 39107a1a..ed9a889d 100644 --- a/ZorinRed-Dark/gtk-4.0/gtk.css +++ b/ZorinRed-Dark/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #fdb4b4; background-color: #422e2e; background-image: none; box-shadow: 0 2px 8px rgba(30, 21, 21, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #fdb4b4; background-color: #422e2e; background-image: none; box-shadow: 0 2px 8px rgba(30, 21, 21, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #fdb4b4; background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #fdb4b4; background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):checked:active { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #8b6a6a; background-color: #2e2222; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8b6a6a; background-color: #2e2222; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #8b6a6a; background-color: #362828; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8b6a6a; background-color: #362828; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #1a1313; background-color: #a27878; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #1a1313; background-color: #a27878; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #4d3838; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4d3838; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #4d3838; background-color: #312323; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4d3838; background-color: #312323; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372626; margin-left: 0; margin-right: 0; } diff --git a/ZorinRed-Light/gtk-3.0/gtk-dark.css b/ZorinRed-Light/gtk-3.0/gtk-dark.css index a886d1f5..0fa55390 100644 --- a/ZorinRed-Light/gtk-3.0/gtk-dark.css +++ b/ZorinRed-Light/gtk-3.0/gtk-dark.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #422e2e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #422e2e; background-image: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #fdb4b4; outline-color: rgba(253, 180, 180, 0.3); background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 4px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1515; outline-color: rgba(30, 21, 21, 0.3); background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #2e2222; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #2e2222; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #8b6a6a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8b6a6a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #362828; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #362828; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #8b6a6a; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8b6a6a; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #a27878; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #a27878; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: #1a1313; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #1a1313; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #4d3838; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4d3838; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #312323; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #312323; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #4d3838; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4d3838; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372626; margin-left: 0; margin-right: 0; } diff --git a/ZorinRed-Light/gtk-3.0/gtk.css b/ZorinRed-Light/gtk-3.0/gtk.css index eaac94ae..b5ca9426 100644 --- a/ZorinRed-Light/gtk-3.0/gtk.css +++ b/ZorinRed-Light/gtk-3.0/gtk.css @@ -642,43 +642,43 @@ revealer box.view { background-color: transparent; } headerbar button { font-weight: bold; } -headerbar button:not(.text-button):not(.titlebutton) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):not(.titlebutton):hover { color: #572920; outline-color: rgba(87, 41, 32, 0.3); background-color: #e6dddb; background-image: none; box-shadow: 0 2px 4px rgba(87, 41, 32, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):hover { color: #572920; outline-color: rgba(87, 41, 32, 0.3); background-color: #e6dddb; background-image: none; box-shadow: 0 2px 4px rgba(87, 41, 32, 0.075); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):active { color: #572920; outline-color: rgba(87, 41, 32, 0.3); background-color: #d9cecb; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(87, 41, 32, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):active { color: #572920; outline-color: rgba(87, 41, 32, 0.3); background-color: #d9cecb; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(87, 41, 32, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):not(.titlebutton):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: 0 2px 4px rgba(250, 68, 68, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: 0 2px 4px rgba(250, 68, 68, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: 0 2px 4px rgba(250, 68, 68, 0.2); } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:hover { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: 0 2px 4px rgba(250, 68, 68, 0.2); } -headerbar button:not(.text-button):not(.titlebutton):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):checked:active { color: white; outline-color: rgba(255, 255, 255, 0.3); background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled { color: #a9908b; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled { color: #a9908b; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):disabled:active, headerbar button:not(.text-button):not(.titlebutton):disabled:checked { color: #a9908b; background-color: #eae2e1; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):disabled:checked { color: #a9908b; background-color: #eae2e1; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; -gtk-icon-effect: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { background-color: #eaeaea; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { background-color: #eaeaea; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):backdrop:hover { color: #878787; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #878787; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active { background-color: #e1e1e1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { background-color: #e1e1e1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:active { color: #878787; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:active { color: #878787; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { background-color: #b1b1b1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { background-color: #b1b1b1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:checked { color: white; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled { color: #d2d2d2; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d2d2d2; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { background-color: #efefef; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { background-color: #efefef; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):backdrop:disabled:checked { color: #d2d2d2; } +headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked label, headerbar button:not(.text-button):not(.titlebutton):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d2d2d2; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #eee8e6; margin-left: 0; margin-right: 0; } diff --git a/ZorinRed-Light/gtk-4.0/gtk-dark.css b/ZorinRed-Light/gtk-4.0/gtk-dark.css index 39107a1a..ed9a889d 100644 --- a/ZorinRed-Light/gtk-4.0/gtk-dark.css +++ b/ZorinRed-Light/gtk-4.0/gtk-dark.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #fdb4b4; background-color: #422e2e; background-image: none; box-shadow: 0 2px 8px rgba(30, 21, 21, 0.45); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #fdb4b4; background-color: #422e2e; background-image: none; box-shadow: 0 2px 8px rgba(30, 21, 21, 0.45); box-shadow: none; } -headerbar button:not(.text-button):active { color: #fdb4b4; background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #fdb4b4; background-color: #523939; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(253, 180, 180, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):checked:hover { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: 0 2px 8px rgba(253, 180, 180, 0.2); } -headerbar button:not(.text-button):checked:active { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: #1e1515; background-color: #fdb4b4; background: image(#fdb4b4); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #926767; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #926767; background-color: #2d1f1f; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #8b6a6a; background-color: #2e2222; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #8b6a6a; background-color: #2e2222; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #8b6a6a; background-color: #362828; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #8b6a6a; background-color: #362828; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: #1a1313; background-color: #a27878; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: #1a1313; background-color: #a27878; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #4d3838; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #4d3838; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #4d3838; background-color: #312323; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #4d3838; background-color: #312323; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #372626; margin-left: 0; margin-right: 0; } diff --git a/ZorinRed-Light/gtk-4.0/gtk.css b/ZorinRed-Light/gtk-4.0/gtk.css index c4f46ab7..853fbb69 100644 --- a/ZorinRed-Light/gtk-4.0/gtk.css +++ b/ZorinRed-Light/gtk-4.0/gtk.css @@ -664,33 +664,33 @@ headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, head headerbar button { font-weight: bold; } -headerbar button:not(.text-button) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-image 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); background-image: radial-gradient(circle farthest-corner at center, transparent 10%, transparent 0%); background-repeat: no-repeat; background-position: center; background-size: 1000% 1000%; } -headerbar button:not(.text-button):hover { color: #572920; background-color: #e6dddb; background-image: none; box-shadow: 0 2px 8px rgba(87, 41, 32, 0.075); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):hover { color: #572920; background-color: #e6dddb; background-image: none; box-shadow: 0 2px 8px rgba(87, 41, 32, 0.075); box-shadow: none; } -headerbar button:not(.text-button):active { color: #572920; background-color: #d9cecb; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(87, 41, 32, 0.075) 10%, transparent 0%); background-size: 0% 0%; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):active { color: #572920; background-color: #d9cecb; background-image: none; box-shadow: none; transition: all 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94), background-size 0, background-image 0; animation: ripple_effect 150ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; background-image: radial-gradient(circle farthest-corner at center, rgba(87, 41, 32, 0.075) 10%, transparent 0%); background-size: 0% 0%; } -headerbar button:not(.text-button):checked { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: 0 2px 8px rgba(250, 68, 68, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: 0 2px 8px rgba(250, 68, 68, 0.2); } -headerbar button:not(.text-button):checked:hover { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: 0 2px 8px rgba(250, 68, 68, 0.2); } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:hover { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: 0 2px 8px rgba(250, 68, 68, 0.2); } -headerbar button:not(.text-button):checked:active { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):checked:active { color: white; background-color: #fa4444; background: linear-gradient(65deg, #ff2626, #ff5966); box-shadow: none; } -headerbar button:not(.text-button):disabled { color: #a9908b; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled { color: #a9908b; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):disabled:active, headerbar button:not(.text-button):disabled:checked { color: #a9908b; background-color: #eae2e1; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):disabled:checked { color: #a9908b; background-color: #eae2e1; box-shadow: none; background-image: none; } -headerbar button:not(.text-button):backdrop { transition: 150ms ease-out; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop { transition: 150ms ease-out; } -headerbar button:not(.text-button):backdrop:hover { color: #878787; background-color: #eaeaea; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:hover { color: #878787; background-color: #eaeaea; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:active { color: #878787; background-color: #e1e1e1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:active { color: #878787; background-color: #e1e1e1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:checked { color: white; background-color: #b1b1b1; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:checked { color: white; background-color: #b1b1b1; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled { color: #d2d2d2; background-color: transparent; background-image: none; box-shadow: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled { color: #d2d2d2; background-color: transparent; background-image: none; box-shadow: none; } -headerbar button:not(.text-button):backdrop:disabled:active, headerbar button:not(.text-button):backdrop:disabled:checked { color: #d2d2d2; background-color: #efefef; box-shadow: none; background-image: none; } +headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:active, headerbar button:not(.text-button):not(.suggested-action):not(.destructive-action):backdrop:disabled:checked { color: #d2d2d2; background-color: #efefef; box-shadow: none; background-image: none; } headerbar .linked:not(.vertical) > button:not(.text-button):dir(ltr), headerbar .linked:not(.vertical) > button:not(.text-button):dir(rtl) { border-style: solid; border-width: 0 1px 0 0; border-color: #eee8e6; margin-left: 0; margin-right: 0; } diff --git a/debian/changelog b/debian/changelog index cd252a9e..1db855fe 100644 --- a/debian/changelog +++ b/debian/changelog @@ -1,3 +1,10 @@ +zorin-desktop-themes (4.0.7) jammy; urgency=medium + + * Fixed styling of suggested and destructive action buttons in + headerbars + + -- Artyom Zorin Sat, 18 Nov 2023 23:27:10 +0000 + zorin-desktop-themes (4.0.6) jammy; urgency=medium * Fixed issues with GNOME Shell and Gtk3 theme elements