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: light) {
article,
main article,
body,
header svg {
color: var(--primary-dark-300);
}
article {
main article {
border-color: var(--primary-300);
background-color: var(--primary-200);
& #default {
@ -40,13 +40,10 @@
}
& .addendum {
background-color: var(--primary-400);
box-shadow: inset 0 0 0 2px var(--primary);
border-image-source: linear-gradient(
45deg,
var(--primary),
var(--primary-600),
var(--primary)
);
border-color: var(--primary);
}
& ul:not([role]) li::before {
background-color: var(--primary-dark-300);
}
}
#posts {
@ -97,18 +94,11 @@
background-color: var(--primary-dark-500);
}
}
ul:not([role]) li::before {
background-color: var(--primary-dark-300);
}
#interests {
& a:is(:hover, :focus):not(.header-anchor) {
box-shadow: 0 0 0 1px currentColor;
background-color: var(--primary-500);
}
& img {
box-shadow: 0 0 0 1px
color-mix(in lch, transparent, var(--primary-dark-500) 30%);
}
& details h3 {
border-color: var(--primary-dark-600);
}