style: standardize button colors and improve accessibility

Author: mk965

components/ui/button.tsx

@@ -15,9 +15,9 @@ export function Button({
     <Component
       className={clsx([
         'border border-transparent',
-        'bg-blue-600 hover:bg-blue-700 dark:hover:bg-blue-500',
+        'bg-primary-600 hover:bg-primary-700 dark:hover:bg-primary-500',
         'text-white hover:text-white dark:text-white dark:hover:text-white',
-        'focus:shadow-outline-blue focus:outline-none',
+        'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2',
         'transition-colors duration-150',
         'text-sm font-medium leading-5',
         'inline rounded-lg px-4 py-2 shadow',

json/tag-data.json

@@ -2,13 +2,13 @@
   "2023": 1,
   "2024": 1,
   "fe": 13,
-  "react": 3,
-  "react-router-dom": 1,
   "javascript": 6,
   "flat": 1,
   "vue": 5,
   "vue3": 2,
   "deno": 1,
+  "react": 3,
+  "react-router-dom": 1,
   "nextjs": 2,
   "database": 1,
   "mysql": 1,
@@ -20,12 +20,12 @@
   "flex": 1,
   "font-family": 1,
   "tips": 1,
+  "indexeddb": 1,
   "open-source": 1,
   "avp": 1,
   "effects-video": 1,
   "webgl": 2,
   "canvas": 2,
-  "indexeddb": 1,
   "record-screen": 1,
   "html2canvas": 1,
   "video": 1,
@@ -48,19 +48,19 @@
   "ai": 4,
   "mcp": 3,
   "llm": 4,
+  "deepseek": 1,
+  "ollama": 1,
+  "dify": 1,
   "bank": 1,
   "wechat": 1,
   "harmonyos": 1,
   "app": 1,
-  "deepseek": 1,
-  "ollama": 1,
-  "dify": 1,
+  "invoice": 1,
+  "tax": 1,
   "honekong": 1,
   "hsbc-hk": 1,
   "bochk": 1,
   "za-bank": 1,
-  "invoice": 1,
-  "tax": 1,
   "typescript": 3,
   "string": 1,
   "casing": 1,