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 | 120 +++++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 86 insertions(+), 34 deletions(-)
diff --git a/zy-acs-flow/src/themes/rcsTheme.js b/zy-acs-flow/src/themes/rcsTheme.js
index 8498661..41fe76f 100644
--- a/zy-acs-flow/src/themes/rcsTheme.js
+++ b/zy-acs-flow/src/themes/rcsTheme.js
@@ -1,23 +1,79 @@
import { defaultTheme } from 'react-admin';
-export const rcsLightTheme = {
+const MAIN_COLOR = 'rgb(47, 104, 172)'; // #2f68ac
+
+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',
+ },
+ 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: '#fcfcfe',
+ default: 'rgb(250, 250, 251)',
+ // default: '#fcfcfe',
+ // paper: 'rgb(255, 255, 255)',
},
mode: 'light',
},
shape: {
- borderRadius: 10,
+ // borderRadius: 10,
},
sidebar: {
width: 200,
@@ -29,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 },
+ // },
+ // },
+ // },
},
};
--
Gitblit v1.9.1