Class TwBlazorTheme

Namespace

TwBlazor.Configuration

Assembly

TwBlazor.dll

The root theme configuration, aggregating the rounded, shadow, and color scales along with per-component theme overrides.

[ExcludeFromCodeCoverage]
public class TwBlazorTheme

Inheritance

object

TwBlazorTheme

Inherited Members

object.GetType()

object.MemberwiseClone()

object.ToString()

object.Equals(object)

object.Equals(object, object)

object.ReferenceEquals(object, object)

object.GetHashCode()

Constructors

TwBlazorTheme()

public TwBlazorTheme()

Properties

Anchor

Gets or sets the classes for each screen-anchored position (e.g. toasts, dialogs can be positioned using this).

public required TwAnchorPosition Anchor { get; set; }

Property Value

TwAnchorPosition

Border

Gets or sets the combined border configuration (width, semantic color, and neutral color) reused across component themes. See TwBlazorBorder.

public TwBlazorBorder Border { get; set; }

Property Value

TwBlazorBorder

Colors

Gets or sets the shared color configuration used across all components.

public TwBlazorColor Colors { get; set; }

Property Value

TwBlazorColor

Components

Gets or sets the per-component theme overrides. See TwBlazorComponents.

public TwBlazorComponents Components { get; set; }

Property Value

TwBlazorComponents

Display

Gets or sets the shared CSS display utility classes (e.g. flex, block) reused across component themes. See TwBlazorDisplay.

public TwBlazorDisplay Display { get; set; }

Property Value

TwBlazorDisplay

Flexbox

Gets or sets the shared flexbox utility classes (direction, wrapping, grow/shrink, and the justify/align alignment scales) reused across component themes. See TwBlazorFlexbox.

public TwBlazorFlexbox Flexbox { get; set; }

Property Value

TwBlazorFlexbox

Inset

Gets or sets the shared CSS inset utility classes (top-0, start-0, etc.), used to pin a positioned element to an edge of its container. See TwBlazorInset.

public TwBlazorInset Inset { get; set; }

Property Value

TwBlazorInset

Interaction

Gets or sets the shared interaction-state classes (cursors and disabled opacity) reused across component themes. See TwBlazorInteraction.

public TwBlazorInteraction Interaction { get; set; }

Property Value

TwBlazorInteraction

Overflow

Gets or sets the shared CSS overflow utility classes reused across component themes. See TwBlazorOverflow.

public TwBlazorOverflow Overflow { get; set; }

Property Value

TwBlazorOverflow

Position

Gets or sets the shared CSS "position" utility classes (absolute, relative, etc.) reused across component themes. See TwBlazorPositioning. For anchoring a floating element to a spot on screen, see Anchor instead.

public TwBlazorPositioning Position { get; set; }

Property Value

TwBlazorPositioning

Rounded

Gets or sets the border-radius (rounded corner) scale used across all components.

public TwBlazorRounded Rounded { get; set; }

Property Value

TwBlazorRounded

Shadows

Gets or sets the shadow (elevation) scale used across all components.

public TwBlazorShadow Shadows { get; set; }

Property Value

TwBlazorShadow

Sizing

Gets or sets the shared width/height utility classes (full width/height and the icon size scale) reused across component themes. See TwBlazorSizing.

public TwBlazorSizing Sizing { get; set; }

Property Value

TwBlazorSizing

Spacing

Gets or sets the shared spacing utility classes (gap and padding presets) reused across component themes. See TwBlazorSpacing.

public TwBlazorSpacing Spacing { get; set; }

Property Value

TwBlazorSpacing

TextTransform

Gets or sets the shared text-transform utility classes (e.g. uppercase) reused across component themes. See TwBlazorTextTransform.

public TwBlazorTextTransform TextTransform { get; set; }

Property Value

TwBlazorTextTransform

Transition

Gets or sets the shared transition utility classes (property, duration, and the common pre-combined property+duration classes) reused across component themes. See TwBlazorTransition.

public TwBlazorTransition Transition { get; set; }

Property Value

TwBlazorTransition

Typography

Gets or sets the shared typography utility classes (font-size scale, font-weight scale, and text alignment) reused across component themes. See TwBlazorTypography.

public TwBlazorTypography Typography { get; set; }

Property Value

TwBlazorTypography