tidy up

Rich Harris · Rich Harris · commit 50625f9f0374 · 2023-04-03T16:39:09.000-04:00
diff --git a/content/tutorial/03-advanced-svelte/09-special-elements/04-svelte-window/README.md b/content/tutorial/03-advanced-svelte/09-special-elements/04-svelte-window/README.md
@@ -4,11 +4,11 @@ title: <svelte:window>
 
 Just as you can add event listeners to any DOM element, you can add event listeners to the `window` object with `<svelte:window>`.
 
-On line 11, add the `keydown` listener:
+We've already got a `handleKeydown` function declared — now all we need to do is add a `keydown` listener:
 
 ```svelte
 /// file: App.svelte
-<svelte:window on:keydown={handleKeydown}/>
+<svelte:window +++on:keydown={handleKeydown}+++ />
 ```
 
 > As with DOM elements, you can add [event modifiers](/tutorial/event-modifiers) like `preventDefault`.
diff --git a/content/tutorial/03-advanced-svelte/09-special-elements/04-svelte-window/app-a/src/lib/App.svelte b/content/tutorial/03-advanced-svelte/09-special-elements/04-svelte-window/app-a/src/lib/App.svelte
@@ -29,15 +29,14 @@
 	}
 
 	kbd {
-		background-color: #eee;
 		border-radius: 4px;
 		font-size: 6em;
 		padding: 0.2em 0.5em;
-		border-top: 5px solid rgba(255, 255, 255, 0.5);
-		border-left: 5px solid
-			rgba(255, 255, 255, 0.5);
-		border-right: 5px solid rgba(0, 0, 0, 0.2);
-		border-bottom: 5px solid rgba(0, 0, 0, 0.2);
+		background-color: #eeeeee;
+		border-top: 5px solid #f9f9f9;
+		border-left: 5px solid #f9f9f9;
+		border-right: 5px solid #aaaaaa;
+		border-bottom: 5px solid #aaaaaa;
 		color: #555;
 	}
 </style>
diff --git a/content/tutorial/03-advanced-svelte/09-special-elements/04-svelte-window/app-b/src/lib/App.svelte b/content/tutorial/03-advanced-svelte/09-special-elements/04-svelte-window/app-b/src/lib/App.svelte
@@ -29,15 +29,14 @@
 	}
 
 	kbd {
-		background-color: #eee;
 		border-radius: 4px;
 		font-size: 6em;
 		padding: 0.2em 0.5em;
-		border-top: 5px solid rgba(255, 255, 255, 0.5);
-		border-left: 5px solid
-			rgba(255, 255, 255, 0.5);
-		border-right: 5px solid rgba(0, 0, 0, 0.2);
-		border-bottom: 5px solid rgba(0, 0, 0, 0.2);
+		background-color: #eeeeee;
+		border-top: 5px solid #f9f9f9;
+		border-left: 5px solid #f9f9f9;
+		border-right: 5px solid #aaaaaa;
+		border-bottom: 5px solid #aaaaaa;
 		color: #555;
 	}
 </style>
