flexor-web/src/app/actions/theme.ts

import { Action } from 'redux'
import { ColorScheme } from '../types'

export interface SetThemeAction extends Action {
    type: 'THEME_SET_THEME'
    payload: string
}

export interface SetColorSchemeAction extends Action {
    type: 'THEME_SET_COLOR_SCHEME'
    payload: ColorScheme
}

export type ThemeActions = SetThemeAction | SetColorSchemeAction

export const setTheme = (name: string): SetThemeAction => ({
    type: 'THEME_SET_THEME',
    payload: name,
})

export const setColorScheme = (scheme: ColorScheme): SetColorSchemeAction => ({
    type: 'THEME_SET_COLOR_SCHEME',
    payload: scheme,
})