improve light theme

This commit is contained in:
outfoxxed 2024-11-08 20:20:38 -08:00
parent 5e253ef331
commit aed59a3f75
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
7 changed files with 24 additions and 38 deletions

View file

@ -18,17 +18,16 @@
align-items: center;
margin-block: 0.618rem;
border-radius: 9px;
background-color: hsla(var(--blue) 60 98 / 0.6);
background-color: hsl(var(--blue) 60 98);
padding-inline: 0.618rem;
padding-block: 1.217rem;
border: 1px solid hsla(0 0 0 / 0.1);
border: 1px solid hsl(var(--blue) 9 75);
&::before {
content: "";
position: absolute;
inset: 0.618rem;
z-index: -1;
background-image: radial-gradient(
hsla(0 0 0 / 0.4) 1px,
hsl(var(--blue) 9 75) 1px,
transparent 1px
);
background-position: 50% 50%;
@ -73,6 +72,11 @@ html.dark .feature-text {
aspect-ratio: 16 / 9;
}
html:not(.dark) .feature-showcase .shiki,
html:not(.dark) .feature-showcase .shiki span {
background-color: #ffffff;
}
.feature-video {
border-radius: 0.681rem;
}