prometheus

1
import React from 'react';
2

3
export type themeName = 'light' | 'dark';
4
export type themeSetting = themeName | 'auto';
5

6
export interface ThemeCtx {
7
  theme: themeName;
8
  userPreference: themeSetting;
9
  setTheme: (t: themeSetting) => void;
10
}
11

12
// defaults, will be overridden in App.tsx
13
export const ThemeContext = React.createContext<ThemeCtx>({
14
  theme: 'light',
15
  userPreference: 'auto',
16
  // eslint-disable-next-line @typescript-eslint/no-empty-function
17
  setTheme: (s: themeSetting) => {},
18
});
19

20
export const useTheme = (): ThemeCtx => {
21
  return React.useContext(ThemeContext);
22
};
23