feat: ✨ overhaul color palettes
This commit is contained in:
parent
baf90e0f9f
commit
bbf08a98cd
4 changed files with 91 additions and 64 deletions
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue