21 lines
584 B
TypeScript
21 lines
584 B
TypeScript
|
import { useSettings } from './useSettings';
|
||
|
|
import { useSystemTheme } from './useSystemTheme';
|
||
|
|
|
||
|
|
type Theme = 'light' | 'dark';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Returns the actual theme being displayed (eg "light" or "dark")
|
||
|
|
* regardless of whether that's by system theme or direct setting.
|
||
|
|
*/
|
||
|
|
const useTheme = (): Theme => {
|
||
|
|
const settings = useSettings();
|
||
|
|
const systemTheme = useSystemTheme();
|
||
|
|
|
||
|
|
const userTheme = settings.get('themeMode');
|
||
|
|
const darkMode = userTheme === 'dark' || (userTheme === 'system' && systemTheme === 'dark');
|
||
|
|
|
||
|
|
return darkMode ? 'dark' : 'light';
|
||
|
|
};
|
||
|
|
|
||
|
|
export { useTheme };
|