diff --git a/src/components/Skill.vue b/src/components/Skill.vue
index 38e5b5b..2b0505e 100644
--- a/src/components/Skill.vue
+++ b/src/components/Skill.vue
@@ -61,6 +61,8 @@ export default defineComponent({
           return 'hover:bg-red-400'
         case 'rose':
           return 'hover:bg-rose-400'
+        case 'amber':
+          return 'hover:bg-amber-400'
       }
     })
     const getCoverLink = computed(() => require(`@/assets/images/skills/${props.cover}`))
diff --git a/src/content/skills.json b/src/content/skills.json
index 5516cd3..b2e1e0d 100644
--- a/src/content/skills.json
+++ b/src/content/skills.json
@@ -49,7 +49,7 @@
   },
   {
     "title": "WindiCss",
-    "color": "light-blue",
+    "color": "lightBlue",
     "cover": "Windicss.png",
     "slug": "windicss"
   },