Variable theme

theme: MapLeafNodes<
    {
        color: {
            accent: ColorVariants;
            active: ColorVariants;
            border: ColorVariants;
            button: ColorVariants;
            canvas: ColorVariants;
            disabled: ColorVariants;
            error: ColorVariants;
            field: ColorVariants;
            grey: ColorVariants;
            highlight: ColorVariants;
            info: ColorVariants;
            link: ColorVariants;
            mark: ColorVariants;
            selected: ColorVariants;
            success: ColorVariants;
            warning: ColorVariants;
        };
        typography: {
            body: string;
            caption: string;
            display: string;
            overline: string;
            subtitle: string;
            title: string;
        };
    },
    `var(--${string})`,
> = ...