> For the complete documentation index, see [llms.txt](https://monthly-calender-widgets.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://monthly-calender-widgets.gitbook.io/docs/custom-widgets-builder/builder/event-colors.md). # Event colors: preserve vs accent Custom widgets support two modes for rendering event bars in the calendar grid. The mode you choose affects how event colors appear in your widget. ## Preserve event colors **Recommended for:** Google Calendar users and anyone with multiple color-coded calendars. Toggle path: **Edit any widget -> Display Options -> Preserve Event Colors**. When this mode is active, events use their **original calendar color**: * Google Calendar events appear in their exact Google colors (the same colors you see on calendar.google.com). * iOS Calendar events appear in their iOS-assigned calendar colors. * Custom color overrides (if you've set any in the app) are respected. **Why choose this:** * You've carefully color-coded your calendars (e.g., blue for work, green for personal, red for urgent). * You want to quickly distinguish between calendar sources at a glance. * You're syncing with Google Calendar specifically for accurate color representation. **Tips:** * This mode works best with neutral widget backgrounds (white, black, gray) that don't compete with the event colors. * Combine with monochrome mode for a striking effect -- the widget is entirely grayscale except for the colorful event bars. ## Use accent color **Recommended for:** Minimal designs and single-calendar users. When this mode is active, **all events** render in the widget's accent color, regardless of their original calendar color. **Why choose this:** * You want a clean, unified look where the widget has a consistent color palette. * You have a specific Home Screen aesthetic and want the widget to match. * You use a single calendar and don't need color differentiation. **Tips:** * Choose an accent color that contrasts well with your widget background for maximum readability. * This mode pairs well with gradient and image backgrounds, since you control the exact color of the event bars. ## How to switch 1. Open any widget for editing. 2. Go to **Display Options**. 3. Toggle **Preserve Event Colors** on or off. 4. The preview updates immediately so you can compare both modes.## FAQ**Can I set per-event custom colors?** <<<<<<< Updated upstream Yes. The app supports local color overrides for individual events. These custom colors are respected in "preserve" mode.**What if I use both iOS Calendar and Google Calendar?** <<<<<<< HEAD In "preserve" mode, each source shows its own colors. iOS Calendar events use iOS colors, and Google Calendar events use Google colors. In "accent" mode, both sources use the same accent color.**Does monochrome mode override this setting?** Partially. In monochrome mode with **Preserve Event Colors** enabled, event bars keep their original colors while everything else is grayscale. In monochrome mode with accent color mode, event bars are also grayscale. ======= In "preserve" mode, each source shows its own colors. iOS Calendar events use iOS colors, and Google Calendar events use Google colors. In "accent" mode, both sources use the same accent color.**Does monochrome mode override this setting?** Partially. In monochrome mode with "preserve event colors" enabled, event bars keep their original colors while everything else is grayscale. In monochrome mode with "accent color," event bars are also grayscale. > > > > > > > e71208b79c5b95a1b709d0ac33eebc38a42789e0 ======= Yes. The app supports local color overrides for individual events. These custom colors are respected in "preserve" mode.**What if I use both iOS Calendar and Google Calendar?** In "preserve" mode, each source shows its own colors. iOS Calendar events use iOS colors, and Google Calendar events use Google colors. In "accent" mode, both sources use the same accent color.**Does monochrome mode override this setting?** Partially. In monochrome mode with "preserve event colors" enabled, event bars keep their original colors while everything else is grayscale. In monochrome mode with "accent color," event bars are also grayscale. Stashed changes --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://monthly-calender-widgets.gitbook.io/docs/custom-widgets-builder/builder/event-colors.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.