@livelike/react-native/lib/module/store/theme.js

LiveLike React Native package

import { LLThemeType } from '../types';
import { createStore } from './store';
export let DEFAULT_THEMES = {
  [LLThemeType.LIGHT]: {
    text: '#131617',
    secondaryText: '#7A7B7C',
    background: '#F1F1F1',
    secondaryBackground: '#FFFFFF',
    popoverBackground: '#EDEDED',
    primaryButtonBackground: '#27BF9D',
    primaryPressedButtonBackground: '#007878',
    primaryButtonText: '#131617',
    border: '#DADADA',
    info: '#27BF9D',
    error: '#BF2727',
    widgetBackground: '#F4F5F6',
    widgetOption: '#DDE2E3',
    widgetSelectedOption: '#BCC5C8',
    disabledButtonBackground: '#A5B1B6',
    disabledButtonText: '#FFFFFF',
    correct: '#3DCF25',
    incorrect: '#A00D32',
    correctIncorrectText: '#FFFFFF'
  },
  [LLThemeType.DARK]: {
    text: '#FFFFFF',
    secondaryText: '#7A7B7C',
    background: '#131617',
    secondaryBackground: '#1B1E1F',
    popoverBackground: '#2B3136',
    primaryButtonBackground: '#27BF9D',
    primaryPressedButtonBackground: '#007878',
    primaryButtonText: '#131524',
    border: '#474E55',
    info: '#27BF9D',
    error: '#BF2727',
    widgetBackground: '#131524',
    widgetOption: '#202233',
    widgetSelectedOption: '#383D57',
    disabledButtonBackground: '#363847',
    disabledButtonText: '#FFFFFF',
    correct: '#3DCF25',
    incorrect: '#A00D32',
    correctIncorrectText: '#FFFFFF'
  }
};
export const themeStore = createStore({
  currentThemeType: LLThemeType.DARK,
  themes: DEFAULT_THEMES,
  isNonDefaultThemeType: false,
  fonts: {}
});
export const themeStoreActions = {
  setThemeTypeAction(newThemeType) {
    themeStore.set({
      ...themeStore.get(),
      currentThemeType: newThemeType,
      isNonDefaultThemeType: true
    });
  },
  setThemesAction(_themes) {
    themeStore.set({
      ...themeStore.get(),
      themes: {
        ...themeStore.get().themes,
        ..._themes
      }
    });
  },
  setFontsAction(_ref) {
    let {
      fonts
    } = _ref;
    themeStore.set({
      ...themeStore.get(),
      fonts: {
        ...themeStore.get().fonts,
        ...fonts
      }
    });
  }
};
//# sourceMappingURL=theme.js.map