tidying up stuff i forgot to change

This commit is contained in:
sundae 2025-08-10 17:05:40 +03:00
parent c091831537
commit f20b697aed
No known key found for this signature in database
77 changed files with 1014 additions and 660 deletions

View file

@ -1,8 +1,10 @@
@media (prefers-color-scheme: dark) {
article, body {
color: var(--secondary-light-300);
}
article {
border-color: var(--secondary-300);
background-color: var(--secondary-200);
color: var(--secondary-light-300);
& aside {
box-shadow: inset 0 0 0 2px var(--secondary-500);
@ -64,7 +66,6 @@
/* default.css */
body {
background-color: var(--secondary-100);
color: var(--secondary-light-300);
/* this is cursed */
& :is(a, button) {
color: var(--secondary-light-400);
@ -75,9 +76,32 @@
border-color: currentColor;
background-color: var(--secondary-500);
}
&:is(.header-anchor):is(:hover, :focus) {
background-color: var(--secondary-light-400);
color: var(--secondary-300);
box-shadow: 0 0 0 2px var(--secondary-300);
}
}
& > nav {
border-color: var(--secondary);
& details {
background-color: var(--secondary-100);
&:not([open]) summary {
color: var(--secondary);
}
}
& details[open] {
border-color: var(--secondary);
background-color: var(--secondary-300);
color: var(--secondary-light-300);
& a[aria-current] {
color: var(--secondary-500);
border-color: var(--secondary-light-500);
background-color: var(--secondary-light-500);
}
}
&::before,
::after {
background-color: var(--secondary);
@ -87,37 +111,13 @@
&::after {
background-color: var(--secondary);
}
& details {
background-color: var(--secondary-100);
&:not([open]) summary {
color: var(--secondary);
}
}
& details[open] {
border-color: var(--secondary);
background-color: var(--secondary-300);
color: var(--secondary-light-300);
& summary {
color: var(--secondary-light-300);
background-color: inherit;
}
& a[aria-current] {
color: var(--secondary-500);
border-color: var(--secondary-light-500);
background-color: var(--secondary-light-500);
}
}
}
/* home.css */
ul:not([role]) li::before {
background-color: var(--secondary-light-300);
}
#collection {
& a:is(:hover, :focus) {
#interests {
& a:is(:hover, :focus):not(.header-anchor) {
box-shadow: 0 0 0 1px currentColor;
background-color: var(--secondary-500);
}
@ -125,11 +125,14 @@
box-shadow: 0 0 0 1px
color-mix(in lch, transparent, var(--secondary-500) 70%);
}
& details h3 {
border-color: var(--secondary-600);
}
}
a:has(img[src*="/assets/img/button"]) {
background-color: unset;
&:is(:hover, :focus) img {
filter: drop-shadow(4px 6px 0 var(--primary-500));
filter: drop-shadow(4px 6px 0 var(--secondary-500));
}
}
}