Start theming implementation

2026-06-16 16:20:04 +00:00 · 2024-03-17 17:54:40 +01:00
parent 4ad0914b17
commit 87a4d50190
9 changed files with 259 additions and 67 deletions
@@ -0,0 +1,19 @@
+import {Theme} from "Frontend/components/theming/Theme";
+import {Typography} from "@material-tailwind/react";
+
+export default function ThemePreview({theme}: { theme: Theme }) {
+    return (
+        <div className={`
+            size-full bg-background
+            grid grid-rows-3
+            rounded-lg
+            border-2 border-on-background
+            p-4 gap-4
+            `}>
+            <div className="bg-primary flex grow rounded-lg"></div>
+            <div className="bg-secondary flex grow rounded-lg"></div>
+            <div className="bg-tertiary flex grow rounded-lg"></div>
+            <Typography variant="paragraph" className="text-center">{theme.name}</Typography>
+        </div>
+    );
+}