feat: 用户管理和数字人授权

components/BubbleTitle.vue

@@ -12,6 +12,10 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
+  bubbleColor: {
+    type: String,
+    default: 'primary-500',
+  },
 })
 </script>
 
@@ -20,10 +24,10 @@ const props = defineProps({
     <div>
       <h1
         v-if="subtitle"
-        class="text-base text-neutral-300 italic tracking-wide font-black leading-none"
+        class="text-base text-neutral-300 dark:text-neutral-600 italic tracking-wide font-black leading-none"
       >{{ subtitle }}</h1>
 
-      <h1 class="text-xl font-bold text-neutral-700 leading-none relative z-[1]">
+      <h1 class="text-xl font-bold text-neutral-700 dark:text-neutral-300 leading-none relative z-[1]">
         {{ title }}
       </h1>
     </div>
@@ -34,7 +38,8 @@ const props = defineProps({
 
     <div
       v-if="bubble"
-      class="absolute -left-1.5 -bottom-1.5 w-4 h-4 rounded-full bg-primary-500/50 z-[0]"
+      :class="`bg-${bubbleColor}/50`"
+      class="absolute -left-1.5 -bottom-1.5 w-4 h-4 rounded-full z-[0]"
     ></div>
   </div>
 </template>