diff --git a/src/components/misc/colorBubble.vue b/src/components/misc/colorBubble.vue
index 19fe3de83..523cf2aac 100644
--- a/src/components/misc/colorBubble.vue
+++ b/src/components/misc/colorBubble.vue
@@ -6,12 +6,11 @@
 </template>
 
 <script lang="ts" setup>
-defineProps({
-	color: {
-		type: String,
-		required: true,
-	},
-})
+import type { Color } from 'csstype'
+
+defineProps< {
+	color: Color,
+}>()
 </script>
 
 <style scoped>