perf: reduce render blocking css

SchutteJan · Aug 7, 2024 · d5e6374 · d5e6374
1 parent e8b5a60
commit d5e6374
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/lib/pico-settings.css b/frontend/src/lib/pico-settings.css
@@ -1,3 +1,9 @@
 :root {
 	--pico-spacing: 0.5rem;
+	/* We only include the colors we actually want to use to reduce the amount of render-blocking CSS
+		https://picocss.com/docs/colors
+	 */
+	--pico-color-red-400: #f06048;
+	--pico-color-green-400: #47a417;
+	--pico-color-zinc-700: #424751;
 }
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import '@picocss/pico'
-	import '@picocss/pico/css/pico.colors.css'
 	import '$lib/pico-settings.css'
 	import { user } from '$lib/stores'
 	import ThemeSwitcher from '$lib/ThemeSwitcher.svelte'