AppmakerDeveloper

useThemeSettings

This hook returns the current theme settings object from the plugin store.

Use it to access theme configuration values (colors, fonts, spacing, etc.) in custom blocks.

Import

import { useThemeSettings } from '@appmaker-xyz/core';

Basic Usage

const themeSettings = useThemeSettings();

// Access theme values
const primaryColor = themeSettings?.primaryColor;
const fontFamily = themeSettings?.fontFamily;

Return Value

PropertyTypeDescription
themeSettingsObjectThe theme settings object configured for the active theme. The shape depends on the theme's configuration.