fix: font and colors and stuff

flamingchickens1540 · Jan 23, 2025 · 564be31 · 564be31
1 parent 51818f5
commit 564be31
Show file tree

Hide file tree

Showing 26 changed files with 158 additions and 8 deletions.
diff --git a/src/app.css b/src/app.css
@@ -76,3 +76,147 @@
         @apply bg-background text-foreground;
     }
 }
+
+@layer base {
+    @font-face {
+        font-family: Teko;
+        font-style: normal;
+        font-weight: 300;
+        src: url(/static/fonts/teko/Teko-Light.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Teko;
+        font-style: normal;
+        font-weight: 400;
+        src: url(/static/fonts/teko/Teko-Regular.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Teko;
+        font-style: normal;
+        font-weight: 500;
+        src: url(/static/fonts/teko/Teko-Medium.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Teko;
+        font-style: normal;
+        font-weight: 600;
+        src: url(/static/fonts/teko/Teko-SemiBold.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Teko;
+        font-style: normal;
+        font-weight: 700;
+        src: url(/static/fonts/teko/Teko-Bold.ttf) format("tff");
+    }
+
+    @font-face {
+        font-family: Poppins;
+        font-style: normal;
+        font-weight: 100;
+        src: url(/static/fonts/poppins/Poppins-Thin.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: italic;
+        font-weight: 100;
+        src: url(/static/fonts/poppins/Poppins-ThinItalic.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: normal;
+        font-weight: 200;
+        src: url(/static/fonts/poppins/Poppins-ExtraLight.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: italic;
+        font-weight: 200;
+        src: url(/static/fonts/poppins/Poppins-ExtraLightItalic.ttf)
+            format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: normal;
+        font-weight: 300;
+        src: url(/static/fonts/poppins/Poppins-Light.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: italic;
+        font-weight: 300;
+        src: url(/static/fonts/poppins/Poppins-LightItalic.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: normal;
+        font-weight: 400;
+        src: url(/static/fonts/poppins/Poppins-Regular.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: italic;
+        font-weight: 400;
+        src: url(/static/fonts/poppins/Poppins-Italic.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: normal;
+        font-weight: 500;
+        src: url(/static/fonts/poppins/Poppins-Medium.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: italic;
+        font-weight: 500;
+        src: url(/static/fonts/poppins/Poppins-MediumItalic.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: normal;
+        font-weight: 600;
+        src: url(/static/fonts/poppins/Poppins-SemiBold.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: italic;
+        font-weight: 600;
+        src: url(/static/fonts/poppins/Poppins-SemiBoldItalic.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: normal;
+        font-weight: 700;
+        src: url(/static/fonts/poppins/Poppins-Bold.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: italic;
+        font-weight: 700;
+        src: url(/static/fonts/poppins/Poppins-BoldItalic.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: normal;
+        font-weight: 800;
+        src: url(/static/fonts/poppins/Poppins-ExtraBold.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: italic;
+        font-weight: 800;
+        src: url(/static/fonts/poppins/Poppins-ExtraBoldItalic.ttf)
+            format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: normal;
+        font-weight: 900;
+        src: url(/static/fonts/poppins/Poppins-Black.ttf) format("tff");
+    }
+    @font-face {
+        font-family: Poppins;
+        font-style: italic;
+        font-weight: 900;
+        src: url(/static/fonts/poppins/Poppins-BlackItalic.ttf) format("tff");
+    }
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -4,3 +4,9 @@
 </script>
 
 {@render children()}
+
+<style lang="postcss">
+	:global(body) {
+		@apply bg-eerie_black font-sans text-white;
+	}
+</style>
diff --git a/src/routes/home/+page.svelte b/src/routes/home/+page.svelte
@@ -6,16 +6,16 @@
 
 <div class="flex w-full flex-col gap-2 p-2">
     <div class="flex w-full items-center justify-between gap-2">
-        <button class="rounded bg-zinc-300 p-1"><LogOut /></button>
+        <button class="rounded p-1"><LogOut /></button>
         <span class="font-semibold">{name}</span>
-        <button class="rounded bg-zinc-300 p-1"><Settings /></button>
+        <button class="rounded p-1"><Settings /></button>
     </div>
     <div class="grid gap-2 text-xl font-semibold">
-        <button class="rounded bg-zinc-300 p-2">Pit Display</button>
-        <button class="rounded bg-zinc-300 p-2">Pit Scout</button>
-        <button class="rounded bg-zinc-300 p-2">Match Scout</button>
-        <button class="rounded bg-zinc-300 p-2">Admin</button>
-        <button class="rounded bg-zinc-300 p-2">Analysis</button>
-        <button class="rounded bg-zinc-300 p-2">Bug Report</button>
+        <button class="rounded bg-gunmetal p-2">Pit Display</button>
+        <button class="rounded bg-gunmetal p-2">Pit Scout</button>
+        <button class="rounded bg-gunmetal p-2">Match Scout</button>
+        <button class="rounded bg-gunmetal p-2">Admin</button>
+        <button class="rounded bg-gunmetal p-2">Analysis</button>
+        <button class="rounded bg-gunmetal p-2">Bug Report</button>
     </div>
 </div>
diff --git a/static/fonts/poppins/Poppins-Black.ttf b/static/fonts/poppins/Poppins-Black.ttf
diff --git a/static/fonts/poppins/Poppins-BlackItalic.ttf b/static/fonts/poppins/Poppins-BlackItalic.ttf
diff --git a/static/fonts/poppins/Poppins-Bold.ttf b/static/fonts/poppins/Poppins-Bold.ttf
diff --git a/static/fonts/poppins/Poppins-BoldItalic.ttf b/static/fonts/poppins/Poppins-BoldItalic.ttf
diff --git a/static/fonts/poppins/Poppins-ExtraBold.ttf b/static/fonts/poppins/Poppins-ExtraBold.ttf
diff --git a/static/fonts/poppins/Poppins-ExtraBoldItalic.ttf b/static/fonts/poppins/Poppins-ExtraBoldItalic.ttf
diff --git a/static/fonts/poppins/Poppins-ExtraLight.ttf b/static/fonts/poppins/Poppins-ExtraLight.ttf
diff --git a/static/fonts/poppins/Poppins-ExtraLightItalic.ttf b/static/fonts/poppins/Poppins-ExtraLightItalic.ttf
diff --git a/static/fonts/poppins/Poppins-Italic.ttf b/static/fonts/poppins/Poppins-Italic.ttf
diff --git a/static/fonts/poppins/Poppins-Light.ttf b/static/fonts/poppins/Poppins-Light.ttf
diff --git a/static/fonts/poppins/Poppins-LightItalic.ttf b/static/fonts/poppins/Poppins-LightItalic.ttf
diff --git a/static/fonts/poppins/Poppins-Medium.ttf b/static/fonts/poppins/Poppins-Medium.ttf
diff --git a/static/fonts/poppins/Poppins-MediumItalic.ttf b/static/fonts/poppins/Poppins-MediumItalic.ttf
diff --git a/static/fonts/poppins/Poppins-Regular.ttf b/static/fonts/poppins/Poppins-Regular.ttf
diff --git a/static/fonts/poppins/Poppins-SemiBold.ttf b/static/fonts/poppins/Poppins-SemiBold.ttf
diff --git a/static/fonts/poppins/Poppins-SemiBoldItalic.ttf b/static/fonts/poppins/Poppins-SemiBoldItalic.ttf
diff --git a/static/fonts/poppins/Poppins-Thin.ttf b/static/fonts/poppins/Poppins-Thin.ttf
diff --git a/static/fonts/poppins/Poppins-ThinItalic.ttf b/static/fonts/poppins/Poppins-ThinItalic.ttf
diff --git a/static/fonts/teko/Teko-Bold.ttf b/static/fonts/teko/Teko-Bold.ttf
diff --git a/static/fonts/teko/Teko-Light.ttf b/static/fonts/teko/Teko-Light.ttf
diff --git a/static/fonts/teko/Teko-Medium.ttf b/static/fonts/teko/Teko-Medium.ttf
diff --git a/static/fonts/teko/Teko-Regular.ttf b/static/fonts/teko/Teko-Regular.ttf
diff --git a/static/fonts/teko/Teko-SemiBold.ttf b/static/fonts/teko/Teko-SemiBold.ttf