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
Link copied to clipboard
js
object Companion

Functions

equals
Link copied to clipboard
js
open operator fun equals(other: Any?): Boolean
hashCode
Link copied to clipboard
js
open fun hashCode(): Int
toString
Link copied to clipboard
js
open fun toString(): String

Properties

borderWidths
Link copied to clipboard
js
abstract val borderWidths: Thickness
definition of the scale for border-widths
breakPoints
Link copied to clipboard
js
abstract val breakPoints: ResponsiveValue
break points for different screen sizes that apply when working with ResponsiveValues
button
Link copied to clipboard
js
abstract val button: PushButtonStyles
checkbox
Link copied to clipboard
js
abstract val checkbox: CheckboxStyles
colors
Link copied to clipboard
js
abstract val colors: Colors
definition of the theme's colors
fonts
Link copied to clipboard
js
abstract val fonts: Fonts
definition of the theme's fonts
fontSizes
Link copied to clipboard
js
abstract val fontSizes: ScaledValue
definition of the font-size-scale
gaps
Link copied to clipboard
js
abstract val gaps: ScaledValue
definition of the scale for gaps
icons
Link copied to clipboard
js
abstract val icons: Icons
definition of theme-icons
input
Link copied to clipboard
js
abstract val input: InputFieldStyles
letterSpacings
Link copied to clipboard
js
abstract val letterSpacings: ScaledValue
definition of the scale for letter-spacings
lineHeights
Link copied to clipboard
js
abstract val lineHeights: ScaledValue
definition of the scale for line-heights
mediaQueryLg
Link copied to clipboard
js
abstract val mediaQueryLg: String
the media query used for large screens
mediaQueryMd
Link copied to clipboard
js
abstract val mediaQueryMd: String
the media query used for middle sized screens
mediaQueryXl
Link copied to clipboard
js
abstract val mediaQueryXl: String
the media query used for extra-large screens
modal
Link copied to clipboard
js
abstract val modal: ModalStyles
name
Link copied to clipboard
js
abstract val name: String
an human readable name like `default` or `dark` for example
opacities
Link copied to clipboard
js
abstract val opacities: WeightedValue
definition of the scale for opacities
popover
Link copied to clipboard
js
abstract val popover: PopoverStyles
definition of the theme's popover
position
Link copied to clipboard
js
abstract val position: ScaledValue
definition of the position-scale
radii
Link copied to clipboard
js
abstract val radii: ScaledValue
definition of the scale for border-radii
radio
Link copied to clipboard
js
abstract val radio: RadioStyles
reset
Link copied to clipboard
js
abstract val reset: String
css to reset browser's defaults and set your own
shadows
Link copied to clipboard
js
abstract val shadows: Shadows
definition of the theme's shadows
sizes
Link copied to clipboard
js
abstract val sizes: Sizes
definition of the theme's sizes
space
Link copied to clipboard
js
abstract val space: ScaledValue
definition of the space-scale
switch
Link copied to clipboard
js
abstract val switch: SwitchStyles
textarea
Link copied to clipboard
js
abstract val textarea: TextAreaStyles
tooltip
Link copied to clipboard
js
abstract val tooltip: Tooltip
zIndices
Link copied to clipboard
js
abstract val zIndices: ZIndices
definition of the theme's z-indices

Inheritors

DefaultTheme
Link copied to clipboard