Skip to main content

This is the first time I’ve used Calendly and I was disappointed in the customization options for the embed form. I was able to choose background, text, and link colors. However I chose a darker theme and there are details in the second step that aren’t adhering to those settings. I would remove the details if I could. It’s an expanding toggle, which should have less prominence. Because the background and text css has been overridden, it has much more prominence than it should. I can’t change these settings on my end. Essentially, there are two css properties that are creating the issue, which I believe should be removed.

.c1y2smo4 {
background-color: var(--coreColorNeutral100, #fafafa);
color: var(--coreColorNeutral900, #0a2540);
}

If I turn these off, everything looks fine (see images). Is there a way this can be corrected on the Calendly side?

Link to page: https://sensryui.com/contact/

Properties turned off, shows my preferred styles

Hey ​@Devin14002 , thanks for reaching out!

We wanted to let you know that we are actively investigating the behavior you described, where your Calendly widget intermittently changes from the intended color to another after refreshing the page multiple times. At this time, we are still working to identify the root cause of the issue and do not yet have a confirmed explanation for why this is happening.

Our team is continuing to look into it, and we truly appreciate your help and the additional context you provided.

If you have any additional observations in the meantime, feel free to reach out directly to Calendly Support to let us know: https://help.calendly.com/hc/en-us/requests/new


@Cameron Thanks for the response. There may be a slight misunderstanding. In this specific scenario the intended colors are not changing on refresh. Although, that is a problem I have seen and I’m glad you’re aware and working on it.

In this case, the problem is that the intended colors are overridden inside the description component. The background color and text color inside that description container should inherit the same colors I set for the rest of the form.

The reason the last image has my preferred styles is because I turned off the css properties that are causing the problem using the developer tools on Chrome. I added the image as an example of the expected behavior. It would be fairly simple fix on your end.


Reply