update(text color): make the eizabot text black

Author: ivanbtrujillo

content/tutorial/01-svelte/07-lifecycle/03-update/app-a/src/lib/App.svelte

@@ -1,9 +1,6 @@
 <script>
 	import Eliza from 'elizabot';
-	import {
-		beforeUpdate,
-		afterUpdate
-	} from 'svelte';
+	import { beforeUpdate, afterUpdate } from 'svelte';
 
 	let div;
 
@@ -18,9 +15,7 @@
 
 	const eliza = new Eliza();
 
-	let comments = [
-		{ author: 'eliza', text: eliza.getInitial() }
-	];
+	let comments = [{ author: 'eliza', text: eliza.getInitial() }];
 
 	function handleKeydown(event) {
 		if (event.key === 'Enter') {
@@ -45,9 +40,7 @@
 
 				setTimeout(() => {
 					comments = comments
-						.filter(
-							(comment) => !comment.placeholder
-						)
+						.filter((comment) => !comment.placeholder)
 						.concat({
 							author: 'eliza',
 							text: reply
@@ -103,6 +96,7 @@
 	.eliza span {
 		background-color: #eee;
 		border-radius: 1em 1em 1em 0;
+		color: black;
 	}
 
 	.user span {

content/tutorial/01-svelte/07-lifecycle/03-update/app-b/src/lib/App.svelte

@@ -1,30 +1,22 @@
 <script>
 	import Eliza from 'elizabot';
-	import {
-		beforeUpdate,
-		afterUpdate
-	} from 'svelte';
+	import { beforeUpdate, afterUpdate } from 'svelte';
 
 	let div;
 	let autoscroll;
 
 	beforeUpdate(() => {
 		autoscroll =
-			div &&
-			div.offsetHeight + div.scrollTop >
-				div.scrollHeight - 20;
+			div && div.offsetHeight + div.scrollTop > div.scrollHeight - 20;
 	});
 
 	afterUpdate(() => {
-		if (autoscroll)
-			div.scrollTo(0, div.scrollHeight);
+		if (autoscroll) div.scrollTo(0, div.scrollHeight);
 	});
 
 	const eliza = new Eliza();
 
-	let comments = [
-		{ author: 'eliza', text: eliza.getInitial() }
-	];
+	let comments = [{ author: 'eliza', text: eliza.getInitial() }];
 
 	function handleKeydown(event) {
 		if (event.key === 'Enter') {
@@ -49,9 +41,7 @@
 
 				setTimeout(() => {
 					comments = comments
-						.filter(
-							(comment) => !comment.placeholder
-						)
+						.filter((comment) => !comment.placeholder)
 						.concat({
 							author: 'eliza',
 							text: reply
@@ -107,6 +97,7 @@
 	.eliza span {
 		background-color: #eee;
 		border-radius: 1em 1em 1em 0;
+		color: black;
 	}
 
 	.user span {