diff --git a/src/lib/ChatScreens/Chat.svelte b/src/lib/ChatScreens/Chat.svelte
index d7c43ce7..426fcce0 100644
--- a/src/lib/ChatScreens/Chat.svelte
+++ b/src/lib/ChatScreens/Chat.svelte
@@ -14,6 +14,7 @@
     import { getModelShortName } from "src/ts/model/names";
     import { capitalize } from "src/ts/util";
   import { longpress } from "src/ts/gui/longtouch";
+  import { ColorSchemeTypeStore } from "src/ts/gui/colorscheme";
     export let message = ''
     export let name = ''
     export let largePortrait = false
@@ -267,7 +268,7 @@
                 </div>
             {:else}
                 <!-- svelte-ignore a11y-click-events-have-key-events -->
-                <span class="text chat chattext prose prose-invert minw-0" on:click={() => {
+                <span class="text chat chattext prose minw-0" class:prose-invert={$ColorSchemeTypeStore} on:click={() => {
                     if($DataBase.clickToEdit && idx > -1){
                         editMode = true
                     }
diff --git a/src/lib/Others/AlertComp.svelte b/src/lib/Others/AlertComp.svelte
index 05ba2386..021599ad 100644
--- a/src/lib/Others/AlertComp.svelte
+++ b/src/lib/Others/AlertComp.svelte
@@ -18,6 +18,7 @@
     import { tokenize } from "src/ts/tokenizer";
     import TextAreaInput from "../UI/GUI/TextAreaInput.svelte";
     import ModuleChatMenu from "../Setting/Pages/Module/ModuleChatMenu.svelte";
+  import { ColorSchemeTypeStore } from "src/ts/gui/colorscheme";
     let btn
     let input = ''
     let cardExportType = 'realm'
@@ -71,7 +72,7 @@
                 <h2 class="text-green-700 mt-0 mb-2 w-40 max-w-full">Input</h2>
             {/if}
             {#if $alertStore.type === 'markdown'}
-                <span class="text-gray-300 chattext prose prose-invert chattext2">
+                <span class="text-gray-300 chattext prose chattext2" class:prose-invert={$ColorSchemeTypeStore}>
                     {#await ParseMarkdown($alertStore.msg) then msg}
                         {@html msg}                        
                     {/await}
diff --git a/src/lib/UI/GUI/MultiLangDisplay.svelte b/src/lib/UI/GUI/MultiLangDisplay.svelte
index d7ff2b21..81d7fc71 100644
--- a/src/lib/UI/GUI/MultiLangDisplay.svelte
+++ b/src/lib/UI/GUI/MultiLangDisplay.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { ColorSchemeTypeStore } from "src/ts/gui/colorscheme";
     import { ParseMarkdown } from "src/ts/parser";
     import { parseMultilangString, toLangName } from "src/ts/util";
 
@@ -23,13 +24,13 @@
         {/each}
     </div>
     {#if markdown}
-        <div class="ml-2 max-w-full break-words text chat chattext prose prose-invert">
+        <div class="ml-2 max-w-full break-words text chat chattext prose" class:prose-invert={$ColorSchemeTypeStore}>
             {#await ParseMarkdown(valueObject[selectedLang]) then md} 
                 {@html md}
             {/await}
         </div>
     {:else}
-        <div class="ml-2 max-w-full break-words text chat chattext prose prose-invert">
+        <div class="ml-2 max-w-full break-words text chat chattext prose" class:prose-invert={$ColorSchemeTypeStore}>
             {valueObject[selectedLang]}
         </div>
     {/if}
diff --git a/src/ts/gui/colorscheme.ts b/src/ts/gui/colorscheme.ts
index 25e4da65..fdafea1c 100644
--- a/src/ts/gui/colorscheme.ts
+++ b/src/ts/gui/colorscheme.ts
@@ -1,4 +1,4 @@
-import { get } from "svelte/store";
+import { get, writable } from "svelte/store";
 import { DataBase, setDatabase } from "../storage/database";
 import { downloadFile } from "../storage/globalApi";
 import { BufferToText, selectSingleFile } from "../util";
@@ -96,6 +96,8 @@ const colorShemes = {
 
 } as const
 
+export const ColorSchemeTypeStore = writable('dark' as 'dark'|'light')
+
 export const colorSchemeList = Object.keys(colorShemes) as (keyof typeof colorShemes)[]
 
 export function changeColorScheme(colorScheme: string){
@@ -114,7 +116,7 @@ export function updateColorScheme(){
     let colorScheme = db.colorScheme
 
     if(colorScheme == null){
-        colorScheme = defaultColorScheme
+        colorScheme = structuredClone(defaultColorScheme)
     }
 
     //set css variables
@@ -127,6 +129,7 @@ export function updateColorScheme(){
     document.documentElement.style.setProperty("--risu-theme-textcolor2", colorScheme.textcolor2);
     document.documentElement.style.setProperty("--risu-theme-darkborderc", colorScheme.darkBorderc);
     document.documentElement.style.setProperty("--risu-theme-darkbutton", colorScheme.darkbutton);
+    ColorSchemeTypeStore.set(colorScheme.type)
 }
 
 export function exportColorScheme(){