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

improve light theme on frontpage

Browse source
This commit is contained in:
outfoxxed 2024-11-08 18:02:02 -08:00
parent 4e92d47695
commit e804c7c39c
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
2 changed files with 66 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/styles/components/featurelist.css
View file

@ -18,17 +18,17 @@
align-items: center;
margin-block: 0.618rem;
border-radius: 9px;
background-color: hsla(var(--blue) 100 81 / 0.05);
background-color: hsla(var(--blue) 60 98 / 0.6);
padding-inline: 0.618rem;
padding-block: 1.217rem;
border: 1px solid hsla(0 0 100 / 0.05);
border: 1px solid hsla(0 0 0 / 0.1);
&::before {
content: "";
position: absolute;
inset: 0.618rem;
z-index: -1;
background-image: radial-gradient(
hsla(0 0 100 / 0.1) 1px,
hsla(0 0 0 / 0.4) 1px,
transparent 1px
);
background-position: 50% 50%;
@ -39,12 +39,30 @@
}
}
html.dark .featurelist-item {
background-color: hsla(var(--blue) 100 81 / 0.05);
border-color: hsla(0 0 100 / 0.05);
&::before {
background-image: radial-gradient(
hsla(0 0 100 / 0.1) 1px,
transparent 1px
);
}
}
.feature-text {
text-align: center;
font-size: 1.2rem;
& .feature-title {
margin-bottom: 0.517rem;
}
& .feature-subtitle {
color: #303030;
}
}
html.dark .feature-text {
& .feature-subtitle {
color: #afafaf;
}