is this section of the embed marketing refering to...
# developers
c
is this section of the embed marketing refering to the appearance section in the app, or does it mean we can change the look via tailwind / css && use site specific fonts and sizes?
Copy code
Key benefits of using embed

Styling customization is a breeze, can make it look like an indiscernible part of your website

High UI customization makes it a seamless experience from your website
h
No, it's much more than the appearance section. See a very simple demo of how you can customize the embed using css vars. All the css vars that are supported are in this file
But right now, I don't think the font can be changed.
c
thanks! so the
Copy code
Cal("ui", {
        cssVarsPerTheme: {
          light: {
            "cal-brand": "blue",
            "cal-brand-emphasis": "red"
          },
          dark: {
            "cal-brand": "blue",
            "cal-brand-emphasis": "red"
            //...any other css variable defined in tailwind-preset.js
          }
        }
gives access to:
Copy code
export type UiConfig = {
    hideEventTypeDetails?: boolean;
    theme?: EmbedThemeConfig;
    styles?: EmbedStyles & EmbedNonStylesConfig;
    cssVarsPerTheme?: Record<Theme, Record<string, string>>;
};
in embed.iframe.d.ts ?
h
Yeah