chore: update

Author: antfu

plugins/messages/src/client/components/FilterToggles.vue

@@ -31,7 +31,7 @@ function isDimmed(active: Set<string>, item: string): boolean {
       :class="[
         tag ? 'p-0.5' : 'px-1.5 py-0.5 gap-0.5 text-xs',
         !tag && !isDimmed(active, item) ? (styles?.[item]?.color || '') : '',
-        isDimmed(active, item) ? 'op30 saturate-50' : '',
+        isDimmed(active, item) ? 'op50 saturate-10 hover:op85 hover:saturate-50' : 'op85 hover:op100',
       ]"
       @click="$emit('toggle', item)"
     >

plugins/messages/src/client/components/MessageTag.vue

@@ -16,8 +16,8 @@ defineProps<{
   <DisplayBadge
     :text="text"
     :as="as"
-    :rounded="kind === 'label' ? 'full' : 'md'"
+    :rounded="kind === 'label' ? 'full' : kind === 'category' ? 0.4 : 'md'"
     class="text-xs"
-    :class="kind === 'category' ? 'border-l-2!' : ''"
+    :class="kind === 'category' ? 'border-l-3!' : ''"
   />
 </template>

plugins/messages/src/client/components/message-styles.ts

@@ -20,7 +20,7 @@ export const levels: Record<DevframeMessageLevel, LevelStyle> = {
   warn: { icon: 'i-ph:warning-duotone', color: 'dark:text-amber-200 text-amber-600', bg: 'bg-amber', label: 'Warning' },
   error: { icon: 'i-ph:x-circle-duotone', color: 'dark:text-red-200 text-red-600', bg: 'bg-red', label: 'Error' },
   success: { icon: 'i-ph:check-circle-duotone', color: 'dark:text-green-200 text-green-600', bg: 'bg-green', label: 'Success' },
-  debug: { icon: 'i-ph:bug-duotone', color: 'dark:text-gray-200 text-gray-600', bg: 'bg-gray', label: 'Debug' },
+  debug: { icon: 'i-ph:bug-duotone', color: 'dark:text-violet-200 text-violet-600', bg: 'bg-violet', label: 'Debug' },
 }
 
 export const fromEntries: Record<DevframeMessageEntryFrom, FromStyle> = {