useTheme - sunpeak

sunpeak API

Overview

The useTheme hook returns the host’s current theme. It is a convenience wrapper around useHostContext.

Wraps onhostcontextchanged

MCP Apps SDK reference

Import

import { useTheme } from 'sunpeak';

Signature

function useTheme(): McpUiTheme

The return type is McpUiTheme.

Returns

return

'light' | 'dark'

The current theme. Defaults to 'light' when unavailable.

Usage

import { useTheme } from 'sunpeak';

function MyResource() {
  const theme = useTheme();

  return (
    <div className={theme === 'dark' ? 'bg-black text-white' : 'bg-white text-black'}>
      ...
    </div>
  );
}

useTimeZoneGet the user's time zone.

​Overview

Wraps onhostcontextchanged

​Import

​Signature

​Returns

​Usage

Overview

Import

Signature

Returns

Usage