okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style update

Browse source
This commit is contained in:
booploops 2022-03-21 14:31:29 -07:00
parent 84e440f925
commit 8ca7321f41
1 changed files with 22 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/renderer/style.less
View file

@ -142,8 +142,8 @@ body.notransparency::before {
} }
#app { #app {
--color1: rgba(30, 30, 30, 30%); --color1: rgba(15, 15, 15, 30%);
--color2: rgba(15, 15, 15, 30%); --color2: rgba(30, 30, 30, 50%);
--bgColor: transparent; --bgColor: transparent;
--bgWidth: 0px; --bgWidth: 0px;
--bgHeight: 0px; --bgHeight: 0px;
@ -799,25 +799,28 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
opacity: 0.6; opacity: 0.6;
} }
} }
} }
.app-sidebar-item:hover { .app-sidebar-item:hover {
border: 1px solid rgb(200 200 200 / 5%); border: 1px solid rgb(200 200 200 / 0%);
background: rgb(200 200 200 / 15%); background: rgb(180 180 180 / 15%);
// cursor: pointer;
} }
.app-sidebar-item:active { .app-sidebar-item:active {
border: 1px solid rgb(200 200 200 / 5%); border: 1px solid rgb(200 200 200 / 0%);
background: rgb(200 200 200 / 15%); background: rgb(150 150 150 / 15%);
transform: scale(0.98); // transform: scale(0.98);
transition: transform 0s; transition: transform 0s;
} }
.app-sidebar-item.active { .app-sidebar-item.active {
border: 1px solid rgb(200 200 200 / 5%); border: 1px solid rgb(200 200 200 / 0%);
background: rgb(200 200 200 / 15%); background: rgb(200 200 200 / 15%);
transform: scale(1); transform: scale(1);
transition: transform 0s; transition: transform 0s;
cursor: default;
} }
.app-sidebar-item.active::after { .app-sidebar-item.active::after {
@ -830,6 +833,17 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
border-radius: 10px; border-radius: 10px;
left: 0px; left: 0px;
background: var(--keyColor); background: var(--keyColor);
animation: expandIndicator .2s cubic-bezier(0.25, 1, 0.5, 1);
@keyframes expandIndicator {
0% {
transform: scaleY(0);
}
100% {
transform: scaleY(1);
}
}
} }
.app-chrome { .app-chrome {