Skip to main content

Hello,
I’ve been trying to update the module's colors so it fits my website’s theme with no success so far.

import { InlineWidget } from 'react-calendly';

const MyComponent = () =>
<InlineWidget
url="{{MY_URL}}"
pageSettings={{
backgroundColor: "0A0B12"
primaryColor: "007AFF"
​ textColor: "FFFFFF"
}}
/>;
 
For the record, I’ve tried with and without the # in front of the hex code as well as with lowercase hex codes.
 
I don't see any error whatsoever but it keeps the original colors as if nothing happened.
Also, other page settings to hide details don't seem to change anything either.
 
Am I doing it the right way?
Maybe the NPM documentation is outdated.
Be the first to reply!

Reply