style: code on light

ivynya · Dec 25, 2023 · 7c186d5 · 7c186d5
1 parent defc83c
commit 7c186d5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -47,6 +47,9 @@
         hljs.highlightAll();
       }
     });
+    socket.addEventListener("close", async (event) => {
+      connect();
+    });
   }
 
   async function submit() {

diff --git a/src/routes/Message.svelte b/src/routes/Message.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   import { marked } from "marked";
   import { fade } from "svelte/transition"; 
+	import { isLight } from "@ivynya/leaf";
 	import type { ChatMessage } from "$lib/schema";
 
   export let message: ChatMessage;
@@ -25,7 +26,7 @@
   {#if message.text.length === 0}
     <div class="loading">parsing context...</div>
   {:else}
-    <div>{@html marked.parse(message.text)}</div>
+    <div class:isLight={$isLight}>{@html marked.parse(message.text)}</div>
   {/if}
 </div>
 
@@ -127,6 +128,12 @@
     overflow-x: auto;
     font-family: cartograph-cf, monospace;
   }
+
+  .msg .isLight :global(pre),
+  .msg .isLight :global(code) {
+    background-color: #2E3440;
+    color: #D8DEE9;
+  }
   
   .msg :global(pre) {
     margin: 0;