feat: update hover color and bg for action more button (#983)

components/common/CommonAlert.vue

@@ -20,7 +20,7 @@ function close() {
     <div>
       <slot />
     </div>
-    <button text-xl hover:text-primary bg-hover-overflow w="1.4em" h="1.4em" @click="close()">
+    <button text-xl hover:text-primary bg-hover-overflow w="1.2em" h="1.2em" @click="close()">
       <div i-ri:close-line />
     </button>
   </div>

components/status/StatusActionsMore.vue

@@ -121,9 +121,9 @@ const showFavoritedAndBoostedBy = () => {
   <CommonDropdown flex-none ms3 placement="bottom" :eager-mount="command">
     <StatusActionButton
       :content="$t('action.more')"
-      color="text-purple"
-      hover="text-purple"
-      group-hover="bg-purple/10"
+      color="text-primary"
+      hover="text-primary"
+      group-hover="bg-primary-light"
       icon="i-ri:more-line"
       my--2
     />

unocss.config.ts

@@ -57,7 +57,7 @@ export default defineConfig({
       'flex-center': 'items-center justify-center',
       'flex-v-center': 'items-center',
       'flex-h-center': 'justify-center',
-      'bg-hover-overflow': 'relative z-0 transition-colors duration-250 after-content-empty after:(absolute inset--2px bg-transparent rounded-lg z--1 transition-colors duration-250) hover:after:(bg-active)',
+      'bg-hover-overflow': 'relative z-0 transition-colors duration-250 after-content-empty after:(absolute inset--4px bg-transparent rounded-full z--1 transition-colors duration-250) hover:after:(bg-active)',
 
       'timeline-title-style': 'text-primary text-lg font-bold',
     },