#

luxiaotao1123

2024-09-13 4757020896b56a3aa29b85b71fd64a5c43dadb51

 zy-acs-flow/src/themes/rcsTheme.js

@@ -2,24 +2,73 @@

const MAIN_COLOR = 'rgb(47, 104, 172)';

export const rcsDarkTheme = {
    palette: {
        primary: {
            main: '#90caf9',
        },
        secondary: {
            main: '#FBBA72',
        },
        mode: 'dark', // Switching the dark mode on is a single property value change.
    },
    sidebar: {
        width: 200,
    },
    components: {
        ...defaultTheme.components,
        RaMenuItemLink: {
            styleOverrides: {
                root: {
                    borderLeft: '3px solid #000',
                    '&.RaMenuItemLink-active': {
                        borderLeft: '3px solid #90caf9',
                    },
                },
            },
        },
        // MuiFilledInput: {
        //     styleOverrides: undefined,
        // },
        MuiAppBar: {
            styleOverrides: {
                colorSecondary: {
                    color: '#ffffffb3',
                    backgroundColor: '#222222',
                },
            },
            defaultProps: {
                elevation: 1,
            },
        },
        MuiTable: {
            styleOverrides: {
                root: {
                    border: '1px solid #333',
                },
            },
        },
    },
}

export const rcsLightTheme = {
    palette: {
        primary: {
            main: '#2F68AC',
        },
        // secondary: {
        //     light: '#5f5fc4',
        //     main: '#283593',
        //     dark: '#001064',
        //     contrastText: '#fff',
        // },
        secondary: {
            light: '#5f5fc4',
            main: '#2F68AC',
            dark: '#001064',
            contrastText: '#fff',
        },
        background: {
            default: '#fafafb',
        },
        mode: 'light',
    },
    shape: {
        borderRadius: 10,
        // borderRadius: 10,
    },
    sidebar: {
        width: 200,