From 5abc7597941538fe83b1fa856a958a5b15d8efda Mon Sep 17 00:00:00 2001
From: Joel Eastwood <joel@themarkup.org>
Date: Fri, 5 Jan 2024 13:31:38 -0500
Subject: [PATCH] Add SCSS styles to Svelte preprocess

---
 scripts/compile/svelte.js     | 4 +++-
 src/graphic/svelte/App.svelte | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/scripts/compile/svelte.js b/scripts/compile/svelte.js
index 52666f0..2d2adff 100644
--- a/scripts/compile/svelte.js
+++ b/scripts/compile/svelte.js
@@ -36,7 +36,9 @@ module.exports = {
                             options: {
                                 emitCss: true,
                                 preprocess: SveltePreprocess({
-                                    scss: true,
+                                    scss: {
+                                        prependData: `@import 'src/${graphic.name}/sass/style.scss';`
+                                    },
                                     sass: true
                                 })
                             }
diff --git a/src/graphic/svelte/App.svelte b/src/graphic/svelte/App.svelte
index 412cd09..6ff1fe2 100644
--- a/src/graphic/svelte/App.svelte
+++ b/src/graphic/svelte/App.svelte
@@ -14,12 +14,12 @@
 	.messages {
 		.typescript {
 			color: white;
-			background-color: #3F74BA;
+			background-color: $c-lead;
 		}
 
 		.scss {
 			color: white;
-			background-color: #BA6993;
+			background-color: $c-plum;
 		}
 	}
 </style>
\ No newline at end of file