29 lines
750 B
TypeScript
29 lines
750 B
TypeScript
// Copyright 2017-2023 @polkadot/react-hooks authors & contributors
|
|
// SPDX-License-Identifier: Apache-2.0
|
|
|
|
import type { ThemeDef } from '@polkadot/react-components/types';
|
|
|
|
import { useContext, useMemo } from 'react';
|
|
import { ThemeContext } from 'styled-components';
|
|
|
|
import { createNamedHook } from './createNamedHook.js';
|
|
|
|
interface Theme {
|
|
theme: ThemeDef['theme'];
|
|
themeClassName: `theme--${ThemeDef['theme']}`;
|
|
}
|
|
|
|
function useThemeImpl (): Theme {
|
|
const ctx = useContext(ThemeContext);
|
|
|
|
return useMemo(
|
|
(): Theme => ({
|
|
theme: (ctx?.theme || 'light') as 'light',
|
|
themeClassName: `theme--${(ctx?.theme || 'light') as 'light'}`
|
|
}),
|
|
[ctx]
|
|
);
|
|
}
|
|
|
|
export const useTheme = createNamedHook('useTheme', useThemeImpl);
|