From bb2d70cc7a57a63c573c63d81d2b4652b425a0da Mon Sep 17 00:00:00 2001
From: Mehdi Dara <pyrexrj@gmail.com>
Date: Fri, 26 Jan 2024 15:10:16 +0330
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Invert=20the=20opacity=20state?=
 =?UTF-8?q?=20in=20navbar=20items?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/navbar.svelte | 8 ++++----
 src/components/theme.svelte  | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/navbar.svelte b/src/components/navbar.svelte
index f900fce..1355902 100644
--- a/src/components/navbar.svelte
+++ b/src/components/navbar.svelte
@@ -54,7 +54,7 @@
   <div class="flex items-center justify-between mx-auto">
     <div class="flex items-center space-x-2">
       <a href="/" aria-label="Go to the SVGL v4.1 home page">
-        <div class="flex items-center space-x-2 hover:opacity-80 transition-opacity">
+        <div class="flex items-center space-x-2 opacity-80 hover:opacity-100 transition-opacity">
           <svelte:component this={Logo} />
           <span class="text-[19px] font-medium tracking-wide hidden md:block">svgl</span>
           <p class="text-neutral-400 hidden md:block font-mono">v4.1</p>
@@ -71,7 +71,7 @@
             target={link.external ? '_blank' : ''}
             aria-label={link.label ?? link.name}
             class={cn(
-              'flex items-center hover:opacity-80 transition-opacity text-[15px] pl-2 md:pl-3 group',
+              'flex items-center opacity-80 hover:opacity-100 transition-opacity text-[15px] pl-2 md:pl-3 group',
               currentPath === link.url &&
                 'underline underline-offset-8 decoration-dotted decoration-neutral-500'
             )}
@@ -102,7 +102,7 @@
         <a
           href="https://twitter.com/pheralb_"
           target="_blank"
-          class="flex items-center space-x-1 hover:opacity-80 transition-opacity"
+          class="flex items-center space-x-1 opacity-80 hover:opacity-100 transition-opacity"
           title="Twitter"
         >
           <XIcon iconSize={16} />
@@ -111,7 +111,7 @@
           <a
             href={social.url}
             target="_blank"
-            class="flex items-center space-x-1 hover:opacity-80 transition-opacity"
+            class="flex items-center space-x-1 opacity-80 hover:opacity-100 transition-opacity"
             title={social.name}
           >
             <svelte:component this={social.icon} size={20} strokeWidth={1.5} name={social.name} />
diff --git a/src/components/theme.svelte b/src/components/theme.svelte
index bef609c..d1d3900 100644
--- a/src/components/theme.svelte
+++ b/src/components/theme.svelte
@@ -51,7 +51,7 @@
   </script>
 </svelte:head>
 
-<button on:click={toggle} aria-label="Toggle dark mode" class="hover:opacity-80">
+<button on:click={toggle} aria-label="Toggle dark mode" class="opacity-80 hover:opacity-100">
   <!-- moon icon -->
   {#if dark}
     <SunIcon size={20} strokeWidth={1.5} />