diff --git a/README.md b/README.md
index be94cba63ce8..fdea81cd9af8 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,9 @@
-[![Cybernetically enhanced web apps: Svelte](https://sveltejs.github.io/assets/banner.png)](https://svelte.dev)
+<a href="https://svelte.dev">
+	<picture>
+      <source media="(prefers-color-scheme: dark)" srcset="assets/banner_dark_large.png">
+      <img src="assets/banner_large.png" alt="Svelte - web development for the rest of us" />
+  </picture>
+</a>
 
 [![license](https://img.shields.io/npm/l/svelte.svg)](LICENSE.md) [![Chat](https://img.shields.io/discord/457912077277855764?label=chat&logo=discord)](https://svelte.dev/chat)
 
diff --git a/assets/banner.png b/assets/banner.png
new file mode 100644
index 000000000000..a3a278d8f7e5
Binary files /dev/null and b/assets/banner.png differ
diff --git a/assets/banner_dark.png b/assets/banner_dark.png
new file mode 100644
index 000000000000..3e96dffcf8da
Binary files /dev/null and b/assets/banner_dark.png differ
diff --git a/assets/banner_dark_large.png b/assets/banner_dark_large.png
new file mode 100644
index 000000000000..1adba40d8e2f
Binary files /dev/null and b/assets/banner_dark_large.png differ
diff --git a/assets/banner_large.png b/assets/banner_large.png
new file mode 100644
index 000000000000..3428b278bfa3
Binary files /dev/null and b/assets/banner_large.png differ
diff --git a/documentation/docs/02-runes/04-$effect.md b/documentation/docs/02-runes/04-$effect.md
index 354869f35ea6..231763fe13d5 100644
--- a/documentation/docs/02-runes/04-$effect.md
+++ b/documentation/docs/02-runes/04-$effect.md
@@ -140,6 +140,26 @@ $effect(() => {
 });
 ```
 
+## `untrack`
+
+As stated previously, dependencies are automatically tracked in an effect. To prevent a dependency from being tracked, `untrack` can be used. Unlike runes, `untrack` has to be imported from the `svelte` module. [Here](/playground/untitled#H4sIAAAAAAAACnXOwUrEMBDG8VcJw8K2bNn1XNvC-g6erIckTiVsmpTkqygh7y7Z6npQr__5DTOJnJyZWnp0MLD8Qg1NxnKk9ikRPpYyK4Gab3lelmN8Y4vSlIz8V9fegR0itdRFHcyCYXQjzLz4AJFWhyD1JYsp-Fnst7X9fSGWIaToxS5Cgqu7-lbVr7rjaWKNqqr7IZUwQnsXveWj9a-VbL7uXIGqt6Vcj6473Z7q1Ap4J7zT1uhLn4qVh0MezsJEkWTuThv5D6uCH65Y_WBqCPwOahFWzs_5E7FwwqtqAQAA)'s an example of its usage: 
+
+```svelte
+<script>
+	import {untrack} from 'svelte';
+
+	let a = $state(0);
+	let b = $state(0);
+
+	$effect(()=>{
+		console.log(a,untrack(()=>b)); //this will only run when `a` changes
+	})
+</script>
+
+<button onclick={()=>a++}>A is {a}</button>
+<button onclick={()=>b++}>B is {b}</button>
+```
+
 ## `$effect.pre`
 
 In rare cases, you may need to run code _before_ the DOM updates. For this we can use the `$effect.pre` rune: