Documentation
    Preparing search index...

    Interface UIPreferences

    Visual configuration for SDK-rendered components — theme, border radius, custom palette per theme. Pass on TonConnectUiOptions.uiPreferences (constructor or uiOptions setter).

    tonConnectUI.uiOptions = {
        uiPreferences: {
            theme: THEME.DARK,
            borderRadius: 's',
            colorsSet: { [THEME.DARK]: { connectButton: { background: '#29CC6A' } } }
        }
    };
    interface UIPreferences {
        borderRadius?: BorderRadius;
        colorsSet?: Partial<Record<THEME, PartialColorsSet>>;
        theme?: Theme;
    }
    Index

    Properties

    borderRadius? colorsSet? theme?

    Properties

    borderRadius?: BorderRadius

    Border radius preset applied to buttons, modal corners and tiles. See BorderRadius.

    'm'
    colorsSet?: Partial<Record<THEME, PartialColorsSet>>

    Per-theme palette overrides. Each entry is a deep-partial of ColorsSet; missing values fall back to the built-in palette.

    theme?: Theme

    Theme used for SDK UI elements. See Theme — pass THEME.LIGHT / THEME.DARK for a fixed theme or 'SYSTEM' to follow prefers-color-scheme.

    'SYSTEM'

    Settings

    Member Visibility

    On This Page

    Properties