<!--
{
  "availability" : [
    "iOS: 16.0.0 -",
    "iPadOS: 16.0.0 -",
    "macCatalyst: -",
    "macOS: 13.0.0 -",
    "visionOS: 26.0.0 -",
    "watchOS: 9.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "WidgetKit",
  "identifier" : "/documentation/WidgetKit/WidgetRenderingMode",
  "metadataVersion" : "0.1.0",
  "role" : "Structure",
  "symbol" : {
    "kind" : "Structure",
    "modules" : [
      "WidgetKit"
    ],
    "preciseIdentifier" : "s:9WidgetKit0A13RenderingModeV"
  },
  "title" : "WidgetRenderingMode"
}
-->

# WidgetRenderingMode

Constants that indicate the rendering mode for a widget.

```
struct WidgetRenderingMode
```

## 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`](/documentation/WidgetKit/WidgetRenderingMode/vibrant) mode, while it renders
widget-based complications in watchOS using either the
[`fullColor`](/documentation/WidgetKit/WidgetRenderingMode/fullColor) or
[`accented`](/documentation/WidgetKit/WidgetRenderingMode/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.

```swift
@Environment(\.widgetRenderingMode) var widgetRenderingMode
```

You can then customize your widget’s design based on the rendering mode.

## Topics

### Rendering modes

[`fullColor`](/documentation/WidgetKit/WidgetRenderingMode/fullColor)

The system renders the widget in full color.

[`accented`](/documentation/WidgetKit/WidgetRenderingMode/accented)

The system divides the widget’s view hierarchy into an accent group and
a default group, applying a different color to each group.

[`vibrant`](/documentation/WidgetKit/WidgetRenderingMode/vibrant)

The system desaturates the widget, making a monochrome version that it
uses to create an adaptive, vibrant effect.


---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)