Make the 'me' avatar look better

Author: ghostwriternr

src/webviews/components/exchange/request.tsx

@@ -7,7 +7,7 @@ export function RequestViewItem(props: Request) {
   return (
     <div className="mb-4 mt-2">
       <div className="flex">
-        <div className="mr-3 mt-1 flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-blue-500 text-xs font-medium text-white">
+        <div className="bg-activity-bar-background text-activity-bar-active-foreground mr-3 mt-1 flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full text-xs font-medium leading-none">
           Me
         </div>
         <Exchange className="flex-grow rounded bg-panel-background p-2">

tailwind.config.js

@@ -116,6 +116,15 @@ export default {
             shadow: 'var(--vscode-sideBarStickyScroll-shadow)',
           },
         },
+        'activity-bar': {
+          background: 'var(--vscode-activityBar-background)',
+          foreground: 'var(--vscode-activityBar-foreground)',
+          border: 'var(--vscode-activityBar-border)',
+          'active-background': 'var(--vscode-activityBar-activeBackground)',
+          'active-border': 'var(--vscode-activityBar-activeBorder)',
+          'active-foreground': 'var(--vscode-activityBar-activeForeground)',
+          'inactive-foreground': 'var(--vscode-activityBar-inactiveForeground)',
+        },
       },
       animation: {
         'translate-lr': 'translate-lr 3s linear infinite',