-
I copy the JS code from Edit: I notice this thing when my PC in the dark mode, in the light mode the background color is transparent, how to make it transparent in the dark mode too! this is my element : <div
data-cal-namespace="30min"
data-cal-link="ebraheemsaba/30min"
data-cal-config='{"layout":"month_view"}'
class="contact-btn"
> Click Me </div> and this is my script in the end of the <script type="text/javascript">
(function (C, A, L) {
let p = function (a, ar) {
a.q.push(ar);
};
let d = C.document;
C.Cal =
C.Cal ||
function () {
let cal = C.Cal;
let ar = arguments;
if (!cal.loaded) {
cal.ns = {};
cal.q = cal.q || [];
d.head.appendChild(d.createElement('script')).src = A;
cal.loaded = true;
}
if (ar[0] === L) {
const api = function () {
p(api, arguments);
};
const namespace = ar[1];
api.q = api.q || [];
if (typeof namespace === 'string') {
cal.ns[namespace] = cal.ns[namespace] || api;
p(cal.ns[namespace], ar);
p(cal, ['initNamespace', namespace]);
} else p(cal, ar);
return;
}
p(cal, ar);
};
})(window, 'https://app.cal.com/embed/embed.js', 'init');
Cal('init', '30min', { origin: 'https://cal.com' });
// Important: Please add the following attributes to the element that should trigger the calendar to open upon clicking.
// `data-cal-link="ebraheemsaba/30min"`
// data-cal-namespace="30min"
// `data-cal-config='{"layout":"month_view","theme":"dark"}'`
Cal.ns['30min']('ui', {
theme: 'dark',
styles: { branding: { brandColor: '#000000' } },
hideEventTypeDetails: false,
layout: 'month_view',
});
</script> |
Beta Was this translation helpful? Give feedback.
Answered by
Hetari
Sep 7, 2024
Replies: 1 comment
-
I fix it by adding : <meta name="color-scheme" content="light" /> |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
Hetari
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I fix it by adding :