singlexyz/ChatGPT-Next-Web
1
0
Fork 0
forked from XiaoMo/ChatGPT-Next-Web
Code Pull Requests Activity

fix: fix the different colors on mobile

Browse Source
This commit is contained in:
AprilNEA 2023-03-27 15:47:46 +08:00
parent 6446692db0
commit 785372ad73
No known key found for this signature in database
GPG Key ID: B93E17BB436B4DE1
1 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/components/home.tsx
View File

@ -356,6 +356,7 @@ export function Chat(props: { showSideBar?: () => void }) {
function useSwitchTheme() { function useSwitchTheme() {
const config = useChatStore((state) => state.config); const config = useChatStore((state) => state.config);
const screenWidth = window.innerWidth;
useEffect(() => { useEffect(() => {
const metaDescription = document.querySelector('meta[name="theme-color"]'); const metaDescription = document.querySelector('meta[name="theme-color"]');
@ -364,16 +365,24 @@ function useSwitchTheme() {
document.body.classList.remove("dark"); document.body.classList.remove("dark");
if (config.theme === "dark") { if (config.theme === "dark") {
document.body.classList.add("dark"); document.body.classList.add("dark");
if (metaDescription){ if (metaDescription) {
metaDescription.setAttribute('content', "#151515"); if (screenWidth < 600) {
metaDescription.setAttribute('content', "#1a262a");
} else {
metaDescription.setAttribute('content', "#151515");
}
} }
} else if (config.theme === "light") { } else if (config.theme === "light") {
document.body.classList.add("light"); document.body.classList.add("light");
if (metaDescription){ if (metaDescription) {
metaDescription.setAttribute('content', "#fafafa"); if (screenWidth < 600) {
metaDescription.setAttribute('content', "#e7f8ff");
} else {
metaDescription.setAttribute('content', "#fafafa");
}
} }
} }
}, [config.theme]); }, [config.theme,screenWidth]);
} }
function exportMessages(messages: Message[], topic: string) { function exportMessages(messages: Message[], topic: string) {