Class TwColorPickerTheme

Namespace

TwBlazor.Configuration.Components

Assembly

TwBlazor.dll

Theme configuration for the color picker components (TwColorPicker, TwColorPickerBody). Override any property to customize color picker styles globally.

[ExcludeFromCodeCoverage]
public class TwColorPickerTheme

Inheritance

object

TwColorPickerTheme

Inherited Members

object.GetType()

object.MemberwiseClone()

object.ToString()

object.Equals(object)

object.Equals(object, object)

object.ReferenceEquals(object, object)

object.GetHashCode()

Constructors

TwColorPickerTheme()

public TwColorPickerTheme()

Properties

ActionBar

Gets or sets the classes for the action bar containing the Cancel/Confirm buttons.

public required string ActionBar { get; set; }

Property Value

string

AlphaLabel

Gets or sets the classes for the "Alpha" label and percentage readout beside the alpha slider.

public required string AlphaLabel { get; set; }

Property Value

string

AlphaReadoutAlign

Gets or sets the text-alignment class for the alpha percentage readout beside the alpha slider.

public required string AlphaReadoutAlign { get; set; }

Property Value

string

Body

Gets or sets the classes for the dialog's outermost vertical layout wrapper.

public required string Body { get; set; }

Property Value

string

ControlRow

Gets or sets the classes for the control row holding the pick-from-screen button, the mode switch, the live swatch, the current mode's value field, and the alpha percentage readout.

public required string ControlRow { get; set; }

Property Value

string

DialogPosition

Gets or sets the positioning classes for the dialog's wrapper, anchoring it beneath the swatch.

public required string DialogPosition { get; set; }

Property Value

string

HueSliderTouch

Gets or sets the extra touch-handling class for the hue slider specifically - unlike the alpha slider, it also responds to native touch drag gestures (see OnHueTouchMove), so the browser's own touch scrolling/panning needs to be suppressed on it.

public required string HueSliderTouch { get; set; }

Property Value

string

InputColumn

Gets or sets the classes for each equal-width column in the RGB/HSL numeric input row.

public required string InputColumn { get; set; }

Property Value

string

InputContainer

Gets or sets the classes for the container that lays out the swatch next to the text field.

public required string InputContainer { get; set; }

Property Value

string

ModeSwitchButton

Gets or sets the tracking classes for the mode-switch button's text.

public required string ModeSwitchButton { get; set; }

Property Value

string

PreviewSwatch

Gets or sets the classes for the large color preview swatch shown at the top of the dialog.

public required string PreviewSwatch { get; set; }

Property Value

string

SelectorSquare

Gets or sets the classes for the saturation/lightness selector square.

public required string SelectorSquare { get; set; }

Property Value

string

SelectorThumb

Gets or sets the classes for the draggable thumb on the saturation/lightness selector square.

public required string SelectorThumb { get; set; }

Property Value

string

SliderRow

Gets or sets the size classes for a draggable hue/alpha slider's clickable row (excluding positioning/layout, which are composed alongside it).

public required string SliderRow { get; set; }

Property Value

string

SliderThumb

Gets or sets the classes for the draggable thumb on the hue and alpha sliders.

public required string SliderThumb { get; set; }

Property Value

string

SliderTrack

Gets or sets the classes for the hue and alpha slider tracks.

public required string SliderTrack { get; set; }

Property Value

string

Swatch

Gets or sets the base classes for the color swatch button/input shown next to the text field.

public required string Swatch { get; set; }

Property Value

string

SwatchDisabled

Gets or sets the classes applied to the swatch when the color picker is disabled.

public required string SwatchDisabled { get; set; }

Property Value

string

SwatchHover

Gets or sets the hover classes applied to the swatch when the color picker is enabled.

public required string SwatchHover { get; set; }

Property Value

string