feat: overhaul color palettes

This commit is contained in:
Sebin Nyshkim 2025-04-11 19:52:27 +02:00
parent baf90e0f9f
commit bbf08a98cd
4 changed files with 91 additions and 64 deletions

View file

@ -94,7 +94,7 @@
background-color: var(--clr-nav-background);
margin: 0;
border: var(--border-thin) solid var(--clr-box-border);
border: var(--border-thin) solid var(--clr-nav-border);
border-block-start: none;
border-inline-end: none;
border-end-start-radius: 0.75em;
@ -135,12 +135,12 @@
transition: color 0.4s ease;
&:hover {
color: var(--clr-nav-link-hover, #888);
color: var(--clr-nav-link-hover);
}
}
& .link-active {
color: var(--clr-nav-link-active, red);
color: var(--clr-nav-link-active);
}
}
</style>

View file

@ -8,12 +8,12 @@
position: relative;
background: linear-gradient(
to bottom right,
oklch(from var(--clr-box-background) calc(l + 0.2) c h) 0%,
oklch(from var(--clr-box-background) l c h) 50%
var(--clr-box-gradient-start) 0%,
var(--clr-box-gradient-end) 50%
);
box-shadow: 0em 1em 1.875em var(--clr-box-shadow);
box-shadow: 0.125em 0.125em 0.5em var(--clr-box-shadow);
margin-block: 1em;
border-radius: 1em;
padding: 1em;

View file

@ -34,8 +34,8 @@
background: linear-gradient(
to bottom right,
oklch(from var(--clr-box-background) calc(l + 0.2) c h) 0%,
oklch(from var(--clr-box-background) l c h) 50%
var(--clr-box-gradient-start) 0%,
var(--clr-box-gradient-end) 50%
);
box-shadow: 0.125em 0.125em 0.5em var(--clr-box-shadow);