diff --git a/packages/wc/components/slide.ts b/packages/wc/components/slide.ts
index 48b3f66..a2a6cb4 100644
--- a/packages/wc/components/slide.ts
+++ b/packages/wc/components/slide.ts
@@ -1,7 +1,7 @@
 import { css, html } from "lit";
 import { customElement } from "lit/decorators.js";
 import { consume } from "@lit/context";
-import { token } from "@morkdeck/theme/css";
+import { color } from "@morkdeck/theme/css";
 import { observerContext } from "../context.ts";
 import { MorkdeckElement } from "../element.ts";
 
@@ -32,7 +32,7 @@ export class Slide extends MorkdeckElement {
       align-items: center;
 
       padding: 6cqmin;
-      background: ${token("color.surface")};
+      background: ${color("surface")};
     }
   `;
 
diff --git a/packages/wc/components/toolbar.ts b/packages/wc/components/toolbar.ts
index 1b09e12..675741f 100644
--- a/packages/wc/components/toolbar.ts
+++ b/packages/wc/components/toolbar.ts
@@ -1,6 +1,6 @@
 import { css, html } from "lit";
 import { customElement } from "lit/decorators.js";
-import { token } from "@morkdeck/theme/css";
+import { color } from "@morkdeck/theme/css";
 import { MorkdeckElement, subscribe } from "../element.ts";
 
 @customElement("morkdeck-toolbar")
@@ -38,15 +38,15 @@ export class Toolbar extends MorkdeckElement {
       grid-row-start: 2;
       align-items: center;
       justify-content: space-between;
-      background-color: ${token("color.overlay")};
-      border-top: 1px solid ${token("color.highlight.med")};
+      background-color: ${color("overlay")};
+      border-top: 1px solid ${color("highlight.med")};
       transition: transform var(--presentation-spring);
     }
 
     .toolset {
       border-left: 1px solid;
       border-right: 1px solid;
-      border-color: ${token("color.highlight.med")};
+      border-color: ${color("highlight.med")};
       display: grid;
       grid-auto-columns: auto;
       grid-auto-flow: column;
@@ -56,7 +56,7 @@ export class Toolbar extends MorkdeckElement {
 
     .toolset > * + * {
       border-left: 1px solid;
-      border-color: ${token("color.highlight.med")};
+      border-color: ${color("highlight.med")};
     }
 
     .tool {