diff --git a/src/components/FakeTMP.tsx b/src/components/FakeTMP.tsx index 8cd5784..df1db71 100644 --- a/src/components/FakeTMP.tsx +++ b/src/components/FakeTMP.tsx @@ -37,7 +37,7 @@ function parse(temp: string): React.ReactNode[] { function add(str: string) { if (currentColor == null) { spans.push( - + {str} ); diff --git a/src/index.css b/src/index.css index f89dd48..458739e 100644 --- a/src/index.css +++ b/src/index.css @@ -15,6 +15,18 @@ --danger-inverse: #fff; } +@media (prefers-color-scheme: dark) { + .tmp { + color: #ffffff; + } +} + +@media (prefers-color-scheme: light) { + .tmp { + color: #000000; + } +} + .currentAccount { align-items: center; gap: 0.5rem;