Skip to content

Keep Cal.com's skeleton light on a dark system - #29

Merged
silveltman merged 1 commit into
mainfrom
fix/cal-skeleton-light
Oct 12, 2026
Merged

silveltman merged 1 commit into
mainfrom
fix/cal-skeleton-light

Conversation

@silveltman

Copy link
Copy Markdown
Contributor

Sil saw Cal.com's skeleton on /contact/ in dark mode. embed.js themes the skeleton from the inline config's theme, and otherwise from the visitor's system. Cal("ui", { theme: "light" }) only reaches the frame. The inline config now sets theme: "light".

Tested in Chromium with a dark system theme:

  • the skeleton was dark on production and is light now (cal-element-embed-light, white background);
  • the loaded booking stays light;
  • the frame fits at 390 and 1512px.

/meeting/ stays light on a dark system without a change.

🤖 Generated with Claude Code

embed.js themes its skeleton from the inline config, not from the ui
call, so on a dark system it turned dark beside the light booking.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@netlify

netlify Bot commented Oct 12, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for silveltman ready!

Name Link
🔨 Latest commit 30f4555
🔍 Latest deploy log https://app.netlify.com/projects/silveltman/deploys/6acd35603632f42d43a4358d
😎 Deploy Preview https://deploy-preview-29--silveltman.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@silveltman
silveltman merged commit 988f291 into main Oct 12, 2026
7 checks passed
@silveltman
silveltman deleted the fix/cal-skeleton-light branch October 12, 2026 19:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant