silk-foundation/com.varabyte.kobweb.silk.theme/MutableSilkTheme

MutableSilkTheme

class MutableSilkTheme(source)

Theme values that will get frozen at initialization time.

Unlike SilkConfig values, theme values are expected to be accessible in user projects via the SilkTheme object.

Constructors

MutableSilkTheme

constructor()

Properties

breakpoints

var breakpoints: BreakpointValues<CSSLengthNumericValue>

palettes

val palettes: MutablePalettes

Functions

modifyStyle

fun MutableSilkTheme.modifyStyle(style: CssStyle<*>, extraModifier: Modifier = Modifier, init: CssStyleScope.() -> Unit)

Use this method to tweak a style previously registered using MutableSilkTheme.registerStyle.

fun MutableSilkTheme.modifyStyle(style: CssStyle<*>, extraModifier: @Composable () -> Modifier, init: CssStyleScope.() -> Unit)

modifyStyleBase

fun MutableSilkTheme.modifyStyleBase(style: CssStyle<*>, extraModifier: Modifier = Modifier, init: CssStyleBaseScope.() -> Modifier)

fun MutableSilkTheme.modifyStyleBase(style: CssStyle<*>, extraModifier: @Composable () -> Modifier, init: CssStyleBaseScope.() -> Modifier)

modifyVariant

fun <K : ComponentKind> MutableSilkTheme.modifyVariant(variant: CssStyleVariant<K>, extraModifier: Modifier = Modifier, init: CssStyleScope.() -> Unit)

fun <K : ComponentKind> MutableSilkTheme.modifyVariant(variant: CssStyleVariant<K>, extraModifier: @Composable () -> Modifier, init: CssStyleScope.() -> Unit)

Use this method to tweak a variant previously registered using MutableSilkTheme.registerVariant.

modifyVariantBase

fun <K : ComponentKind> MutableSilkTheme.modifyVariantBase(variant: CssStyleVariant<K>, extraModifier: Modifier = Modifier, init: CssStyleBaseScope.() -> Modifier)

fun <K : ComponentKind> MutableSilkTheme.modifyVariantBase(variant: CssStyleVariant<K>, extraModifier: @Composable () -> Modifier, init: CssStyleBaseScope.() -> Modifier)

registerKeyframes

fun registerKeyframes(name: String, keyframes: Keyframes)

registerStyle

fun <K : ComponentKind> registerStyle(name: String, style: CssStyle<K>, layer: String? = null)

fun registerStyle(name: String, style: CssStyle<GeneralKind>, layer: String? = null)

fun registerStyle(name: String, style: CssStyle<RestrictedKind>, layer: String? = null)

registerVariant

fun <K : ComponentKind> registerVariant(name: String, variant: CssStyleVariant<K>, layer: String? = null)

replaceStyle

fun replaceStyle(style: CssStyle<*>, extraModifier: Modifier = Modifier, init: CssStyleScope.() -> Unit)

fun replaceStyle(style: CssStyle<*>, extraModifier: @Composable () -> Modifier, init: CssStyleScope.() -> Unit)

replaceStyleBase

fun MutableSilkTheme.replaceStyleBase(style: CssStyle<*>, extraModifier: Modifier = Modifier, init: CssStyleBaseScope.() -> Modifier)

fun MutableSilkTheme.replaceStyleBase(style: CssStyle<*>, extraModifier: @Composable () -> Modifier, init: CssStyleBaseScope.() -> Modifier)

Convenience method when you want to replace an upstream style but only need to define a base style.

replaceVariant

fun <K : ComponentKind> replaceVariant(variant: CssStyleVariant<K>, extraModifier: Modifier = Modifier, init: CssStyleScope.() -> Unit)

fun <K : ComponentKind> replaceVariant(variant: CssStyleVariant<K>, extraModifier: @Composable () -> Modifier, init: CssStyleScope.() -> Unit)

Use this method to override a variant previously registered using registerVariant.

replaceVariantBase

fun <K : ComponentKind> MutableSilkTheme.replaceVariantBase(variant: CssStyleVariant<K>, extraModifier: Modifier = Modifier, init: CssStyleBaseScope.() -> Modifier)

fun <K : ComponentKind> MutableSilkTheme.replaceVariantBase(variant: CssStyleVariant<K>, extraModifier: @Composable () -> Modifier, init: CssStyleBaseScope.() -> Modifier)

Convenience method when you want to replace an upstream variant but only need to define a base style.