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

Companion

js

object Companion

Functions

equals

js

open operator fun equals(other: Any?): Boolean

hashCode

js

open fun hashCode(): Int

toString

js

open fun toString(): String

Properties

borderWidths

js

abstract val borderWidths: Thickness

definition of the scale for border-widths

breakPoints

js

abstract val breakPoints: ResponsiveValue

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

button

js

abstract val button: PushButtonStyles

checkbox

js

abstract val checkbox: CheckboxStyles

colors

js

abstract val colors: Colors

definition of the theme's colors

fonts

js

abstract val fonts: Fonts

definition of the theme's fonts

fontSizes

js

abstract val fontSizes: ScaledValue

definition of the font-size-scale

gaps

js

abstract val gaps: ScaledValue

definition of the scale for gaps

icons

js

abstract val icons: Icons

definition of theme-icons

input

js

abstract val input: InputFieldStyles

letterSpacings

js

abstract val letterSpacings: ScaledValue

definition of the scale for letter-spacings

lineHeights

js

abstract val lineHeights: ScaledValue

definition of the scale for line-heights

mediaQueryLg

js

abstract val mediaQueryLg: String

the media query used for large screens

mediaQueryMd

js

abstract val mediaQueryMd: String

the media query used for middle sized screens

mediaQueryXl

js

abstract val mediaQueryXl: String

the media query used for extra-large screens

modal

js

abstract val modal: ModalStyles

name

js

abstract val name: String

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

opacities

js

abstract val opacities: WeightedValue

definition of the scale for opacities

popover

js

abstract val popover: PopoverStyles

definition of the theme's popover

position

js

abstract val position: ScaledValue

definition of the position-scale

radii

js

abstract val radii: ScaledValue

definition of the scale for border-radii

radio

js

abstract val radio: RadioStyles

reset

js

abstract val reset: String

css to reset browser's defaults and set your own

shadows

js

abstract val shadows: Shadows

definition of the theme's shadows

sizes

js

abstract val sizes: Sizes

definition of the theme's sizes

space

js

abstract val space: ScaledValue

definition of the space-scale

switch

js

abstract val switch: SwitchStyles

textarea

js

abstract val textarea: TextAreaStyles

tooltip

js

abstract val tooltip: Tooltip

zIndices

js

abstract val zIndices: ZIndices

definition of the theme's z-indices

Inheritors

DefaultTheme