Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-20 03:32:14 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: all variables with camel case not working

Browse Source
This commit is contained in:
Ephraim Atta-Duncan
2024-12-11 15:51:34 +00:00
parent fd40873210
commit 50a7b59371
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/app/embed/css-vars.ts
View File

@ -1,5 +1,4 @@
import { colord } from 'colord'; import { colord } from 'colord';
import { toSnakeCase } from 'remeda';
import { z } from 'zod'; import { z } from 'zod';
export const ZCssVarsSchema = z export const ZCssVarsSchema = z
@ -47,7 +46,9 @@ export const toNativeCssVars = (vars: TCssVarsSchema) => {
const color = colord(value); const color = colord(value);
const { h, s, l } = color.toHsl(); const { h, s, l } = color.toHsl();
cssVars[`--${toSnakeCase(key)}`] = `${h}deg ${s}% ${l}%`; // Convert camelCase to kebab-case (e.g., mutedForeground -> muted-foreground)
const kebabKey = key.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
cssVars[`--${kebabKey}`] = `${h} ${s} ${l}`;
} }
} }