diff --git a/src/components/overview.tsx b/src/components/overview.tsx
index 9e8b619..4738132 100644
--- a/src/components/overview.tsx
+++ b/src/components/overview.tsx
@@ -9,18 +9,6 @@ export type OverviewProps = {
export const Overview = ({ wallpapers }: OverviewProps) => {
return (
<>
- {/*
- Wallpapers
-
*/}
{
";
+ inherits: true;
+ initial-value: #242424;
+}
+
+@property --window_fg_color {
+ syntax: "";
+ inherits: true;
+ initial-value: #ffffff;
+}
+
+@media (prefers-color-scheme: light) {
+ :root {
+ --window_fg_color: rgba(0, 0, 0, 0.8);
+ --window_bg_color: #fafafa;
+ }
+}
+@media (prefers-color-scheme: dark) {
+ :root {
+ --window_fg_color: #ffffff;
+ --window_bg_color: #242424;
+ }
+}
+
body {
- background-color: #1e1e1e;
- color: #fff;
+ background-color: var(--window_bg_color, #242424);
+ color: var(--window_fg_color, #ffffff);
font-family: Cantarell, "Droid Sans", Ubuntu, "DejaVu Sans", Arial, sans-serif !important;
}