---
title: "ForegroundScope"
description: "An interface that introduces the foreground property to a Style receiver scope."
type: "interface"
lastmod: "2026-05-20T01:13:53.366605Z"
---
## API Reference

> Source set: Common

```kotlin
@ExperimentalFoundationStyleApi
interface ForegroundScope
```

An interface that introduces the [foreground](#foreground) property to a [Style](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/Style) receiver scope.

## Functions

### foreground

```kotlin
fun foreground(value: Color)
```

Sets the foreground color for the component. This can be used to overlay a color on top of
the component's content. It is important that this brush be partially transparent (e.g. alpha
less than 1.0) or it will obscure the content. If a [ShapeScope.shape](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/ShapeScope) is applied, the
[foreground](#foreground) will fill that shape.

This property is *not* inherited

#### Parameters

| | |
| --- | --- |
| value | The brush to use for the foreground. |

### foreground

```kotlin
fun foreground(value: Brush)
```

Sets the foreground brush for the component. This can be used to overlay a color or gradient
on top of the component's content. It is important that this brush be partially transparent
(e.g. alpha less than 1.0) or it will obscure the content. If a [ShapeScope.shape](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/ShapeScope) is
applied, the [foreground](#foreground) will fill that shape.

This property is *not* inherited

#### Parameters

| | |
| --- | --- |
| value | The brush to use for the foreground. |