diff --git a/src/assets/images/skills/AdonisJs.png b/src/assets/images/skills/AdonisJs.png
index ead889f..b548d03 100644
Binary files a/src/assets/images/skills/AdonisJs.png and b/src/assets/images/skills/AdonisJs.png differ
diff --git a/src/components/Skill.vue b/src/components/Skill.vue
index 5e3d8f6..fd454df 100644
--- a/src/components/Skill.vue
+++ b/src/components/Skill.vue
@@ -45,8 +45,8 @@ export default {
           return 'hover:bg-yellow-400'
         case 'emerald':
           return 'hover:bg-emerald-400'
-        case 'black':
-          return 'hover:bg-black dark:hover:bg-gray-500'
+        case 'purple':
+          return 'hover:bg-purple-400'
         case 'orange':
           return 'hover:bg-orange-400'
         case 'lightBlue':
diff --git a/src/content/skills.json b/src/content/skills.json
index 7592d84..affe121 100644
--- a/src/content/skills.json
+++ b/src/content/skills.json
@@ -37,7 +37,7 @@
   },
   {
     "title": "AdonisJs",
-    "color": "black",
+    "color": "purple",
     "cover": "AdonisJs",
     "slug": "adonisjs"
   },