application-amicale/src/managers/ThemeManager.js

// @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,

        // 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: '#e6e6e6',
                tetrisBorder: '#2f2f2f',
                tetrisScore: '#e2bd33',
                tetrisI: '#3cd9e6',
                tetrisO: '#ffdd00',
                tetrisT: '#a716e5',
                tetrisS: '#09c528',
                tetrisZ: '#ff0009',
                tetrisJ: '#2a67e3',
                tetrisL: '#da742d',

                // 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: '#2c2c2c',
                tetrisBorder: '#1b1b1b',
                tetrisScore: '#e2d707',
                tetrisI: '#30b3be',
                tetrisO: '#c1a700',
                tetrisT: '#9114c7',
                tetrisS: '#08a121',
                tetrisZ: '#b50008',
                tetrisJ: '#0f37b9',
                tetrisL: '#b96226',

                // 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.getInstance().preferences.nightMode.current === '1' &&
            (AsyncStorageManager.getInstance().preferences.nightModeFollowSystem.current !== '1' ||
                colorScheme === 'no-preference')) ||
            (AsyncStorageManager.getInstance().preferences.nightModeFollowSystem.current === '1' && 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) {
        let nightModeKey = AsyncStorageManager.getInstance().preferences.nightMode.key;
        AsyncStorageManager.getInstance().savePref(nightModeKey, isNightMode ? '1' : '0');
        if (this.updateThemeCallback != null)
            this.updateThemeCallback();
    }

};