From c9b3394e9fc2cf6eb505ab03a6479eae996ed6e9 Mon Sep 17 00:00:00 2001
From: Kit La Touche <kit@transneptune.net>
Date: Wed, 1 Jan 2025 18:09:46 -0500
Subject: Just oh so many styles

---
 ui/lib/components/MessageRun.svelte | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

(limited to 'ui/lib/components/MessageRun.svelte')

diff --git a/ui/lib/components/MessageRun.svelte b/ui/lib/components/MessageRun.svelte
index 6cad381..09388ac 100644
--- a/ui/lib/components/MessageRun.svelte
+++ b/ui/lib/components/MessageRun.svelte
@@ -9,6 +9,7 @@
 </script>
 
 <div
+  class="message-run"
   class:own-message={ownMessage}
   class:other-message={!ownMessage}
 >
@@ -19,17 +20,3 @@
     <Message {...message} editable={ownMessage} />
   {/each}
 </div>
-
-<style>
-  .own-message {
-    background-color: rgb(32, 42, 74);
-  }
-  /* Honestly, I don't love scoping styles per component, and this is a great
-   * example of why. MessageRuns know if they're own-message, but Messages in
-   * them need to get a style based on that fact. I don't wanna bucket-brigade
-   * that fact into the Message, when it's a pure CSS concern.
-   */
-  .own-message :global(*) {
-    color: rgb(198, 198, 198);
-  }
-</style>
-- 
cgit v1.2.3

