美化优化0407

app/components/button.module.scss

@@ -1,6 +1,6 @@
 .icon-button {
-  background-color: var(--white);
+  background-color: #0c040430;
-  border-radius: 10px;
+  border-radius: 200px;
   display: flex;
   align-items: center;
   justify-content: center;

app/components/chat.module.scss

@@ -57,7 +57,7 @@
 }
 
 .memory-prompt {
-  margin-top: 20px;
+  margin-top: 10px;
 
   .memory-prompt-title {
     font-size: 12px;

app/components/chat.tsx

@@ -588,7 +588,10 @@ export function Chat(props: {
             >
               <div className={styles["chat-message-container"]}>
                 <div className={styles["chat-message-avatar"]}>
-                  <Avatar role={message.role} />
+                  <img
+                    src="https://vip.chargpt.cn/_astro/assistant-avatar.55eb2217.gif"
+                    height="50px"
+                  ></img>
                 </div>
                 {(message.preview || message.streaming) && (
                   <div className={styles["chat-message-status"]}>

app/components/home.module.scss

@@ -3,12 +3,13 @@
 
 @mixin container {
   background-color: var(--white);
-  border: var(--border-in-light);
+  border: rgb(63 206 146);
   border-radius: 20px;
   box-shadow: var(--shadow);
   color: var(--black);
   background-color: var(--white);
-  min-width: 600px;
+  //min-width: 600px;
+  min-width: 95%;
   min-height: 480px;
   max-width: 900px;
 
@@ -44,7 +45,7 @@
   width: var(--sidebar-width);
   box-sizing: border-box;
   padding: 20px;
-  background-color: var(--second);
+  background-color: rgb(230, 96, 152);
   display: flex;
   flex-direction: column;
   box-shadow: inset -2px 0px 2px 0px rgb(0, 0, 0, 0.05);
@@ -121,7 +122,7 @@
 
 .chat-item {
   padding: 10px 14px;
-  background-color: var(--white);
+  background-color: #0808084f;
   border-radius: 10px;
   margin-bottom: 10px;
   box-shadow: var(--card-shadow);
@@ -134,11 +135,11 @@
 }
 
 .chat-item:hover {
-  background-color: var(--hover-color);
+  background-color: #ba2de2;
 }
 
 .chat-item-selected {
-  border-color: var(--primary);
+  border-color: rgba(234, 236, 236, 0);
 }
 
 .chat-item-title {
@@ -171,7 +172,7 @@
 .chat-item-info {
   display: flex;
   justify-content: space-between;
-  color: rgb(166, 166, 166);
+  color: rgb(255, 255, 255);
   font-size: 12px;
   margin-top: 8px;
 }
@@ -254,7 +255,7 @@
 
 .chat-message-status {
   font-size: 12px;
-  color: #aaa;
+  color: #aaaaaa;
   line-height: 1.5;
   margin-top: 5px;
 }
@@ -275,12 +276,12 @@
   max-width: 100%;
   margin-top: 10px;
   border-radius: 10px;
-  background-color: rgba(0, 0, 0, 0.05);
+  background-color: rgb(230, 96, 152);
   padding: 10px;
   font-size: 14px;
   user-select: text;
   word-break: break-word;
-  border: var(--border-in-light);
+  border: rgb(63 206 146);
   position: relative;
 }
 
@@ -314,7 +315,7 @@
 }
 
 .chat-message-user > .chat-message-container > .chat-message-item {
-  background-color: var(--second);
+  background-color: rgba(63, 206, 146);
 }
 
 .chat-message-actions {
@@ -327,7 +328,7 @@
 }
 
 .chat-message-action-date {
-  color: #aaa;
+  color: #b218cb;
 }
 
 .chat-input-panel {

app/components/home.tsx

@@ -119,12 +119,15 @@ function _Home() {
         className={styles.sidebar + ` ${showSideBar && styles["sidebar-show"]}`}
       >
         <div className={styles["sidebar-header"]}>
-          <div className={styles["sidebar-title"]}>ChatGPT Next</div>
+          <div className={styles["sidebar-title"]}>小贴心❤</div>
-          <div className={styles["sidebar-sub-title"]}>
+          <div className={styles["sidebar-sub-title"]}>终牵绊,憔思花容颜.</div>
-            Build your own AI assistant.
-          </div>
           <div className={styles["sidebar-logo"]}>
-            <ChatGptIcon />
+            <img
+              src="https://vip.chargpt.cn/_astro/logo2.af566f9d.gif"
+              alt="图片描述"
+              width="90"
+              height="70"
+            ></img>
           </div>
         </div>
 

app/components/window.scss

@@ -1,11 +1,12 @@
 .window-header {
   padding: 14px 20px;
-  border-bottom: rgba(0, 0, 0, 0.1) 1px solid;
+  border-bottom: rgba(202, 10, 10, 0.1) 1px solid;
   position: relative;
 
   display: flex;
   justify-content: space-between;
   align-items: center;
+  background-color:#0bc398;
 }
 
 .window-header-title {

app/constant.ts

@@ -1,5 +1,5 @@
-export const OWNER = "Yidadaa";
+export const OWNER = "zhangjiajun0523";
-export const REPO = "ChatGPT-Next-Web";
+export const REPO = "ChatGPT-Next-Web-1";
 export const REPO_URL = `https://github.com/${OWNER}/${REPO}`;
 export const ISSUE_URL = `https://github.com/${OWNER}/${REPO}/issues`;
 export const UPDATE_URL = `${REPO_URL}#keep-updated`;

app/layout.tsx

@@ -17,13 +17,13 @@ try {
 }
 
 export const metadata = {
-  title: "ChatGPT Next Web",
+  title: "小贴心❥",
   description: "Your personal ChatGPT Chat Bot.",
   appleWebApp: {
-    title: "ChatGPT Next Web",
+    title: "小贴心❥",
     statusBarStyle: "default",
   },
-  themeColor: "#fafafa",
+  themeColor: "#pink",
 };
 
 function Meta() {

app/locales/cn.ts

@@ -9,7 +9,7 @@ const cn = {
     ChatItemCount: (count: number) => `${count} 条对话`,
   },
   Chat: {
-    SubTitle: (count: number) => `与 ChatGPT 的 ${count} 条对话`,
+    SubTitle: (count: number) => `与 小贴心♡ 的 ${count} 条对话`,
     Actions: {
       ChatList: "查看消息列表",
       CompressedHistory: "查看压缩后的历史 Prompt",
@@ -138,12 +138,12 @@ const cn = {
     },
   },
   Store: {
-    DefaultTopic: "新的聊天",
+    DefaultTopic: "新的聊天窗口",
-    BotHello: "有什么可以帮你的吗",
+    BotHello: "你好呀，有什么想向我提问的吗？",
     Error: "出错了，稍后重试吧",
     Prompt: {
       History: (content: string) =>
-        "这是 ai 和用户的历史聊天总结作为前情提要：" + content,
+        "这是 小贴心❥ 和用户的历史聊天总结作为前情提要：" + content,
       Topic:
         "使用四到五个字直接返回这句话的简要主题，不要解释、不要标点、不要语气词、不要多余文本，如果没有主题，请直接返回“闲聊”",
       Summarize:

app/styles/globals.scss

@@ -90,8 +90,7 @@ body {
   justify-content: center;
   align-items: center;
   user-select: none;
-  font-family: "Noto Sans SC", "SF Pro SC", "SF Pro Text", "SF Pro Icons",
+  font-family: "微软雅黑","Arial", sans-serif;
-    "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 
   @media only screen and (max-width: 600px) {
     background-color: var(--second);
@@ -283,7 +282,7 @@ pre {
   cursor: pointer;
 
   div:not(.no-dark) > svg {
-    filter: invert(0.5);
+    filter: var(--black);
   }
 
   &:hover {

app/styles/markdown.scss

@@ -493,6 +493,7 @@
 
 .markdown-body > *:last-child {
   margin-bottom: 0 !important;
+  color: white;
 }
 
 .markdown-body a:not([href]) {