From c08dd506e863da51accc7029d717e5f4fbfc29ef Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期六, 14 九月 2024 08:41:02 +0800 Subject: [PATCH] # --- zy-acs-flow/src/themes/rcsTheme.js | 117 +++++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 87 insertions(+), 30 deletions(-) diff --git a/zy-acs-flow/src/themes/rcsTheme.js b/zy-acs-flow/src/themes/rcsTheme.js index 8498661..d3f9837 100644 --- a/zy-acs-flow/src/themes/rcsTheme.js +++ b/zy-acs-flow/src/themes/rcsTheme.js @@ -1,23 +1,74 @@ import { defaultTheme } from 'react-admin'; -export const rcsLightTheme = { +const MAIN_COLOR = 'rgb(47, 104, 172)'; + +export const rcsDarkTheme = { palette: { primary: { - main: 'rgb(47, 104, 172)', + main: '#90caf9', }, secondary: { - light: '#5f5fc4', - main: 'rgb(47, 104, 172)', - dark: '#001064', - contrastText: '#fff', + main: '#FBBA72', }, - background: { - default: '#fcfcfe', - }, - mode: 'light', + mode: 'dark', // Switching the dark mode on is a single property value change. }, - shape: { - borderRadius: 10, + 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: '#2F68AC', + // dark: '#001064', + // contrastText: '#fff', + // }, + // background: { + // default: '#fafafb', + // }, + mode: 'light', + // }, + // shape: { + // // borderRadius: 10, }, sidebar: { width: 200, @@ -29,7 +80,7 @@ root: { borderLeft: '3px solid #fff', '&.RaMenuItemLink-active': { - borderLeft: '3px solid #4f3cc9', + borderLeft: `3px solid ${MAIN_COLOR}`, }, }, }, @@ -37,41 +88,47 @@ MuiPaper: { styleOverrides: { elevation1: { - boxShadow: 'none', + // boxShadow: 'none', }, root: { - border: '1px solid #e0e0e3', - backgroundClip: 'padding-box', + // 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 }, + // }, + // }, + // }, }, }; -- Gitblit v1.9.1