troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

make use of new lightdark css feature

Browse source
This commit is contained in:
Troy 2025-02-07 10:42:51 +00:00
parent 56eb0a2e41
commit 4806fdd248
Signed by: troy
GPG key ID: DFC06C02ED3B4711
5 changed files with 179 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/styles/global.css
View file

@ -80,20 +80,14 @@
}
:root {
--primary: var(--color-neutral-50);
--secondary: var(--color-neutral-950);
--tertiary: var(--color-neutral-500);
--accent: var(--color-neutral-700);
color-scheme: light dark;
--primary: light-dark(var(--color-neutral-50), var(--color-black));
--secondary: light-dark(var(--color-neutral-950), var(--color-neutral-50));
--tertiary: light-dark(var(--color-neutral-500), var(--color-neutral-500));
--accent: light-dark(var(--color-neutral-700), var(--color-neutral-300));
}
@media (prefers-color-scheme: dark) {
:root {
--primary: var(--color-black);
--secondary: var(--color-neutral-50);
--tertiary: var(--color-neutral-500);
--accent: var(--color-neutral-300);
}
.astro-code,
.astro-code span {
color: var(--shiki-dark) !important;