dark mode

Rich Harris · Rich Harris · commit 7d7157fba264 · 2023-04-03T16:02:33.000-04:00
diff --git a/content/tutorial/03-advanced-svelte/09-special-elements/01-svelte-self/app-a/src/lib/Folder.svelte b/content/tutorial/03-advanced-svelte/09-special-elements/01-svelte-self/app-a/src/lib/Folder.svelte
@@ -31,7 +31,7 @@
 		padding: 0 0 0 1.5em;
 		background: url(http://github.com/tutorial/icons/folder.svg) 0 0.1em no-repeat;
 		background-size: 1em 1em;
-		color: #222;
+		color: var(--fg-1);
 		font-weight: bold;
 		cursor: pointer;
 		border: none;
@@ -46,7 +46,7 @@
 		padding: 0.2em 0 0 0.5em;
 		margin: 0 0 0 0.5em;
 		list-style: none;
-		border-left: 1px solid #eee;
+		border-left: 1px solid rgba(128, 128, 128, 0.4);
 	}
 
 	li {
diff --git a/content/tutorial/03-advanced-svelte/09-special-elements/01-svelte-self/app-b/src/lib/Folder.svelte b/content/tutorial/03-advanced-svelte/09-special-elements/01-svelte-self/app-b/src/lib/Folder.svelte
@@ -31,7 +31,7 @@
 		padding: 0 0 0 1.5em;
 		background: url(http://github.com/tutorial/icons/folder.svg) 0 0.1em no-repeat;
 		background-size: 1em 1em;
-		color: #222;
+		color: var(--fg-1);
 		font-weight: bold;
 		cursor: pointer;
 		border: none;
@@ -46,7 +46,7 @@
 		padding: 0.2em 0 0 0.5em;
 		margin: 0 0 0 0.5em;
 		list-style: none;
-		border-left: 1px solid #eee;
+		border-left: 1px solid rgba(128, 128, 128, 0.4);
 	}
 
 	li {
