Skip to main content

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.