From fd408732100803fc7c2e3598e36762f29bea2242 Mon Sep 17 00:00:00 2001
From: Ephraim Atta-Duncan <ephraimduncan68@gmail.com>
Date: Wed, 11 Dec 2024 14:02:26 +0000
Subject: [PATCH] fix: add unit to hsl colors in css conversion

---
 apps/web/src/app/embed/css-vars.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/app/embed/css-vars.ts b/apps/web/src/app/embed/css-vars.ts
index 711a3e51f..a66c173dc 100644
--- a/apps/web/src/app/embed/css-vars.ts
+++ b/apps/web/src/app/embed/css-vars.ts
@@ -47,7 +47,7 @@ export const toNativeCssVars = (vars: TCssVarsSchema) => {
       const color = colord(value);
       const { h, s, l } = color.toHsl();
 
-      cssVars[`--${toSnakeCase(key)}`] = `${h} ${s} ${l}`;
+      cssVars[`--${toSnakeCase(key)}`] = `${h}deg ${s}% ${l}%`;
     }
   }