quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

significantly improve light theme

Browse source
This commit is contained in:
outfoxxed 2024-10-08 16:55:50 -07:00
parent 0e749e5bfa
commit 0d5909ff58
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
6 changed files with 108 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/styles/docs/nav/nav-tree.css
View file

@ -13,7 +13,7 @@
}
[data-scope="accordion"][data-part="item-trigger"] {
background-color: hsl(var(--bg-900));
background-color: transparent;
position: relative;
border: unset;
border-radius: 6px;
@ -46,14 +46,15 @@
position: absolute;
border-radius: 6px;
z-index: -1;
inset: -1px;
background-color: hsla(var(--green) 80 70 / 0.3);
transition: background-color 0.3s;
inset: -0px;
/*border: 1px solid hsla(var(--green) 80 70 / 0.3);*/
border: 1px solid hsl(var(--accent-700));
transition: border-color 0.3s;
}
&:hover {
&::before {
background-color: hsla(var(--green) 80 70 / 0.6);
border-color: hsla(var(--accent-500));
}
}
}
@ -70,10 +71,22 @@
margin-left: 3px;
&:hover {
background-color: hsl(var(--blue) 30 30);
background-color: hsl(var(--blue) 20 80);
}
}
html.dark [data-scope="accordion"][data-part="item-indicator"]:hover {
background-color: hsl(var(--blue) 30 30);
}
.nav-shevron {
color: black;
}
html.dark .nav-shevron {
color: white;
}
[data-scope="accordion"][data-part="item-indicator"][data-state="open"] {
animation: rotateIn 250ms ease-in-out forwards;
}