---
title: Appearance modifiers
framework: swiftui
role: collectionGroup
role_heading: API Collection
path: swiftui/view-appearance
---

# Appearance modifiers

Configure a view’s foreground and background styles, controls, and visibility.

## Overview

Overview Use these modifiers to configure the appearance of a view, including the use of color and tint, and the application of overlays and background elements. Control the visibility of a view and specific elements within a view. Manage the shape and size of various controls. For information about configuring views, see View configuration.

## Topics

### Colors and patterns

- [backgroundStyle(_:)](swiftui/view/backgroundstyle(_:).md)
- [foregroundStyle(_:)](swiftui/view/foregroundstyle(_:).md)
- [foregroundStyle(_:_:)](swiftui/view/foregroundstyle(_:_:).md)
- [foregroundStyle(_:_:_:)](swiftui/view/foregroundstyle(_:_:_:).md)
- [allowedDynamicRange(_:)](swiftui/view/alloweddynamicrange(_:).md)

### Tint

- [tint(_:)](swiftui/view/tint(_:).md)
- [listRowSeparatorTint(_:edges:)](swiftui/view/listrowseparatortint(_:edges:).md)
- [listSectionSeparatorTint(_:edges:)](swiftui/view/listsectionseparatortint(_:edges:).md)
- [listItemTint(_:)](swiftui/view/listitemtint(_:).md)

### Light and dark appearance

- [preferredColorScheme(_:)](swiftui/view/preferredcolorscheme(_:).md)
- [preferredSurroundingsEffect(_:)](swiftui/view/preferredsurroundingseffect(_:).md)

### Foreground elements

- [border(_:width:)](swiftui/view/border(_:width:).md)
- [overlay(alignment:content:)](swiftui/view/overlay(alignment:content:).md)
- [overlay(_:ignoresSafeAreaEdges:)](swiftui/view/overlay(_:ignoressafeareaedges:).md)
- [overlay(_:in:fillStyle:)](swiftui/view/overlay(_:in:fillstyle:).md)
- [spatialOverlay(alignment:content:)](swiftui/view/spatialoverlay(alignment:content:).md)
- [spatialOverlayPreferenceValue(_:alignment:_:)](swiftui/view/spatialoverlaypreferencevalue(_:alignment:_:).md)

### Background elements

- [background(alignment:content:)](swiftui/view/background(alignment:content:).md)
- [background(_:ignoresSafeAreaEdges:)](swiftui/view/background(_:ignoressafeareaedges:).md)
- [background(ignoresSafeAreaEdges:)](swiftui/view/background(ignoressafeareaedges:).md)
- [background(_:in:fillStyle:)](swiftui/view/background(_:in:fillstyle:).md)
- [background(in:fillStyle:)](swiftui/view/background(in:fillstyle:).md)
- [alternatingRowBackgrounds(_:)](swiftui/view/alternatingrowbackgrounds(_:).md)
- [listRowBackground(_:)](swiftui/view/listrowbackground(_:).md)
- [scrollContentBackground(_:)](swiftui/view/scrollcontentbackground(_:).md)
- [containerBackground(_:for:)](swiftui/view/containerbackground(_:for:).md)
- [containerBackground(for:alignment:content:)](swiftui/view/containerbackground(for:alignment:content:).md)
- [glassBackgroundEffect(displayMode:)](swiftui/view/glassbackgroundeffect(displaymode:).md)
- [glassBackgroundEffect(_:displayMode:)](swiftui/view/glassbackgroundeffect(_:displaymode:).md)
- [glassBackgroundEffect(in:displayMode:)](swiftui/view/glassbackgroundeffect(in:displaymode:).md)
- [glassBackgroundEffect(_:in:displayMode:)](swiftui/view/glassbackgroundeffect(_:in:displaymode:).md)
- [backgroundExtensionEffect()](swiftui/view/backgroundextensioneffect().md)
- [backgroundExtensionEffect(isEnabled:)](swiftui/view/backgroundextensioneffect(isenabled:).md)

### Passthrough

- [breakthroughEffect(_:)](swiftui/view/breakthrougheffect(_:).md)

### Control configuration

- [defaultWheelPickerItemHeight(_:)](swiftui/view/defaultwheelpickeritemheight(_:).md)
- [horizontalRadioGroupLayout()](swiftui/view/horizontalradiogrouplayout().md)
- [controlSize(_:)](swiftui/view/controlsize(_:).md)
- [buttonBorderShape(_:)](swiftui/view/buttonbordershape(_:).md)
- [buttonRepeatBehavior(_:)](swiftui/view/buttonrepeatbehavior(_:).md)
- [headerProminence(_:)](swiftui/view/headerprominence(_:).md)
- [scrollDisabled(_:)](swiftui/view/scrolldisabled(_:).md)
- [scrollBounceBehavior(_:axes:)](swiftui/view/scrollbouncebehavior(_:axes:).md)
- [scrollIndicatorsFlash(onAppear:)](swiftui/view/scrollindicatorsflash(onappear:).md)
- [scrollIndicatorsFlash(trigger:)](swiftui/view/scrollindicatorsflash(trigger:).md)
- [menuOrder(_:)](swiftui/view/menuorder(_:).md)
- [menuActionDismissBehavior(_:)](swiftui/view/menuactiondismissbehavior(_:).md)
- [paletteSelectionEffect(_:)](swiftui/view/paletteselectioneffect(_:).md)
- [typeSelectEquivalent(_:)](swiftui/view/typeselectequivalent(_:).md)

### Symbol effects

- [symbolEffect(_:options:isActive:)](swiftui/view/symboleffect(_:options:isactive:).md)
- [symbolEffect(_:options:value:)](swiftui/view/symboleffect(_:options:value:).md)
- [symbolEffectsRemoved(_:)](swiftui/view/symboleffectsremoved(_:).md)

### Privacy and redaction

- [privacySensitive(_:)](swiftui/view/privacysensitive(_:).md)
- [redacted(reason:)](swiftui/view/redacted(reason:).md)
- [unredacted()](swiftui/view/unredacted().md)
- [invalidatableContent(_:)](swiftui/view/invalidatablecontent(_:).md)
- [contentCaptureProtected(_:)](swiftui/view/contentcaptureprotected(_:).md)

### Visibility

- [hidden()](swiftui/view/hidden().md)
- [labelsHidden()](swiftui/view/labelshidden().md)
- [labelsVisibility(_:)](swiftui/view/labelsvisibility(_:).md)
- [menuIndicator(_:)](swiftui/view/menuindicator(_:).md)
- [listRowSeparator(_:edges:)](swiftui/view/listrowseparator(_:edges:).md)
- [listSectionSeparator(_:edges:)](swiftui/view/listsectionseparator(_:edges:).md)
- [listSectionIndexVisibility(_:)](swiftui/view/listsectionindexvisibility(_:).md)
- [persistentSystemOverlays(_:)](swiftui/view/persistentsystemoverlays(_:).md)
- [scrollIndicators(_:axes:)](swiftui/view/scrollindicators(_:axes:).md)
- [scrollClipDisabled(_:)](swiftui/view/scrollclipdisabled(_:).md)
- [sliderThumbVisibility(_:)](swiftui/view/sliderthumbvisibility(_:).md)
- [tableColumnHeaders(_:)](swiftui/view/tablecolumnheaders(_:).md)
- [upperLimbVisibility(_:)](swiftui/view/upperlimbvisibility(_:).md)
- [volumeBaseplateVisibility(_:)](swiftui/view/volumebaseplatevisibility(_:).md)

### Sensory feedback

- [sensoryFeedback(_:trigger:)](swiftui/view/sensoryfeedback(_:trigger:).md)
- [sensoryFeedback(trigger:_:)](swiftui/view/sensoryfeedback(trigger:_:).md)
- [sensoryFeedback(_:trigger:condition:)](swiftui/view/sensoryfeedback(_:trigger:condition:).md)

### Widget configuration

- [widgetAccentable(_:)](swiftui/view/widgetaccentable(_:).md)
- [widgetCurvesContent(_:)](swiftui/view/widgetcurvescontent(_:).md)
- [widgetLabel(_:)](swiftui/view/widgetlabel(_:).md)
- [widgetLabel(label:)](swiftui/view/widgetlabel(label:).md)
- [dynamicIsland(verticalPlacement:)](swiftui/view/dynamicisland(verticalplacement:).md)
- [accessoryWidgetGroupStyle(_:)](swiftui/view/accessorywidgetgroupstyle(_:).md)
- [controlWidgetActionHint(_:)](swiftui/view/controlwidgetactionhint(_:).md)
- [controlWidgetStatus(_:)](swiftui/view/controlwidgetstatus(_:).md)

### Window behaviors

- [windowDismissBehavior(_:)](swiftui/view/windowdismissbehavior(_:).md)
- [windowFullScreenBehavior(_:)](swiftui/view/windowfullscreenbehavior(_:).md)
- [windowToolbarFullScreenVisibility(_:)](swiftui/view/windowtoolbarfullscreenvisibility(_:).md)
- [windowMinimizeBehavior(_:)](swiftui/view/windowminimizebehavior(_:).md)
- [windowResizeAnchor(_:)](swiftui/view/windowresizeanchor(_:).md)
- [windowResizeBehavior(_:)](swiftui/view/windowresizebehavior(_:).md)
- [preferredWindowClippingMargins(_:_:)](swiftui/view/preferredwindowclippingmargins(_:_:).md)

## See Also

### Configuring view elements

- [Accessibility modifiers](swiftui/view-accessibility.md)
- [Text and symbol modifiers](swiftui/view-text-and-symbols.md)
- [Auxiliary view modifiers](swiftui/view-auxiliary-views.md)
- [Chart view modifiers](swiftui/view-chart-view.md)