Home

Bring your call-to-action blocks to the dark side

You can now choose between light (white background with black text) and dark (black background with white text) styles when creating call-to-action blocks in the new WMS.
A black cat stares from behind an intricate fence casting an ominous shadow.
Charly Blais | 1 May 2026

A dark option is available for both layout and global call-to-action (CTA) blocks:

  • Layout blocks: Find the control in the Style field.
  • Global blocks: Find the control under Theme support when configuring the block.

How to create blocks in the new WMS (IT Knowledge Base)

Regular CTA blocks default to the light style, while "Call-to-Action - without image" blocks default to the dark style.

This replaces the "enhanced" style in the old WMS, which allowed you to adjust the view mode settings to give CTA blocks without images a black background.

When to go dark mode

Using a dark CTA can help highlight your most important action or create a sense of visual rhythm on a page.

To learn more about design principles and how to apply them to your McGill website, take our Designing Great Digital Experiences course or explore the resources in our digital design toolkit.

A row of three white call-to-action blocks featuring images of cats above a black call-to-action block above three other white call-to-action blocks, demonstrating an alternating visual rhythm.

Back to top