chat background color is declared with component

srcs/requirements/svelte/api_front/src/pages/profile/ProfileDisplay.svelte

@@ -16,7 +16,7 @@
  
 </script>
 
-<Chat />
+<Chat color="bisque"/>
 
 <!-- is this if excessive? -->
 <div class="outer">

srcs/requirements/svelte/api_front/src/pieces/chat/Chat.svelte

@@ -3,7 +3,7 @@
 	import HomeLayout from './Layout_home.svelte';
 	import Button from './Buttons.svelte';
 
-	//export let bg_color = "transparent";
+	export let color = "transparent";
 
 	let room = "";
 	let admin = false;
@@ -30,7 +30,7 @@
 
 </script>
 
-<div class={layout} id="chat_box">
+<div class={layout} id="chat_box" style="background-color: {color};">
 
 	{#if layout === "home"}
 		<HomeLayout bind:layout={layout} />
@@ -61,8 +61,8 @@
 		border: 1px solid black;
 		/*
 		background-color: {bg_color};
-		*/
 		background-color: bisque;
+		*/
 	}
 
 	/* style if chat_box is closed