#

luxiaotao1123

2024-11-04 7f70cb15d035f0c233b9e62b9e43aa985317c908

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

@@ -1,10 +1,6 @@
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.
 */
const MAIN_COLOR = 'rgb(47, 104, 172)'; // #2f68ac

export const rcsDarkTheme = {
    palette: {
@@ -38,34 +34,46 @@
            styleOverrides: {
                colorSecondary: {
                    color: '#ffffffb3',
                    backgroundColor: '#616161',
                    backgroundColor: '#222222',
                },
            },
            defaultProps: {
                elevation: 1,
            },
        },
        MuiTable: {
            styleOverrides: {
                root: {
                    border: '1px solid #333',
                },
            },
        },
    },
};
}

export const rcsLightTheme = {
    typography: {
        // fontFamily: `'Microsoft YaHei', Arial, sans-serif`,
    },
    palette: {
        primary: {
            main: 'rgb(47, 104, 172)',
            main: `${MAIN_COLOR}`,
        },
        secondary: {
            light: '#5f5fc4',
            main: 'rgb(47, 104, 172)',
            dark: '#001064',
            contrastText: '#fff',
            // light: '#5f5fc4',
            main: `${MAIN_COLOR}`,
            // dark: '#001064',
            // contrastText: '#fff',
        },
        background: {
            default: '#fcfcfe',
            default: 'rgb(250, 250, 251)',
            // default: '#fcfcfe',
            // paper: 'rgb(255, 255, 255)',
        },
        mode: 'light',
    },
    shape: {
        borderRadius: 10,
        // borderRadius: 10,
    },
    sidebar: {
        width: 200,
@@ -77,49 +85,45 @@
                root: {
                    borderLeft: '3px solid #fff',
                    '&.RaMenuItemLink-active': {
                        borderLeft: '3px solid #4f3cc9',
                        borderLeft: `3px solid ${MAIN_COLOR}`,
                    },
                },
            },
        },
        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)',
                    color: '#ffffff',
                    backgroundColor: `${MAIN_COLOR}`,
                },
            },
            defaultProps: {
                elevation: 1,
            },
        },
        MuiLinearProgress: {
            styleOverrides: {
                colorPrimary: {
                    backgroundColor: '#f5f5f5',
                },
                barColorPrimary: {
                    backgroundColor: '#d7d7d7',
                },
            },
        },
        MuiTableRow: {
        //     MuiLinearProgress: {
        //         styleOverrides: {
        //             colorPrimary: {
        //                 backgroundColor: '#f5f5f5',
        //             },
        //             barColorPrimary: {
        //                 backgroundColor: '#d7d7d7',
        //             },
        //         },
        //     },
        MuiTable: {
            styleOverrides: {
                root: {
                    '&:last-child td': { border: 0 },
                    border: '1px solid #e0e0e3',
                },
            },
        },
        //     MuiTableRow: {
        //         styleOverrides: {
        //             root: {
        //                 '&:last-child td': { border: 0 },
        //             },
        //         },
        //     },
    },
};