From 76d4580bccefdd805c0a59982c3924be954e39df Mon Sep 17 00:00:00 2001
From: Aswin Vayiravan <aswin@deducely.com>
Date: Wed, 9 Dec 2020 10:10:21 -0500
Subject: [PATCH] Changing hex codes to colour names to improve readability of
 the tutorial. (#5761)

---
 .../04-logic/05-keyed-each-blocks/app-a/App.svelte   | 12 ++++++------
 .../04-logic/05-keyed-each-blocks/app-b/App.svelte   | 12 ++++++------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/App.svelte b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/App.svelte
index 7cb18e2cd..969114428 100644
--- a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/App.svelte
+++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/App.svelte
@@ -2,11 +2,11 @@
 	import Thing from './Thing.svelte';
 
 	let things = [
-		{ id: 1, color: '#0d0887' },
-		{ id: 2, color: '#6a00a8' },
-		{ id: 3, color: '#b12a90' },
-		{ id: 4, color: '#e16462' },
-		{ id: 5, color: '#fca636' }
+		{ id: 1, color: 'darkblue' },
+		{ id: 2, color: 'indigo' },
+		{ id: 3, color: 'deeppink' },
+		{ id: 4, color: 'salmon' },
+		{ id: 5, color: 'gold' }
 	];
 
 	function handleClick() {
@@ -20,4 +20,4 @@
 
 {#each things as thing}
 	<Thing current={thing.color}/>
-{/each}
\ No newline at end of file
+{/each}
diff --git a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/App.svelte b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/App.svelte
index 48a215187..37a19a67a 100644
--- a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/App.svelte
+++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/App.svelte
@@ -2,11 +2,11 @@
 	import Thing from './Thing.svelte';
 
 	let things = [
-		{ id: 1, color: '#0d0887' },
-		{ id: 2, color: '#6a00a8' },
-		{ id: 3, color: '#b12a90' },
-		{ id: 4, color: '#e16462' },
-		{ id: 5, color: '#fca636' }
+		{ id: 1, color: 'darkblue' },
+		{ id: 2, color: 'indigo' },
+		{ id: 3, color: 'deeppink' },
+		{ id: 4, color: 'salmon' },
+		{ id: 5, color: 'gold' }
 	];
 
 	function handleClick() {
@@ -20,4 +20,4 @@
 
 {#each things as thing (thing.id)}
 	<Thing current={thing.color}/>
-{/each}
\ No newline at end of file
+{/each}