use the tokens, fix css urls

remorses · Dec 5, 2024 · ccd0534 · ccd0534
1 parent ba4804a
commit ccd0534
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/nextjs-app/.gitignore b/nextjs-app/.gitignore
@@ -34,4 +34,5 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-certificates
+certificates
+/framer
diff --git 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
@@ -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
@@ -370,7 +370,7 @@ export function getDarkModeSelector(opts: {
             '}'
         )
     }
-    return '.dark {\n' + content + '\n' + '}'
+    return '.dark:root {\n' + content + '\n' + '}'
 }
 
 export function getStyleTokensCss(
-Original file line number
+Diff line change
@@ Expand Up / @@ -370,7 +370,7 @@ export function getDarkModeSelector(opts: { @@
                 '}'
             )
         }
-        return '.dark {\n' + content + '\n' + '}'
+        return '.dark:root {\n' + content + '\n' + '}'
     }
     export function getStyleTokensCss(
@@ Expand Down @@