---
title: WidgetRenderingMode
framework: widgetkit
role: symbol
role_heading: Structure
path: widgetkit/widgetrenderingmode
---

# WidgetRenderingMode

Constants that indicate the rendering mode for a widget.

## Declaration

```swift
struct WidgetRenderingMode
```

## Mentioned in

Migrating ClockKit complications to WidgetKit

## Overview

Overview The system can modify the appearance of accessory family widgets. For example, it renders widgets on the Lock Screen on iPhone using the vibrant mode, while it renders widget-based complications in watchOS using either the fullColor or accented modes, depending on the watch face and the user’s settings. You can read the rendering mode from the environment values using the .widgetRenderingMode key. @Environment(\.widgetRenderingMode) var widgetRenderingMode You can then customize your widget’s design based on the rendering mode.

## Topics

### Rendering modes

- [fullColor](widgetkit/widgetrenderingmode/fullcolor.md)
- [accented](widgetkit/widgetrenderingmode/accented.md)
- [vibrant](widgetkit/widgetrenderingmode/vibrant.md)

## Relationships

### Conforms To

- [CustomStringConvertible](swift/customstringconvertible.md)
- [Equatable](swift/equatable.md)

## See Also

### Layout and presentation

- [Supporting additional widget sizes](widgetkit/supporting-additional-widget-sizes.md)
- [Displaying the right widget background](widgetkit/displaying-the-right-widget-background.md)
- [Optimizing your widget for accented rendering mode and Liquid Glass](widgetkit/optimizing-your-widget-for-accented-rendering-mode-and-liquid-glass.md)
- [Adding StandBy and CarPlay support to your widget](widgetkit/adding-standby-and-carplay-support-to-your-widget.md)
- [WidgetAccentedRenderingMode](widgetkit/widgetaccentedrenderingmode.md)
- [AccessoryWidgetBackground](widgetkit/accessorywidgetbackground.md)
- [WidgetLocation](widgetkit/widgetlocation.md)