diff --git a/docs/package.json b/docs/package.json
index 3feede51..a14545a0 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -9,6 +9,7 @@
     "build:svite": "vite build"
   },
   "devDependencies": {
+    "@ibm/plex": "^6.1.1",
     "@sveltech/routify": "^1.9.10",
     "@sveltejs/vite-plugin-svelte": "^1.0.2",
     "carbon-components-svelte": "../",
diff --git a/docs/src/carbon.scss b/docs/src/carbon.scss
new file mode 100644
index 00000000..cd2f0c96
--- /dev/null
+++ b/docs/src/carbon.scss
@@ -0,0 +1,8 @@
+@use '@carbon/styles' with ($prefix: 'bx');
+@use '@carbon/themes';
+@use '@ibm/plex/scss/ibm-plex.scss';
+
+:root {
+  // Emit CSS Custom Properties for the current theme
+  @include themes.theme();
+}
diff --git a/docs/src/index.js b/docs/src/index.js
index 67d5f68b..a0e43fab 100644
--- a/docs/src/index.js
+++ b/docs/src/index.js
@@ -1,5 +1,5 @@
 import App from "./App.svelte";
-import "../../css/all.css";
+import "./carbon.scss";
 import "./global.css";
 
 const app = new App({ target: document.body });
diff --git a/docs/yarn.lock b/docs/yarn.lock
index c076d084..f920cbc3 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -15,6 +15,11 @@
   resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz#de2a4be678bd4d0d1ffbb86e6de779cde5999028"
   integrity sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==
 
+"@ibm/plex@^6.1.1":
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/@ibm/plex/-/plex-6.1.1.tgz#eddfd98fe86ecafc74bc8ec7595e7615bb88eb34"
+  integrity sha512-b2z/Gsc8KHOVrYo/yPauRvRDNMwF6zhEZZsvogs1rCmmyfVXBTY9uUkf6TyplhQs/L4UcjBus8R/RDp7yASTBA==
+
 "@jridgewell/gen-mapping@^0.3.0":
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.3.tgz#7e02e6eb5df901aaedb08514203b096614024098"