diff --git a/src/components/Skill.vue b/src/components/Skill.vue
index de5fe9e..ff27a0d 100755
--- a/src/components/Skill.vue
+++ b/src/components/Skill.vue
@@ -49,8 +49,8 @@ export default defineComponent({
           return 'hover:bg-purple-400'
         case 'orange':
           return 'hover:bg-orange-400'
-        case 'lightBlue':
-          return 'hover:bg-lightBlue-400'
+        case 'sky':
+          return 'hover:bg-sky-400'
         case 'lime':
           return 'hover:bg-lime-400'
         case 'teal':
diff --git a/windi.config.ts b/windi.config.ts
index 73ae7b1..9cfc4f6 100755
--- a/windi.config.ts
+++ b/windi.config.ts
@@ -121,7 +121,7 @@ module.exports = defineConfig({
       violet: colors.violet,
       indigo: colors.indigo,
       blue: colors.blue,
-      lightBlue: colors.lightBlue,
+      sky: colors.sky,
       cyan: colors.cyan,
       teal: colors.teal,
       emerald: colors.emerald,