sundae/website
sundae/website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

oh no i bit more than i could chew oh fuck oh shit *dies*

Browse source
This commit is contained in:
sundae 2026-04-07 11:43:33 +03:00
commit 19b436ead1
Signed by: sundae
SSH key fingerprint: SHA256:MsJkKuo4PUdjQDpLeaURy81drKkW14exlTHp+8QFu6M
73 changed files with 553 additions and 780 deletions
Download patch file Download diff file Expand all files Collapse all files

50
_src/assets/css/citrus/variables.css
View file

@ -5,9 +5,15 @@
--citrus-dark: color-mix(in lch, var(--citrus-secondary), var(--dark) 60%);
--citrus-light-extra: color-mix(in lch, var(--citrus-light), var(--light));
--citrus-dark-extra: color-mix(in lch, var(--citrus-dark), var(--dark));
--citrus-mix: color-mix(in lch,var(--citrus-primary),var(--citrus-secondary));
--citrus-mix: color-mix(
in lch,
var(--citrus-primary),
var(--citrus-secondary)
);
--citrus-mix-light: color-mix(in lch, var(--citrus-light), var(--citrus-mix));
--citrus-mix-dark: color-mix(in lch, var(--citrus-dark), var(--citrus-mix));
--rot-plus: rotate(0.5deg);
--rot-minus: rotate(-0.5deg);
--shadow-light: 0.2rem 0.2rem 0.2rem 0.1rem #0002;
--shadow-heavy: 0.2rem 0.2rem 0.4rem 0.2rem #0004;
--checker: url("/assets/img/theme/citrus/checker.png");
@ -16,17 +22,43 @@
--paper: url("/assets/img/theme/citrus/paper.png");
--noise: url("/assets/img/theme/citrus/imagedoc-lightnoise.png");
--border: url("/assets/img/theme/citrus/border.png");
--nav-bg: var(--dot), linear-gradient(var(--citrus-primary), var(--citrus-secondary) 60%, var(--citrus-primary) 120%);
--button-bg: linear-gradient(var(--citrus-primary) 30%, var(--citrus-mix) 80%);
--nav-bg:
var(--dot),
linear-gradient(
var(--citrus-primary),
var(--citrus-secondary) 60%,
var(--citrus-primary) 120%
);
--button-bg: linear-gradient(
var(--citrus-primary) 30%,
var(--citrus-mix) 80%
);
--button-border: 2px solid var(--citrus-dark);
--button-shine: inset 0px 2px var(--citrus-light), inset 0px -2px var(--citrus-mix);
--button-hover-bg: linear-gradient(var(--citrus-light),var(--citrus-primary),var(--citrus-mix-light));
--button-shine:
inset 0px 2px var(--citrus-light), inset 0px -2px var(--citrus-mix);
--button-hover-bg: linear-gradient(
var(--citrus-light),
var(--citrus-primary),
var(--citrus-mix-light)
);
--button-hover-border: 2px solid var(--citrus-light);
--button-hover-shine: inset 0 -2px 0 0 var(--citrus-mix);
--button-current-bg: linear-gradient(var(--citrus-mix-dark),var(--citrus-dark-extra) 200%);
--button-current-bg: linear-gradient(
var(--citrus-mix-dark),
var(--citrus-dark-extra) 200%
);
--button-current-border: 2px solid var(--citrus-dark-extra);
--button-current-shine: inset 0px 2px 0 var(--citrus-mix-light), inset 0 -2px 0 var(--citrus-mix-dark);
--details-bg: linear-gradient(-45deg,var(--citrus-primary),var(--citrus-mix),var(--citrus-primary));
--details-shine: inset 0 2px 0 var(--citrus-light-extra), inset 2px 0 0 var(--citrus-light), inset 0 -2px 0 var(--citrus-primary), inset -2px 0 0 var(--citrus-primary);
--button-current-shine:
inset 0px 2px 0 var(--citrus-mix-light),
inset 0 -2px 0 var(--citrus-mix-dark);
--details-bg: linear-gradient(
-45deg,
var(--citrus-primary),
var(--citrus-mix),
var(--citrus-primary)
);
--details-shine:
inset 0 2px 0 var(--citrus-light-extra), inset 2px 0 0 var(--citrus-light),
inset 0 -2px 0 var(--citrus-primary), inset -2px 0 0 var(--citrus-primary);
--details-border: 2px solid var(--citrus-dark);
}