Updated dragon scrollbars, well, and switches.

This commit is contained in:
sleekmason 2022-04-15 08:43:28 -05:00
parent 6472f9b1a4
commit fc30084f53

View file

@ -2563,7 +2563,7 @@ notebook > stack:not(:only-child) {
* Scrollbars * * Scrollbars *
**************/ **************/
scrollbar { scrollbar {
background-image: linear-gradient(to right, #222324, #222324); background-image: linear-gradient(to right, #161717, #161717);
transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
* { * {
-GtkScrollbar-has-backward-stepper: false; -GtkScrollbar-has-backward-stepper: false;
@ -2587,9 +2587,9 @@ scrollbar {
border: 1px solid #2F3233; border: 1px solid #2F3233;
border-radius: 10px; border-radius: 10px;
background-clip: padding-box; background-clip: padding-box;
background-image: linear-gradient(to right, #3A3E40, #4E5659); } background-image: linear-gradient(to right, #34393B, #34393B); }
scrollbar slider:hover { scrollbar slider:hover {
background-image: linear-gradient(to right, #88969C, #3A3E40); } background-image: linear-gradient(to right, #51595C, #51595C); }
scrollbar slider:hover:active { scrollbar slider:hover:active {
background-color: #2C2F30; } background-color: #2C2F30; }
scrollbar slider:backdrop { scrollbar slider:backdrop {
@ -2611,9 +2611,9 @@ scrollbar {
margin: 0; margin: 0;
min-width: 7px; min-width: 7px;
min-height: 7px; min-height: 7px;
background-color: shade(#C3D4D4, 0.9); background-color: shade(#656E6E, 0.9);
background-image: none; background-image: none;
border: 1px solid #C5D4D3; } border: 1px solid #656E6E; }
scrollbar.overlay-indicator:not(.dragging):not(.hovering) button { scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
min-width: 5px; min-width: 5px;
min-height: 5px; min-height: 5px;
@ -2725,7 +2725,7 @@ switch {
switch:checked { switch:checked {
box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent; box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px transparent;
border-color: shade(#696969, 1.1); border-color: shade(#696969, 1.1);
background-image: linear-gradient(to bottom, shade(#565E61, 1.1), #565E61); background-image: linear-gradient(to bottom, shade(#40484D, 1.1), #40484D);
text-shadow: 0 1px rgba(15, 66, 120, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); } text-shadow: 0 1px rgba(15, 66, 120, 0.5), 0 0 2px rgba(255, 255, 255, 0.6); }
switch:disabled { switch:disabled {
border-color: #2F3233; border-color: #2F3233;
@ -2758,13 +2758,13 @@ switch {
color: #C3D4D4; color: #C3D4D4;
outline-color: rgba(60, 60, 60, 0.3); outline-color: rgba(60, 60, 60, 0.3);
border-color: #2F3233; border-color: #2F3233;
background-image: linear-gradient(to bottom, #424F4F 20%, #151617 90%); background-image: linear-gradient(to bottom, #283030 20%, #283030 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #2C2F30, inset 0 -1px #4D5457, 0 1px rgba(0, 0, 0, 0.1); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #2C2F30, inset 0 -1px #4D5457, 0 1px rgba(0, 0, 0, 0.1); }
switch:hover slider { switch:hover slider {
color: #C3D4D4; color: #C3D4D4;
outline-color: rgba(60, 60, 60, 0.3); outline-color: rgba(60, 60, 60, 0.3);
border-color: #2F3233; border-color: #2F3233;
background-image: linear-gradient(to bottom, #151617 10%, #BCD5DE 90%); background-image: linear-gradient(to bottom, #424F4F 10%, #424F4F 90%);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #424F4F, inset 0 -1px#151617, 0 1px rgba(0, 0, 0, 0.1); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), inset 0 -2px #424F4F, inset 0 -1px#151617, 0 1px rgba(0, 0, 0, 0.1); }
switch:checked slider { switch:checked slider {
border: 1px solid alpha(#696969,0.8); } border: 1px solid alpha(#696969,0.8); }
@ -3066,7 +3066,7 @@ treeview.view radio:backdrop {
scale trough, scale fill, progressbar trough { scale trough, scale fill, progressbar trough {
border: 1px solid #2F3233; border: 1px solid #2F3233;
border-radius: 3px; border-radius: 3px;
background-color: #919E9D; background-color: #687575;
box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); } box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1); }
scale trough:disabled, scale fill:disabled, progressbar trough:disabled { scale trough:disabled, scale fill:disabled, progressbar trough:disabled {
background-color: #2C2F30; background-color: #2C2F30;