feat: new logo

src/app.css

@@ -3,7 +3,7 @@
 
 @layer base {
   html {
-    @apply bg-cocoa-brown text-yellow-400 text-center;
+    @apply bg-cocoa-brown text-yellow-300 text-center;
   }
 }
 

src/lib/images/logo2.png

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:252ffdedbfb3b952c9c3b7f2b26a6bf4c9c35b3e47769b49b0c39cc44874ab81
+size 3582877

src/routes/+layout.svelte

@@ -1,7 +1,7 @@
 <script>
   import "../app.css";
 
-  import LogoImg from "$lib/images/logo.png?width=512&format=webp;png&srcset";
+  import LogoImg from "$lib/images/logo2.png?width=512&format=webp;png&srcset";
 </script>
 
 <header class="flex justify-center">
@@ -19,7 +19,7 @@
   <div class="max-w-screen-md">
     <p class="font-vinque text-6xl mt-8">
       Ein <span class="text-[4rem] relative bottom-2">P</span>feil am rechten
-      <span class="text-red-500"
+      <span class="text-red"
         ><span class="text-[4rem] relative bottom-2">F</span>leck</span
       >
     </p>

tailwind.config.cjs

@@ -11,30 +11,20 @@ module.exports = {
         DEFAULT: "#261C1C",
       },
       red: {
-        DEFAULT: "#BC2B1F",
-        50: "#F0A9A3",
-        100: "#ED9891",
-        200: "#E7786E",
-        300: "#E1574B",
-        400: "#DC3628",
-        500: "#BC2B1F",
-        600: "#8C2017",
-        700: "#5C150F",
-        800: "#2C0A07",
-        900: "#000000",
+        DEFAULT: "#CB162A",
       },
       yellow: {
-        DEFAULT: "#DDB679",
-        50: "#FAF4EB",
-        100: "#F6EBDB",
-        200: "#EED9BA",
-        300: "#E5C89A",
-        400: "#DDB679",
-        500: "#D29E4C",
-        600: "#B7822F",
-        700: "#8B6223",
-        800: "#5E4318",
-        900: "#31230C",
+        DEFAULT: "#F7BF43",
+        50: "#FDEECC",
+        100: "#FCE7B8",
+        200: "#FADA91",
+        300: "#F9CC6A",
+        400: "#F7BF43",
+        500: "#F5AD0D",
+        600: "#C28808",
+        700: "#8C6206",
+        800: "#563C04",
+        900: "#201701",
       },
     },
     extend: {