feat: darkmode draft version

src/routes/chat/Layout/LoginTip.tsx

@@ -20,8 +20,8 @@ const LoginTip = () => {
   };
 
   return (
-    <div className="flex items-center justify-between bg-slate-200/80 rounded-lg w-full p-4">
-      <span className="text-base text-[#98a2b3]">
+    <div className="flex items-center justify-between bg-slate-200/80 dark:bg-gray-800 rounded-lg w-full p-4">
+      <span className="text-base text-[#98a2b3] dark:text-gray-100">
         <i className="mr-2 text-lg">👋</i>
         {t("sign_in_tip")}
       </span>

src/routes/chat/Layout/styled.tsx

@@ -2,7 +2,6 @@ import styled from "styled-components";
 const Styled = styled.article`
   position: relative;
   width: 100%;
-  background: #fff;
   border-top-right-radius: 16px;
   border-bottom-right-radius: 16px;
   > .head {
@@ -21,7 +20,6 @@ const Styled = styled.article`
     > .chat {
       border-bottom-right-radius: 16px;
       width: 100%;
-      background-color: #fff;
       display: flex;
       flex-direction: column;
       padding: 0;