diff --git a/src/components/UsersDetailCardComponent.vue b/src/components/UsersDetailCardComponent.vue
index 8f138b1a..6d72df2b 100644
--- a/src/components/UsersDetailCardComponent.vue
+++ b/src/components/UsersDetailCardComponent.vue
@@ -315,11 +315,11 @@ defineEmits<{
     }
   }
   &.color__purple {
-    --_color: var(--purple-11-hsl);
+    --_color: var(--violet-11-hsl);
   }
 
   &.color__green {
-    --_color: var(--teal-9-hsl);
+    --_color: var(--teal-10-hsl);
   }
 }