#

luxiaotao1123

2024-09-09 b9521bdc6b2a772a7e77deca6e1d1fe3f57644ca

#

 zy-acs-flow/src/layout/Logo.jsx

@@ -43,7 +43,11 @@
    }

    const getLogo = (themeName, mode) => {
        console.log(mode);
        
        switch (themeName) {
            case 'rcs':
                return mode === 'dark' ? darkLogo() : darkLogo({opacity: 1});
            case 'soft':
                return theme.palette.mode === 'dark' ? darkLogo() : lightLogo({opacity: .7});
            case 'default':

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

New file
@@ -0,0 +1,125 @@
import { defaultTheme } from 'react-admin';

/**
 * Soft: A gentle theme for apps with rich content (images, charts, maps, etc).
 *
 * Uses white app bar, rounder corners, light colors.
 */

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: '#616161',
                },
            },
            defaultProps: {
                elevation: 1,
            },
        },
    },
};

export const rcsLightTheme = {
    palette: {
        primary: {
            main: 'rgb(47, 104, 172)',
        },
        secondary: {
            light: '#5f5fc4',
            main: 'rgb(47, 104, 172)',
            dark: '#001064',
            contrastText: '#fff',
        },
        background: {
            default: '#fcfcfe',
        },
        mode: 'light',
    },
    shape: {
        borderRadius: 10,
    },
    sidebar: {
        width: 200,
    },
    components: {
        ...defaultTheme.components,
        RaMenuItemLink: {
            styleOverrides: {
                root: {
                    borderLeft: '3px solid #fff',
                    '&.RaMenuItemLink-active': {
                        borderLeft: '3px solid #4f3cc9',
                    },
                },
            },
        },
        MuiPaper: {
            styleOverrides: {
                elevation1: {
                    boxShadow: 'none',
                },
                root: {
                    border: '1px solid #e0e0e3',
                    backgroundClip: 'padding-box',
                },
            },
        },
        MuiAppBar: {
            styleOverrides: {
                colorSecondary: {
                    color: 'rgb(255, 255, 255)',
                    backgroundColor: 'rgb(47, 104, 172)',
                },
            },
            defaultProps: {
                elevation: 1,
            },
        },
        MuiLinearProgress: {
            styleOverrides: {
                colorPrimary: {
                    backgroundColor: '#f5f5f5',
                },
                barColorPrimary: {
                    backgroundColor: '#d7d7d7',
                },
            },
        },
        MuiTableRow: {
            styleOverrides: {
                root: {
                    '&:last-child td': { border: 0 },
                },
            },
        },
    },
};

 zy-acs-flow/src/themes/themes.jsx

@@ -11,8 +11,10 @@

import { softDarkTheme, softLightTheme } from './softTheme';
import { chiptuneTheme } from './chiptuneTheme';
import { rcsDarkTheme, rcsLightTheme } from './rcsTheme';

export const themes = [
    { name: 'rcs', light: rcsLightTheme, dark: rcsDarkTheme },
    { name: 'soft', light: softLightTheme, dark: softDarkTheme },
    { name: 'default', light: defaultLightTheme, dark: defaultDarkTheme },
    { name: 'nano', light: nanoLightTheme, dark: nanoDarkTheme },