27 lines
920 B
TypeScript
27 lines
920 B
TypeScript
import { AppState } from "reducers";
|
|
import { dark, light, Theme, theme } from "constants/DefaultTheme";
|
|
|
|
export enum ThemeMode {
|
|
LIGHT = "LIGHT",
|
|
DARK = "DARK",
|
|
}
|
|
|
|
const lightTheme = { ...theme, colors: { ...theme.colors, ...light } };
|
|
|
|
const darkTheme = { ...theme, colors: { ...theme.colors, ...dark } };
|
|
|
|
// Only for usage with ThemeProvider
|
|
export const getThemeDetails = (state: AppState, themeMode: ThemeMode): Theme =>
|
|
themeMode === ThemeMode.LIGHT ? lightTheme : darkTheme;
|
|
|
|
// Use to get the current theme of the app set via the theme switcher
|
|
export const getCurrentThemeDetails = (state: AppState): Theme =>
|
|
state.ui.theme.theme;
|
|
|
|
// Use to get the current theme mode of the app set via the theme switcher
|
|
export const getCurrentThemeMode = (state: AppState) => state.ui.theme.mode;
|
|
|
|
export const getAppCardColorPalette = (state: AppState) => {
|
|
return state.ui.theme.theme.colors.appCardColors;
|
|
};
|