style: 微调亮色模式下的样式

web/src/components/PillTabs.less

@@ -1,5 +1,5 @@
 .pill-tabs.ant-tabs.ant-tabs-card {
-  @apply text-gray-900 dark:text-gray-100;
+  @apply text-gray-700 dark:text-gray-100;
 
   .ant-tabs-nav {
     @apply px-2 py-3 m-0 text-base;

web/src/routes/Main/Content/Personal/Sidebar.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Icon } from '@iconify/react';
 import { SidebarItem } from '../SidebarItem';
-import { t, useDMConverseList } from 'tailchat-shared';
+import { showToasts, t, useDMConverseList } from 'tailchat-shared';
 import { SidebarDMItem } from './SidebarDMItem';
 
 const SidebarSection: React.FC<{
@@ -23,7 +23,7 @@ SidebarSection.displayName = 'SidebarSection';
 /**
  * 个人面板侧边栏组件
  */
-export const Sidebar: React.FC = React.memo(() => {
+export const PersonalSidebar: React.FC = React.memo(() => {
   const converseList = useDMConverseList();
 
   return (
@@ -39,7 +39,14 @@ export const Sidebar: React.FC = React.memo(() => {
         to="/main/personal/plugins"
       />
 
-      <SidebarSection action={<Icon icon="mdi:plus" />}>
+      <SidebarSection
+        action={
+          <Icon
+            icon="mdi:plus"
+            onClick={() => showToasts('该功能正在开发中')}
+          />
+        }
+      >
         {t('私信')}
       </SidebarSection>
 
@@ -49,4 +56,4 @@ export const Sidebar: React.FC = React.memo(() => {
     </div>
   );
 });
-Sidebar.displayName = 'Sidebar';
+PersonalSidebar.displayName = 'PersonalSidebar';

web/src/routes/Main/Content/Personal/index.tsx

@@ -4,11 +4,11 @@ import { PageContent } from '../PageContent';
 import { ConversePanel } from './Converse';
 import { FriendPanel } from './Friends';
 import { PluginsPanel } from './Plugins';
-import { Sidebar } from './Sidebar';
+import { PersonalSidebar } from './Sidebar';
 
 export const Personal: React.FC = React.memo(() => {
   return (
-    <PageContent sidebar={<Sidebar />}>
+    <PageContent sidebar={<PersonalSidebar />}>
       <Switch>
         <Route path="/main/personal/friends" component={FriendPanel} />
 

web/src/routes/Main/Content/SidebarItem.tsx

@@ -21,7 +21,7 @@ export const SidebarItem: React.FC<SidebarItemProps> = React.memo((props) => {
     <Link to={to}>
       <div
         className={clsx(
-          'w-full hover:bg-white hover:bg-opacity-20 cursor-pointer text-gray-900 dark:text-white rounded px-2 h-11 flex items-center text-base group mb-0.5',
+          'w-full hover:bg-white hover:bg-opacity-20 cursor-pointer text-gray-700 dark:text-white rounded px-2 h-11 flex items-center text-base group mb-0.5',
           {
             'bg-white bg-opacity-20': isActive,
           }