diff --git a/nextjs-app/.gitignore b/nextjs-app/.gitignore
index f81bcd91..f36fbf3d 100644
--- a/nextjs-app/.gitignore
+++ b/nextjs-app/.gitignore
@@ -34,4 +34,5 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-certificates
\ No newline at end of file
+certificates
+/framer
\ No newline at end of file
diff --git a/unframer/src/cli.tsx b/unframer/src/cli.tsx
index c97d6529..c06364f9 100644
--- a/unframer/src/cli.tsx
+++ b/unframer/src/cli.tsx
@@ -188,6 +188,7 @@ async function processConfig({
             breakpoints,
             cwd: installDir,
             watch,
+            tokens: config.tokens,
             signal,
         })
     } catch (e: any) {
diff --git a/unframer/src/css.ts b/unframer/src/css.ts
index 2bd6b666..8279d44b 100644
--- a/unframer/src/css.ts
+++ b/unframer/src/css.ts
@@ -92,7 +92,7 @@ export function getFontsStyles(_fontsDefs: ComponentFontBundle[]) {
                     str += dedent`
                     @font-face {
                         font-family: '${x.family}'; 
-                        src: url(${x.url});\n`
+                        src: url('${x.url}');\n`
                     if (x.style) {
                         str += `    font-style: ${x.style};\n`
                     }
diff --git a/unframer/src/exporter.ts b/unframer/src/exporter.ts
index e4fb435e..d4a42e2c 100644
--- a/unframer/src/exporter.ts
+++ b/unframer/src/exporter.ts
@@ -370,7 +370,7 @@ export function getDarkModeSelector(opts: {
             '}'
         )
     }
-    return '.dark {\n' + content + '\n' + '}'
+    return '.dark:root {\n' + content + '\n' + '}'
 }
 
 export function getStyleTokensCss(