styling/dev.fritz2.styling.theme/Theme

Theme

@ExperimentalCoroutinesApi

interface Theme

Standard interface for themes in fritz2.

This interface is implemented by fritz2's DefaultTheme. Of course you can use your own implementations or even extend this interface and add more specifications to it that you need for your UI.

interface ExtendedTheme : Theme {
    interface Columns {
        val landscapeMode: Int
        val portraitMode: Int
    }

    val columns: Columns
}

Types

object Companion

Properties

abstract val alert: AlertStyles

abstract val appFrame: AppFrameStyles

abstract val borderWidths: Thickness

definition of the scale for border-widths

abstract val breakPoints: ResponsiveValue

break points for different screen sizes that apply when working with ResponsiveValues

abstract val button: PushButtonStyles

abstract val card: CardStyles

abstract val checkbox: CheckboxStyles

abstract val colors: Colors

definition of the theme's colors

dataTableStyles

abstract val dataTableStyles: DataTableStyles

abstract val dropdown: DropdownStyles

abstract val fontFamilies: FontFamilies

definition of the theme's fonts

abstract val fontSizes: ScaledValue

definition of the font-size-scale

abstract val formControl: FormControlStyles

abstract val formGroup: FormGroupStyles

abstract val gaps: ScaledValue

definition of the scale for gaps

abstract val global: String

css to set global defaults

abstract val icons: Icons

definition of theme-icons

abstract val input: InputFieldStyles

abstract val letterSpacings: ScaledValue

definition of the scale for letter-spacings

abstract val lineHeights: ScaledValue

definition of the scale for line-heights

abstract val mediaQueryLg: String

the media query used for large screens

abstract val mediaQueryMd: String

the media query used for middle sized screens

abstract val mediaQueryXl: String

the media query used for extra-large screens

abstract val menu: MenuStyles

abstract val modal: ModalStyles

abstract val name: String

an human readable name like `default` or `dark` for example

abstract val navBar: NavBarStyles

abstract val opacities: WeightedValue

definition of the scale for opacities

abstract val paper: PaperStyles

abstract val popover: PopoverStyles

definition of the theme's popover

abstract val popup: PopupStyles

abstract val position: ScaledValue

definition of the position-scale

abstract val radii: ScaledValue

definition of the scale for border-radii

abstract val radio: RadioStyles

abstract val reset: String

css to reset browser's defaults and set your own

abstract val select: SelectFieldStyles

abstract val shadows: Shadows

definition of the theme's shadows

abstract val sizes: Sizes

definition of the theme's sizes

abstract val slider: SliderStyles

abstract val space: ScaledValue

definition of the space-scale

abstract val switch: SwitchStyles

abstract val textArea: TextAreaStyles

abstract val toast: ToastStyles

abstract val tooltip: TooltipStyles

abstract val zIndices: ZIndices

definition of the theme's z-indices

Inheritors