We'll set up a --color
custom property, with a red
fallback value.
Svelte supports CSS custom properties as component "props".
<script>
export let task;
</script>
<p>{task}</p>
<style>
p {
color: var(--color, red);
}
</style>
<script>
import Todo from './Todo.svelte';
</script>
<Todo --color="green" />