seperated system theme into its own css file, combined different page css to a main theme css

This commit is contained in:
sundae 2026-04-07 20:14:23 +03:00
commit 1945abd6ad
Signed by: sundae
SSH key fingerprint: SHA256:MsJkKuo4PUdjQDpLeaURy81drKkW14exlTHp+8QFu6M
23 changed files with 938 additions and 958 deletions

View file

@ -1,10 +1,10 @@
@media (prefers-color-scheme: dark) {
article,
main article,
body,
header svg {
color: var(--secondary-light-300);
}
article {
main article {
border-color: var(--secondary-300);
background-color: var(--secondary-200);
& #default {
@ -40,14 +40,11 @@
}
& .addendum {
background-color: var(--secondary-400);
box-shadow: inset 0 0 0 2px var(--secondary);
border-image-source: linear-gradient(
45deg,
var(--secondary),
var(--secondary-600),
var(--secondary)
);
border-color: var(--secondary);
}
& ul li::before {
background-color: var(--secondary-light-300);
}
}
#posts {
& p:not(:last-child) {
@ -97,18 +94,11 @@
background-color: var(--secondary);
}
}
ul:not([role]) li::before {
background-color: var(--secondary-light-300);
}
#interests {
& a:is(:hover, :focus):not(.header-anchor) {
box-shadow: 0 0 0 1px currentColor;
background-color: var(--secondary-500);
}
& img {
box-shadow: 0 0 0 1px
color-mix(in lch, transparent, var(--secondary-500) 70%);
}
& details h3 {
border-color: var(--secondary-600);
}