Defines three colors for a color scheme. First is main which is the default color and mainContrast for showing things on top of highlight color. Besides from that there is a color highlight for highlighting things and a color highlightContrast for showing things on top of highlight color.

DataTableStyles

interface DataTableStyles

DefaultTheme

open class DefaultTheme : Theme

defines the default values and scales for fritz2

DropdownAlignments

interface DropdownAlignments

DropdownPlacements

interface DropdownPlacements

DropdownStyles

interface DropdownStyles

definition of the theme's dropdown

FontFamilies

interface FontFamilies

Defines the fonts-family in a theme

FormControlStyles

interface FormControlStyles

definition of the theme's formControl

FormGroupLabelStyles

interface FormGroupLabelStyles

definition of the theme's formGroup

FormGroupStyles

interface FormGroupStyles

FormSizesAware

interface FormSizesAware

FormSizesStyles

interface FormSizesStyles

IconDefinition

class IconDefinition( val displayName: String, val viewBox: String = "0 0 24 24", val svg: String)

Defines a specific icon

Icons

interface Icons

Definition of standard-icons

InputFieldStyles

interface InputFieldStyles : SeverityAware, FormSizesAware

definition of the theme's inputField

InputFieldVariants

interface InputFieldVariants

MenuStyles

interface MenuStyles

definition of the theme's menu

ModalSizes

~~interface~~ ~~ModalSizes~~

ModalStyles

interface ModalStyles

definition of the theme's modal

ModalVariants

~~interface~~ ~~ModalVariants~~

ModalWidths

interface ModalWidths

NavBarStyles

interface NavBarStyles

definition of the theme's navbar

PaperSizes

interface PaperSizes

PaperStyles

interface PaperStyles

PaperTypes

interface PaperTypes

PopoverArrowPlacements

interface PopoverArrowPlacements

PopoverPlacements

interface PopoverPlacements

PopoverSizes

interface PopoverSizes

PopoverStyles

interface PopoverStyles

definition of the theme's popover

PopupStyles

interface PopupStyles

Property

typealias Property = String

alias for property values

PushButtonStyles

interface PushButtonStyles : FormSizesAware

definition of the theme's pushButton

PushButtonTypes

interface PushButtonTypes

PushButtonVariants

interface PushButtonVariants

RadioStyles

interface RadioStyles : SeverityAware, FormSizesAware

definition of the theme's radioButton

ResponsiveValue

class ResponsiveValue( val sm: Property, val md: Property = sm, val lg: Property = md, val xl: Property = lg)

Defines a responsive Property that can have different values for different screen sizes. Per default the value for a certain screen size is the same as the value for the next smaller screen size. You can define the concrete screen sizes that apply in the Theme you use.

ScaledValue

open class ScaledValue( val normal: Property, val small: Property = normal, val smaller: Property = small, val tiny: Property = smaller, val large: Property = normal, val larger: Property = large, val huge: Property = larger, val giant: Property = huge, val none: Property = tiny, val full: Property = giant)

Defines a value that has different expressions for different scales.

SelectFieldStyles

interface SelectFieldStyles : SeverityAware, FormSizesAware

definition of the theme's selectField styles

SelectFieldVariants

interface SelectFieldVariants

definition of the theme's selectField variants

SeverityAware

interface SeverityAware

SeverityStyles

interface SeverityStyles

general component's theme abstractions

Shadows

class Shadows( val flat: ShadowProperty, val raised: ShadowProperty, val raisedFurther: ShadowProperty = raised, val top: ShadowProperty = raisedFurther, val lowered: ShadowProperty, val bottom: ShadowProperty = lowered, val outline: ShadowProperty, val glowing: ShadowProperty = outline, val danger: ShadowProperty, val none: ShadowProperty = "none")

Defines the scheme shadows in a theme

Sizes

class Sizes( val normal: Property, val small: Property = normal, val smaller: Property = small, val tiny: Property = smaller, val large: Property = normal, val larger: Property = large, val huge: Property = larger, val giant: Property = huge, val full: Property = giant, val wide: ScaledValue) : ScaledValue

Defines a value that has different expressions for different sizes.

SliderCoreStyles

interface SliderCoreStyles

SliderStyles

interface SliderStyles : SeverityAware, FormSizesAware

SwitchStyles

interface SwitchStyles : SeverityAware, FormSizesAware

definition of the theme's switch

TextAreaResize

interface TextAreaResize

definition of the theme's textArea resizes

TextAreaStyles

interface TextAreaStyles : SeverityAware, FormSizesAware

definition of the theme's textArea styles

TextAreaVariants

interface TextAreaVariants

Theme

@ExperimentalCoroutinesApi

interface Theme

Standard interface for themes in fritz2.

Thickness

class Thickness( val none: Property, val normal: Property, val thin: Property, val fat: Property, val hair: Property)

Defines a value that has different expressions for different thicknesses.

ToastButton

interface ToastButton

ToastPlacement

interface ToastPlacement

ToastStatus

interface ToastStatus

ToastStyles

interface ToastStyles

definition of the theme's toasts

TooltipPlacements

~~interface~~ ~~TooltipPlacements~~

TooltipStyles

interface TooltipStyles

definition of the theme's tooltip

WeightedValue

class WeightedValue( val normal: Property, val light: Property = normal, val lighter: Property = light, val strong: Property = normal, val stronger: Property = strong, val none: Property = lighter, val full: Property = strong)

Defines a value that has different expressions for different weights.

ZIndices

class ZIndices( tableHeader: Int, tooltip: Int, popup: Int, dropdown: Int, popover: Int, appFrame: Int, navbar: Int, toast: Int, modal: Int)

Defines the scheme for zIndices of fritz2 components

Functions

core

fun SliderStyles.core(orientation: String): SliderCoreStyles

render

inline fun <T : Theme> render( theme: T, selector: String, override: Boolean = true, crossinline content: RenderContext.(T) -> Unit)

Creates a RenderContext for Tags and mounts it to a constant element in the static html file which id matches the selector. It also applies the given Theme

inline fun <T : Theme> render( theme: T, targetElement: HTMLElement? = document.body, override: Boolean = true, crossinline content: RenderContext.(T) -> Unit)

Creates a render context for Tags and mounts it to an HTMLElement. It also applies the given Theme.

Properties

important

val Property.important: Property

adds important flag to resulting css