Featured finished, ready to merge into master

This commit is contained in:
Eudaimon 2022-05-21 16:17:27 +02:00
parent cf8cc44147
commit 837eb5922f
14 changed files with 845 additions and 285 deletions

View file

@ -170,13 +170,13 @@ spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not
spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #990000; }
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #938989; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; }
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; }
spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(147, 137, 137, 0.5); outline-width: 2px; outline-offset: -2px; }
spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; }
spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #938989; }
spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #3a3543; }
@ -220,8 +220,8 @@ treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #b
editablelabel > stack > text { color: #241f31; border-color: #241f31; background-color: #908f8d; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.5); }
/*********** Buttons * */
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #f57900 0%, rgba(245, 121, 0, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #f57900 95%, rgba(245, 121, 0, 0)); } }
@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #938989 0%, rgba(147, 137, 137, 0) 0%); }
to { background-image: radial-gradient(farthest-side, #938989 95%, rgba(147, 137, 137, 0)); } }
/****************************************************** Buttons * */
scrollbar > range > trough > slider, notebook > header > tabs > arrow, windowcontrols button, button { min-height: 24px; min-width: 16px; padding: 2px 6px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #241f31; background-color: #bcbeb9; border-color: #241f31; outline-color: rgba(176, 221, 126, 0.5); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15)); text-shadow: 0 1px rgba(255, 255, 255, 0.3); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; }
@ -346,7 +346,7 @@ menubutton.circular button, button.circular { min-width: 32px; min-height: 32px;
menubutton.circular button label, button.circular label { padding: 0; }
stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #f57900 96%, rgba(245, 121, 0, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #938989 96%, rgba(147, 137, 137, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; }
stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; }
@ -1167,7 +1167,7 @@ levelbar > trough:backdrop { color: #393543; border-color: #828282; background-c
levelbar > trough > block { border: 1px solid; }
levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; }
levelbar > trough > block.low { border-color: #938989; background-color: #938989; }
levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #b0dd7e; background-color: #b0dd7e; }
@ -1709,7 +1709,7 @@ widgets main borders color on backdrop windows */
@define-color unfocused_borders #828282;
/*
these are pretty self explicative */
@define-color warning_color #f57900;
@define-color warning_color #938989;
@define-color error_color #990000;
@define-color success_color #73d216;
/*