From 753f2c3dd18ba08d794181b97b4fe57f9ddff7ab Mon Sep 17 00:00:00 2001
From: Hadi <112569860+anotherhadi@users.noreply.github.com>
Date: Wed, 1 Apr 2026 01:14:00 +0200
Subject: [PATCH] Edit nav & colors

Signed-off-by: Hadi <112569860+anotherhadi@users.noreply.github.com>
---
 public/logo-large.svg     | 64 +++++++++++++++++++++++++++++++++++++++
 src/components/Nav.svelte | 57 ++++++++++++++++++++++++++++------
 src/layouts/Layout.astro  | 29 +++---------------
 src/styles/global.css     |  6 ++--
 4 files changed, 118 insertions(+), 38 deletions(-)
 create mode 100644 public/logo-large.svg

diff --git a/public/logo-large.svg b/public/logo-large.svg
new file mode 100644
index 0000000..5d3fd17
--- /dev/null
+++ b/public/logo-large.svg
@@ -0,0 +1,64 @@
+<svg width="702" height="249" viewBox="0 0 702 249" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M47.9591 0C59.1413 0 68.9154 1.94653 77.2813 5.83959C85.73 9.64981 92.2737 15.0338 96.9122 21.9916C101.634 28.9494 103.994 37.1497 103.994 46.5924C103.994 55.9523 101.634 64.1526 96.9122 71.1932C92.2737 78.151 85.73 83.5764 77.2813 87.4695C68.9154 91.2797 59.1413 93.1848 47.9591 93.1848H0V0H47.9591ZM28.7009 80.6359L15.4066 67.4658H50.1956C55.2482 67.4658 59.5969 66.6375 63.2414 64.9809C66.9688 63.2414 69.8265 60.7979 71.8144 57.6504C73.8024 54.5028 74.7964 50.8168 74.7964 46.5924C74.7964 42.2852 73.8024 38.5992 71.8144 35.5345C69.8265 32.3869 66.9688 29.9848 63.2414 28.3282C59.5969 26.5887 55.2482 25.719 50.1956 25.719H15.4066L28.7009 12.5489V80.6359Z" fill="url(#paint0_linear_446_71)"/>
+<path d="M196.406 36.4042V56.7806H127.201V36.4042H196.406ZM146.956 46.5924L141.117 82.6239L129.81 70.075H200.755V93.1848H112.416L119.374 46.5924L112.416 0H200.134V23.1098H129.81L141.117 10.561L146.956 46.5924Z" fill="url(#paint1_linear_446_71)"/>
+<path d="M228.802 37.2739H296.765V61.502H228.802V37.2739ZM299.125 0V24.2281H230.168L243.711 10.9337V93.1848H214.762V0H299.125Z" fill="url(#paint2_linear_446_71)"/>
+<path d="M324.799 76.4116V53.3017H388.661V76.4116H324.799ZM376.361 0L418.108 93.1848H387.17L353.375 12.5489H361.203L327.284 93.1848H296.47L338.093 0H376.361Z" fill="url(#paint3_linear_446_71)"/>
+<path d="M447.888 50.941C447.888 54.8341 448.592 58.1473 450 60.8808C451.408 63.6142 453.521 65.7678 456.337 67.3416C459.153 68.8325 462.673 69.578 466.898 69.578C471.288 69.578 474.891 68.8325 477.707 67.3416C480.523 65.8506 482.594 63.7384 483.919 61.005C485.328 58.1888 486.032 54.8341 486.032 50.941V0H514.981V52.5562C514.981 61.0878 512.993 68.584 509.017 75.0449C505.041 81.4228 499.45 86.3927 492.244 89.9544C485.038 93.5162 476.589 95.297 466.898 95.297C457.372 95.297 449.006 93.5162 441.8 89.9544C434.594 86.3927 428.961 81.4228 424.902 75.0449C420.927 68.584 418.939 61.0878 418.939 52.5562V0H447.888V50.941Z" fill="url(#paint4_linear_446_71)"/>
+<path d="M558.938 0V80.3875L545.892 67.4658H615.346V93.1848H529.989V0H558.938Z" fill="url(#paint5_linear_446_71)"/>
+<path d="M637.927 12.5489H666.876V93.1848H637.927V12.5489ZM603.386 0H701.417V25.719H603.386V0Z" fill="url(#paint6_linear_446_71)"/>
+<path d="M187.929 207.194C186.935 215.477 184.036 222.766 179.232 229.061C174.51 235.356 168.215 240.243 160.346 243.722C152.56 247.201 143.615 248.94 133.509 248.94C122.575 248.94 113.008 246.911 104.808 242.852C96.6079 238.794 90.2299 233.12 85.6742 225.83C81.1185 218.541 78.8407 210.01 78.8407 200.236C78.8407 190.462 81.1185 181.93 85.6742 174.641C90.2299 167.352 96.6079 161.678 104.808 157.619C113.008 153.56 122.575 151.531 133.509 151.531C143.615 151.531 152.56 153.271 160.346 156.749C168.215 160.228 174.51 165.115 179.232 171.411C184.036 177.623 186.935 184.912 187.929 193.278H158.855C158.027 189.716 156.495 186.693 154.258 184.208C152.105 181.64 149.288 179.694 145.81 178.368C142.331 176.96 138.23 176.256 133.509 176.256C128.208 176.256 123.652 177.209 119.842 179.114C116.032 181.019 113.091 183.794 111.021 187.438C108.95 191 107.914 195.266 107.914 200.236C107.914 205.206 108.95 209.471 111.021 213.033C113.091 216.595 116.032 219.37 119.842 221.358C123.652 223.263 128.208 224.215 133.509 224.215C138.23 224.215 142.331 223.594 145.81 222.352C149.288 221.026 152.105 219.08 154.258 216.512C156.495 213.944 158.027 210.838 158.855 207.194H187.929Z" fill="url(#paint7_linear_446_71)"/>
+<path d="M219.659 193.899H252.212C255.857 193.899 258.673 193.071 260.661 191.414C262.732 189.758 263.767 187.355 263.767 184.208C263.767 181.06 262.732 178.658 260.661 177.002C258.673 175.345 255.857 174.517 252.212 174.517H215.559L228.605 161.098V246.828H199.656V153.643H256.561C263.767 153.643 270.104 154.927 275.57 157.495C281.037 160.063 285.303 163.624 288.368 168.18C291.432 172.736 292.965 178.078 292.965 184.208C292.965 190.172 291.432 195.473 288.368 200.111C285.303 204.667 281.037 208.229 275.57 210.797C270.104 213.282 263.767 214.524 256.561 214.524H219.659V193.899ZM232.084 203.218H264.264L296.32 246.828H263.146L232.084 203.218Z" fill="url(#paint8_linear_446_71)"/>
+<path d="M388.297 190.048V210.424H319.092V190.048H388.297ZM338.847 200.236L333.007 236.267L321.701 223.718H392.645V246.828H304.306L311.264 200.236L304.306 153.643H392.024V176.753H321.701L333.007 164.204L338.847 200.236Z" fill="url(#paint9_linear_446_71)"/>
+<path d="M454.611 153.643C465.794 153.643 475.568 155.59 483.934 159.483C492.382 163.293 498.926 168.677 503.565 175.635C508.286 182.593 510.647 190.793 510.647 200.236C510.647 209.596 508.286 217.796 503.565 224.837C498.926 231.794 492.382 237.22 483.934 241.113C475.568 244.923 465.794 246.828 454.611 246.828H406.652V153.643H454.611ZM435.353 234.279L422.059 221.109H456.848C461.901 221.109 466.249 220.281 469.894 218.624C473.621 216.885 476.479 214.441 478.467 211.294C480.455 208.146 481.449 204.46 481.449 200.236C481.449 195.929 480.455 192.243 478.467 189.178C476.479 186.03 473.621 183.628 469.894 181.971C466.249 180.232 461.901 179.362 456.848 179.362H422.059L435.353 166.192V234.279Z" fill="url(#paint10_linear_446_71)"/>
+<path d="M519.288 216.264H548.61C548.941 218.417 549.976 220.322 551.716 221.979C553.538 223.553 555.982 224.795 559.046 225.706C562.111 226.535 565.714 226.949 569.856 226.949C575.571 226.949 580.003 226.286 583.15 224.961C586.381 223.635 587.996 221.606 587.996 218.873C587.996 216.968 587.085 215.435 585.262 214.276C583.44 213.033 579.837 212.205 574.453 211.791L558.052 210.424C544.634 209.43 534.901 206.531 528.854 201.727C522.891 196.84 519.909 190.296 519.909 182.096C519.909 175.386 521.855 169.795 525.748 165.322C529.641 160.767 535.067 157.329 542.025 155.01C548.982 152.691 557.183 151.531 566.625 151.531C575.737 151.531 583.813 152.815 590.854 155.383C597.977 157.951 603.609 161.595 607.751 166.316C611.975 170.955 614.295 176.38 614.709 182.593H585.387C585.055 180.77 584.103 179.197 582.529 177.871C581.038 176.463 578.884 175.386 576.068 174.641C573.252 173.895 569.897 173.523 566.004 173.523C560.869 173.523 556.768 174.144 553.704 175.386C550.722 176.629 549.231 178.493 549.231 180.978C549.231 182.8 550.101 184.291 551.84 185.45C553.662 186.61 556.976 187.397 561.78 187.811L579.796 189.302C588.741 189.965 595.948 191.373 601.414 193.526C606.964 195.597 610.981 198.455 613.466 202.099C615.951 205.661 617.194 210.175 617.194 215.642C617.194 222.269 615.206 228.108 611.23 233.161C607.254 238.131 601.663 242.024 594.457 244.84C587.333 247.574 578.967 248.94 569.359 248.94C559.502 248.94 550.846 247.574 543.391 244.84C535.937 242.107 530.097 238.297 525.873 233.41C521.648 228.44 519.453 222.724 519.288 216.264Z" fill="url(#paint11_linear_446_71)"/>
+<defs>
+<linearGradient id="paint0_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+<linearGradient id="paint1_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+<linearGradient id="paint2_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+<linearGradient id="paint3_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+<linearGradient id="paint4_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+<linearGradient id="paint5_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+<linearGradient id="paint6_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+<linearGradient id="paint7_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+<linearGradient id="paint8_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+<linearGradient id="paint9_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+<linearGradient id="paint10_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+<linearGradient id="paint11_linear_446_71" x1="350.708" y1="0" x2="350.708" y2="248.94" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C7A5F5"/>
+<stop offset="1" stop-color="#89D2C7"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index d114ac0..9a746f3 100644
--- a/src/components/Nav.svelte
+++ b/src/components/Nav.svelte
@@ -1,17 +1,34 @@
 <script lang="ts">
-  import { Menu } from "lucide-svelte";
+  import { Search, Book, Github, User, Shield, Menu } from "lucide-svelte";
   import type { Snippet } from "svelte";
-  import type { NavItem } from "../types/nav";
 
   let {
-    title = "",
-    navLinks = [],
     action,
   }: {
     title?: string;
-    navLinks?: NavItem[];
     action?: Snippet;
   } = $props();
+
+  const navLinks = [
+    { label: "Search", href: "/", icon: Search },
+    { label: "API", href: "/api-docs", icon: Book },
+    {
+      label: "More",
+      children: [
+        {
+          label: "Source code",
+          href: "https://github.com/anotherhadi/default-creds",
+          icon: Github,
+        },
+        {
+          label: "Passwords list",
+          href: "https://github.com/anotherhadi/default-creds/blob/main/src/data",
+          icon: Shield,
+        },
+        { label: "About me", href: "https://hadi.icu", icon: User },
+      ],
+    },
+  ];
 </script>
 
 <div class="bg-base-200">
@@ -31,17 +48,37 @@
                 <span>{link.label}</span>
                 <ul class="p-2">
                   {#each link.children as sublink}
-                    <li><a href={sublink.href}>{sublink.label}</a></li>
+                    <li>
+                      <a href={sublink.href} class="flex items-center gap-2">
+                        {#if sublink.icon}
+                          {@const Icon = sublink.icon}
+                          <Icon size={12} />
+                        {/if}
+                        {sublink.label}
+                      </a>
+                    </li>
                   {/each}
                 </ul>
               {:else}
-                <a href={link.href}>{link.label}</a>
+                <a href={link.href} class="flex items-center gap-2">
+                  {#if link.icon}
+                    {@const Icon = link.icon}
+                    <Icon size={12} />
+                  {/if}
+                  {link.label}
+                </a>
               {/if}
             </li>
           {/each}
         </ul>
       </div>
-      <a href="/" class="btn btn-ghost text-xl">{title}</a>
+      <a
+        href="/"
+        class="btn btn-ghost text-xl flex justify-center gap-4 items-center"
+      >
+        <img src="/logo.svg" class="m-auto h-6" alt="iky logo" />
+        <img src="/logo-large.svg" class="m-auto h-6" alt="iky logo large" />
+      </a>
     </div>
 
     <div class="navbar-center hidden lg:flex">
@@ -57,7 +94,7 @@
                       <a href={sublink.href} class="flex items-center gap-2">
                         {#if sublink.icon}
                           {@const Icon = sublink.icon}
-                          <Icon size={16} />
+                          <Icon size={12} />
                         {/if}
                         {sublink.label}
                       </a>
@@ -69,7 +106,7 @@
               <a href={link.href} class="flex items-center gap-2">
                 {#if link.icon}
                   {@const Icon = link.icon}
-                  <Icon size={18} />
+                  <Icon size={14} />
                 {/if}
                 {link.label}
               </a>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 2512f56..4761fc7 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,7 +1,7 @@
 ---
 import "../styles/global.css";
 import Navbar from "../components/Nav.svelte";
-import { Search, Book, Github, User, Shield, Coffee } from "lucide-svelte";
+import { Coffee } from "lucide-svelte";
 
 interface Props {
   title?: string;
@@ -15,27 +15,6 @@ const {
   ogImage = `${Astro.site ?? "https://default-creds.hadi.icu"}/og.png`
 } = Astro.props;
 
-const myLinks = [
-  { label: "Search", href: "/", icon: Search },
-  { label: "API", href: "/api-docs", icon: Book },
-  {
-    label: "More",
-    children: [
-      {
-        label: "Source code",
-        href: "https://github.com/anotherhadi/default-creds",
-        icon: Github,
-      },
-      {
-        label: "Passwords list",
-        href: "https://github.com/anotherhadi/default-creds/blob/main/src/data",
-        icon: Shield,
-      },
-      { label: "About me", href: "https://hadi.icu", icon: User },
-    ],
-  },
-];
-
 const umamiUrl = process.env.PUBLIC_UMAMI_URL;
 const umamiId = process.env.PUBLIC_UMAMI_WEBSITE_ID;
 ---
@@ -67,13 +46,13 @@ const umamiId = process.env.PUBLIC_UMAMI_WEBSITE_ID;
     <meta name="twitter:image" content={ogImage} />
   </head>
   <body class="bg-base-100 min-h-screen">
-    <Navbar title="Default Creds" navLinks={myLinks} client:load>
+    <Navbar client:load>
       <a
         href="https://ko-fi.com/anotherhadi"
         slot="action"
         target="_blank"
-        class="btn btn-primary btn-sm md:btn-md"
-        ><Coffee class="size-5" /> Support me</a
+        class="btn btn-primary btn-sm"
+        ><Coffee class="size-3" /> Support me</a
       >
     </Navbar>
     <div class="m-auto max-w-5xl md:py-10 md:px-10 py-5 px-5 animate-fade-in">
diff --git a/src/styles/global.css b/src/styles/global.css
index b771e2a..f1a90c4 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -23,9 +23,9 @@
   --color-neutral: #313244; /* Surface0 */
   --color-neutral-content: #cdd6f4; /* Text */
 
-  --color-base-300: #1e1e2e; /* Base */
-  --color-base-200: #181825; /* Mantle */
-  --color-base-100: #11111b; /* Crust */
+  --color-base-300: #1a1a2a; /* Base */
+  --color-base-200: #12121F; /* Mantle */
+  --color-base-100: #0C0C16; /* Crust */
   --color-base-content: #cdd6f4; /* Text */
 
   --color-info: #89b4fa; /* Blue */