123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282 |
- // @flow
-
- import AsyncStorageManager from "./AsyncStorageManager";
- import {DarkTheme, DefaultTheme} from 'react-native-paper';
- import AprilFoolsManager from "./AprilFoolsManager";
- import {Appearance} from 'react-native-appearance';
-
- const colorScheme = Appearance.getColorScheme();
-
- export type CustomTheme = {
- ...DefaultTheme,
- colors: {
- primary: string,
- accent: string,
- tabIcon: string,
- card: string,
- dividerBackground: string,
- ripple: string,
- textDisabled: string,
- icon: string,
- subtitle: string,
- success: string,
- warning: string,
- danger: string,
-
- // Calendar/Agenda
- agendaBackgroundColor: string,
- agendaDayTextColor: string,
-
- // PROXIWASH
- proxiwashFinishedColor: string,
- proxiwashReadyColor: string,
- proxiwashRunningColor: string,
- proxiwashRunningNotStartedColor: string,
- proxiwashRunningBgColor: string,
- proxiwashBrokenColor: string,
- proxiwashErrorColor: string,
- proxiwashUnknownColor: string,
-
- // Screens
- planningColor: string,
- proximoColor: string,
- proxiwashColor: string,
- menuColor: string,
- tutorinsaColor: string,
-
- // Tetris
- tetrisBackground: string,
- tetrisBorder: string,
- tetrisScore: string,
- tetrisI: string,
- tetrisO: string,
- tetrisT: string,
- tetrisS: string,
- tetrisZ: string,
- tetrisJ: string,
- tetrisL: string,
-
- gameGold: string,
- gameSilver: string,
- gameBronze: string,
-
- // Mascot Popup
- mascotMessageArrow: string,
- },
- }
-
- /**
- * Singleton class used to manage themes
- */
- export default class ThemeManager {
-
- static instance: ThemeManager | null = null;
- updateThemeCallback: Function;
-
- constructor() {
- this.updateThemeCallback = null;
- }
-
- /**
- * Gets the light theme
- *
- * @return {CustomTheme} Object containing theme variables
- * */
- static getWhiteTheme(): CustomTheme {
- return {
- ...DefaultTheme,
- colors: {
- ...DefaultTheme.colors,
- primary: '#be1522',
- accent: '#be1522',
- tabIcon: "#929292",
- card: "#fff",
- dividerBackground: '#e2e2e2',
- ripple: "rgba(0,0,0,0.2)",
- textDisabled: '#c1c1c1',
- icon: '#5d5d5d',
- subtitle: '#707070',
- success: "#5cb85c",
- warning: "#f0ad4e",
- danger: "#d9534f",
- cc: 'dst',
-
- // Calendar/Agenda
- agendaBackgroundColor: '#f3f3f4',
- agendaDayTextColor: '#636363',
-
- // PROXIWASH
- proxiwashFinishedColor: "#a5dc9d",
- proxiwashReadyColor: "transparent",
- proxiwashRunningColor: "#a0ceff",
- proxiwashRunningNotStartedColor: "#c9e0ff",
- proxiwashRunningBgColor: "#c7e3ff",
- proxiwashBrokenColor: "#ffa8a2",
- proxiwashErrorColor: "#ffa8a2",
- proxiwashUnknownColor: "#b6b6b6",
-
- // Screens
- planningColor: '#d9b10a',
- proximoColor: '#ec5904',
- proxiwashColor: '#1fa5ee',
- menuColor: '#e91314',
- tutorinsaColor: '#f93943',
-
- // Tetris
- tetrisBackground: '#f0f0f0',
- tetrisScore: '#e2bd33',
- tetrisI: '#3cd9e6',
- tetrisO: '#ffdd00',
- tetrisT: '#a716e5',
- tetrisS: '#09c528',
- tetrisZ: '#ff0009',
- tetrisJ: '#2a67e3',
- tetrisL: '#da742d',
-
- gameGold: "#ffd610",
- gameSilver: "#7b7b7b",
- gameBronze: "#a15218",
-
- // Mascot Popup
- mascotMessageArrow: "#dedede",
- },
- };
- }
-
- /**
- * Gets the dark theme
- *
- * @return {CustomTheme} Object containing theme variables
- * */
- static getDarkTheme(): CustomTheme {
- return {
- ...DarkTheme,
- colors: {
- ...DarkTheme.colors,
- primary: '#be1522',
- accent: '#be1522',
- tabBackground: "#181818",
- tabIcon: "#6d6d6d",
- card: "rgb(18,18,18)",
- dividerBackground: '#222222',
- ripple: "rgba(255,255,255,0.2)",
- textDisabled: '#5b5b5b',
- icon: '#b3b3b3',
- subtitle: '#aaaaaa',
- success: "#5cb85c",
- warning: "#f0ad4e",
- danger: "#d9534f",
-
- // Calendar/Agenda
- agendaBackgroundColor: '#171717',
- agendaDayTextColor: '#6d6d6d',
-
- // PROXIWASH
- proxiwashFinishedColor: "#31682c",
- proxiwashReadyColor: "transparent",
- proxiwashRunningColor: "#213c79",
- proxiwashRunningNotStartedColor: "#1e263e",
- proxiwashRunningBgColor: "#1a2033",
- proxiwashBrokenColor: "#7e2e2f",
- proxiwashErrorColor: "#7e2e2f",
- proxiwashUnknownColor: "#535353",
-
- // Screens
- planningColor: '#d99e09',
- proximoColor: '#ec5904',
- proxiwashColor: '#1fa5ee',
- menuColor: '#b81213',
- tutorinsaColor: '#f93943',
-
- // Tetris
- tetrisBackground: '#181818',
- tetrisScore: '#e2d707',
- tetrisI: '#30b3be',
- tetrisO: '#c1a700',
- tetrisT: '#9114c7',
- tetrisS: '#08a121',
- tetrisZ: '#b50008',
- tetrisJ: '#0f37b9',
- tetrisL: '#b96226',
-
- gameGold: "#ffd610",
- gameSilver: "#7b7b7b",
- gameBronze: "#a15218",
-
- // Mascot Popup
- mascotMessageArrow: "#323232",
- },
- };
- }
-
- /**
- * Get this class instance or create one if none is found
- *
- * @returns {ThemeManager}
- */
- static getInstance(): ThemeManager {
- return ThemeManager.instance === null ?
- ThemeManager.instance = new ThemeManager() :
- ThemeManager.instance;
- }
-
- /**
- * Gets night mode status.
- * If Follow System Preferences is enabled, will first use system theme.
- * If disabled or not available, will use value stored din preferences
- *
- * @returns {boolean} Night mode state
- */
- static getNightMode(): boolean {
- return (AsyncStorageManager.getBool(AsyncStorageManager.PREFERENCES.nightMode.key) &&
- (!AsyncStorageManager.getBool(AsyncStorageManager.PREFERENCES.nightModeFollowSystem.key)
- || colorScheme === 'no-preference')) ||
- (AsyncStorageManager.getBool(AsyncStorageManager.PREFERENCES.nightModeFollowSystem.key)
- && colorScheme === 'dark');
- }
-
- /**
- * Get the current theme based on night mode and events
- *
- * @returns {CustomTheme} The current theme
- */
- static getCurrentTheme(): CustomTheme {
- if (AprilFoolsManager.getInstance().isAprilFoolsEnabled())
- return AprilFoolsManager.getAprilFoolsTheme(ThemeManager.getWhiteTheme());
- else
- return ThemeManager.getBaseTheme()
- }
-
- /**
- * Get the theme based on night mode
- *
- * @return {CustomTheme} The theme
- */
- static getBaseTheme(): CustomTheme {
- if (ThemeManager.getNightMode())
- return ThemeManager.getDarkTheme();
- else
- return ThemeManager.getWhiteTheme();
- }
-
- /**
- * Sets the function to be called when the theme is changed (allows for general reload of the app)
- *
- * @param callback Function to call after theme change
- */
- setUpdateThemeCallback(callback: () => void) {
- this.updateThemeCallback = callback;
- }
-
- /**
- * Set night mode and save it to preferences
- *
- * @param isNightMode True to enable night mode, false to disable
- */
- setNightMode(isNightMode: boolean) {
- AsyncStorageManager.set(AsyncStorageManager.PREFERENCES.nightMode.key, isNightMode);
- if (this.updateThemeCallback != null)
- this.updateThemeCallback();
- }
-
- };
|