First custom design layout

2026-02-24 21:07:04 +02:00
parent 151efc88fc
commit 52c1739149
8 changed files with 44 additions and 108 deletions
--- a/ui/src/app.css
+++ b/ui/src/app.css
@@ -1,15 +1,20 @@
+@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap");
@import "tailwindcss";

+:root {
+  font-family: "Manrope", "Avenir Next", "Segoe UI", sans-serif;
+}
+
 #app {
  user-select: none;
 }

 main {
-  @apply flex flex-col items-center justify-center min-h-screen bg-gray-50 gap-8 px-4;
+  @apply flex flex-col items-center justify-center min-h-screen bg-[#EED5B8] text-[#4C250E] gap-8 px-4;
 }

 h1 {
-  @apply uppercase text-6xl text-sky-700 font-thin;
+  @apply uppercase text-6xl text-[#8E4F24] font-thin;
 }

 button {