🔨 refactor：修改浅色模式颜色

CCNUPracticalTraining-530-2 · Jul 12, 2024 · 4e6f15a · 4e6f15a
1 parent 96546fe
commit 4e6f15a
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -25,7 +25,7 @@ export default function RootLayout({
   return (
     <ClerkProvider>
       <html lang="zh-tw" suppressHydrationWarning>
-        <body className={cn(font.className, 'bg-white dark:bg-[#313338]')}>
+        <body className={cn(font.className, 'bg-[#f9eec6] dark:bg-[#313338]')}>
           <ThemeProvider
             attribute="class"
             defaultTheme="dark"

diff --git a/src/common/components/navigation/navigation-sidebar.tsx b/src/common/components/navigation/navigation-sidebar.tsx
@@ -29,7 +29,7 @@ export const NavigationSidebar = async () => {
   });
 
   return (
-    <div className="flex h-full w-full flex-col items-center space-y-4 bg-[#E3E5E8] py-3 text-primary dark:bg-[#1E1F22]">
+    <div className="flex h-full w-full flex-col items-center space-y-4 bg-[#F2DB8D] py-3 text-primary dark:bg-[#1E1F22]">
       <NavigationAction />
       <Separator className="mx-auto h-[2px] w-10 rounded-md bg-zinc-300 dark:bg-zinc-700" />
       <ScrollArea className="w-full flex-1">

diff --git a/src/common/components/server/server-sidebar.tsx b/src/common/components/server/server-sidebar.tsx
@@ -94,7 +94,7 @@ export const ServerSidebar = async ({ serverId }: ServerSidebarProps) => {
   )?.role;
 
   return (
-    <div className="flex h-full w-full flex-col bg-[#F2F3F5] text-primary dark:bg-[#2B2D31]">
+    <div className="flex h-full w-full flex-col bg-[#fbe9af] text-primary dark:bg-[#2B2D31]">
       <ServerHeader server={server} role={role} />
       <ScrollArea className="flex-1 px-3">
         <div className="mt-2">

diff --git a/src/modules/Channels/components/Channels.tsx b/src/modules/Channels/components/Channels.tsx
@@ -49,7 +49,7 @@ const Channels: React.FC<ChannelProps> = async ({ serverId, channelId }) => {
   }
 
   return (
-    <div className="flex h-full flex-col bg-white dark:bg-[#313338]">
+    <div className="flex h-full flex-col bg-[#f9eec6] dark:bg-[#313338]">
       <ChatHeader
         name={channel.name}
         serverId={channel.serverId}

diff --git a/src/modules/Conversations/components/Conversations.tsx b/src/modules/Conversations/components/Conversations.tsx
@@ -55,7 +55,7 @@ const Conversations: React.FC<ConversationsProps> = async ({
     memberOne.profileId === profile.id ? memberTwo : memberOne;
 
   return (
-    <div className="flex h-full flex-col bg-white dark:bg-[#313338]">
+    <div className="flex h-full flex-col bg-[#f9eec6] dark:bg-[#313338]">
       <ChatHeader
         imageUrl={otherMember.profile.imageUrl}
         name={otherMember.profile.name}