From 94154c49aabc22019ec814cea274226030ca6467 Mon Sep 17 00:00:00 2001
From: NihadBadalov <32594553+NihadBadalov@users.noreply.github.com>
Date: Thu, 15 Feb 2024 08:21:43 +0100
Subject: [PATCH] Feat: Change hover colors to shades of gray

---
 src/layouts/Layout.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/layouts/Layout.vue b/src/layouts/Layout.vue
index 56e35a6e..94eaa731 100644
--- a/src/layouts/Layout.vue
+++ b/src/layouts/Layout.vue
@@ -212,7 +212,11 @@ export default {
 
 .nav-link {
     &:hover {
-        background-color: rgba($primary, 0.2);
+        background-color: rgba(0, 0, 0, 0.05);
+
+        .dark & {
+            background-color: rgba(255, 255, 255, 0.05);
+        }
     }
 
     &.status-page {