From 7f70cb15d035f0c233b9e62b9e43aa985317c908 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期一, 04 十一月 2024 10:22:45 +0800 Subject: [PATCH] # --- zy-acs-flow/src/themes/rcsTheme.js | 118 ++++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 81 insertions(+), 37 deletions(-) diff --git a/zy-acs-flow/src/themes/rcsTheme.js b/zy-acs-flow/src/themes/rcsTheme.js index 106dba0..41fe76f 100644 --- a/zy-acs-flow/src/themes/rcsTheme.js +++ b/zy-acs-flow/src/themes/rcsTheme.js @@ -1,25 +1,79 @@ import { defaultTheme } from 'react-admin'; -const MAIN_COLOR = 'rgb(47, 104, 172)'; +const MAIN_COLOR = 'rgb(47, 104, 172)'; // #2f68ac -export const rcsLightTheme = { +export const rcsDarkTheme = { palette: { primary: { - main: '#2F68AC', + main: '#90caf9', }, - // secondary: { - // light: '#5f5fc4', - // main: '#283593', - // dark: '#001064', - // contrastText: '#fff', + 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 = { + typography: { + // fontFamily: `'Microsoft YaHei', Arial, sans-serif`, + }, + palette: { + primary: { + main: `${MAIN_COLOR}`, + }, + secondary: { + // light: '#5f5fc4', + main: `${MAIN_COLOR}`, + // dark: '#001064', + // contrastText: '#fff', + }, background: { - default: '#fafafb', + default: 'rgb(250, 250, 251)', + // default: '#fcfcfe', + // paper: 'rgb(255, 255, 255)', }, mode: 'light', }, shape: { - borderRadius: 10, + // borderRadius: 10, }, sidebar: { width: 200, @@ -36,16 +90,6 @@ }, }, }, - MuiPaper: { - styleOverrides: { - elevation1: { - boxShadow: 'none', - }, - root: { - backgroundClip: 'padding-box', - }, - }, - }, MuiAppBar: { styleOverrides: { colorSecondary: { @@ -57,16 +101,16 @@ elevation: 1, }, }, - MuiLinearProgress: { - styleOverrides: { - colorPrimary: { - backgroundColor: '#f5f5f5', - }, - barColorPrimary: { - backgroundColor: '#d7d7d7', - }, - }, - }, + // MuiLinearProgress: { + // styleOverrides: { + // colorPrimary: { + // backgroundColor: '#f5f5f5', + // }, + // barColorPrimary: { + // backgroundColor: '#d7d7d7', + // }, + // }, + // }, MuiTable: { styleOverrides: { root: { @@ -74,12 +118,12 @@ }, }, }, - MuiTableRow: { - styleOverrides: { - root: { - '&:last-child td': { border: 0 }, - }, - }, - }, + // MuiTableRow: { + // styleOverrides: { + // root: { + // '&:last-child td': { border: 0 }, + // }, + // }, + // }, }, }; -- Gitblit v1.9.1