Skip to content

Commit

Permalink
Fixed styling of suggested and destructive action buttons in headerbars
Browse files Browse the repository at this point in the history
  • Loading branch information
@ArtyomZorin
ArtyomZorin committed Nov 18, 2023
1 parent b32d559 commit 01edb89
Show file tree
Hide file tree
Showing 49 changed files with 799 additions and 792 deletions.
38 changes: 19 additions & 19 deletions ZorinBlue-Dark/gtk-3.0/gtk-dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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; }

Expand Down
Loading

0 comments on commit 01edb89

Please sign in to comment.