From 6682408d730f6bd9e99df1eb66dd865a9b77c792 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Lenon?= <lenonsec7@gmail.com>
Date: Sun, 1 Sep 2024 15:47:47 +0100
Subject: [PATCH] fix: path component for dark mode

---
 docs/the-basics/helpers.mdx    |  2 +-
 src/components/path.module.css | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/the-basics/helpers.mdx b/docs/the-basics/helpers.mdx
index b150a753..8bb059da 100644
--- a/docs/the-basics/helpers.mdx
+++ b/docs/the-basics/helpers.mdx
@@ -4570,7 +4570,7 @@ Merge the project root path with `Path.dirs.workers`:
 ```typescript
 import { Path } from '@athenna/common'
 
-console.log(Path.workers()) // /home/user/athenna-project/src/workers
+console.log(Path.workers()) // /home/user/athenna-project/src/worker
 ```
 
 #### `Path::setWorkers()`
diff --git a/src/components/path.module.css b/src/components/path.module.css
index 97af6eb8..b0e1cf7c 100644
--- a/src/components/path.module.css
+++ b/src/components/path.module.css
@@ -1,4 +1,3 @@
-/* Basic styling for the container and link */
 .hoverCardContainer {
   position: relative;
   display: inline-block;
@@ -6,18 +5,15 @@
 
 .hoverCardLink {
   text-decoration: none;
-  color: #007BFF;
   font-weight: bold;
   cursor: pointer;
 }
 
-/* Initial state of the card - hidden */
 .hoverCard {
   position: absolute;
   width: 200px;
   padding: 10px;
-  background-color: #fff;
-  border: 1px solid #ccc;
+  background-color: #f6f6f7;
   border-radius: 5px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   opacity: 0;
@@ -37,6 +33,10 @@
   text-align: center;
 }
 
+[data-theme='dark'] .hoverCard {
+  background-color: #252529;
+}
+
 .hoverCardContainer:hover .hoverCard {
   opacity: 1;
   pointer-events: auto;