Containers

Containers are areas of a user interface that contain other controls. Actipro's themes include light and dark assets for five container levels based on the neutral color ramp.

A combination of dark and light theme variants using containers

Backgrounds and Borders

Each container level has a corresponding background and border brush. Container level 1 has the lowest contrast background (i.e., lightest color in the light theme variant), and then contrast increases slightly with each level.

Containers 1 through 5 showing background and border brushes using light theme variant on white background

The following example demonstrates using a Border as a container:

xmlns:actipro="http://schemas.actiprosoftware.com/avaloniaui"
...
<Border BorderThickness="1"
	Background="{actipro:ThemeResource Container1BackgroundBrush}"
	BorderBrush="{actipro:ThemeResource Container1BorderBrush}">

</Border>

Foregrounds

Several default foreground brushes are available with varying degrees of contrast, and each brush is designed to render well on all container levels.

Containers 1 through 5 showing default foreground brushes using light theme variant

The following example demonstrates using the normal foreground brush:

xmlns:actipro="http://schemas.actiprosoftware.com/avaloniaui"
...
<TextBlock Foreground="{actipro:ThemeResource DefaultForegroundBrush}" Text="Actipro Themes" />

See the Typography topic for more details.