fix some styles

Rich-Harris · Rich-Harris · commit 1ce65469220c · 2022-12-14T01:15:08.000-05:00
diff --git a/content/tutorial/04-advanced-sveltekit/03-advanced-routing/05-breaking-out-of-layouts/app-a/src/routes/+layout.svelte b/content/tutorial/04-advanced-sveltekit/03-advanced-routing/05-breaking-out-of-layouts/app-a/src/routes/+layout.svelte
@@ -15,17 +15,24 @@
 		border: 1px solid #999;
 		padding: 1em;
 		margin: 1em 0 0 0;
-		border-radius: 5px;
+		border-radius: 2px;
 	}
 
 	:global(.layout::before) {
 		position: absolute;
 		content: attr(data-name) ' layout';
 		left: 1em;
 		top: -1em;
-		background-color: #ff531a;
-		color: white;
+		background-color: white;
+		color: #222;
 		padding: 0.5em;
 		line-height: 1;
 	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(.layout::before) {
+			background: #2e2e2e;
+			color: #e6e6e6;
+		}
+	}
 </style>
diff --git a/content/tutorial/common/src/app.html b/content/tutorial/common/src/app.html
@@ -31,6 +31,7 @@
 				background-color: #ffeedd;
 				z-index: 2;
 				margin: 0 0 1em 0;
+				border-radius: 2px;
 			}
 
 			button,
@@ -60,16 +61,16 @@
 			@media (prefers-color-scheme: dark) {
 				body {
 					background: hsl(0, 0%, 18%);
-					color: hsl(0, 0%, 90%);
+					color: rgb(230, 230, 230);
 				}
 				code {
 					background: hsl(0, 0%, 40%);
 				}
 				a {
-					color: hsl(204, 100%, 63%);
+					color: hsl(204, 100%, 83%);
 				}
 				nav {
-					background-color: #1a0d01;
+					background-color: #345;
 				}
 			}
 		</style>

Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@`
`31`	`31`	`background-color: #ffeedd;`
`32`	`32`	`z-index: 2;`
`33`	`33`	`margin: 0 0 1em 0;`
	`34`	`+ border-radius: 2px;`
`34`	`35`	`}`
`35`	`36`
`36`	`37`	`button,`
`@@ -60,16 +61,16 @@`
`60`	`61`	`@media (prefers-color-scheme: dark) {`
`61`	`62`	`body {`
`62`	`63`	`background: hsl(0, 0%, 18%);`
`63`		`- color: hsl(0, 0%, 90%);`
	`64`	`+ color: rgb(230, 230, 230);`
`64`	`65`	`}`
`65`	`66`	`code {`
`66`	`67`	`background: hsl(0, 0%, 40%);`
`67`	`68`	`}`
`68`	`69`	`a {`
`69`		`- color: hsl(204, 100%, 63%);`
	`70`	`+ color: hsl(204, 100%, 83%);`
`70`	`71`	`}`
`71`	`72`	`nav {`
`72`		`- background-color: #1a0d01;`
	`73`	`+ background-color: #345;`
`73`	`74`	`}`
`74`	`75`	`}`
`75`	`76`	`</style>`