From b9521bdc6b2a772a7e77deca6e1d1fe3f57644ca Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 09 九月 2024 10:49:50 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/layout/Logo.jsx | 4 +
zy-acs-flow/src/themes/themes.jsx | 2
zy-acs-flow/src/themes/rcsTheme.js | 125 +++++++++++++++++++++++++++++++++++++++++
3 files changed, 131 insertions(+), 0 deletions(-)
diff --git a/zy-acs-flow/src/layout/Logo.jsx b/zy-acs-flow/src/layout/Logo.jsx
index 1262208..a7940df 100644
--- a/zy-acs-flow/src/layout/Logo.jsx
+++ b/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':
diff --git a/zy-acs-flow/src/themes/rcsTheme.js b/zy-acs-flow/src/themes/rcsTheme.js
new file mode 100644
index 0000000..4680b48
--- /dev/null
+++ b/zy-acs-flow/src/themes/rcsTheme.js
@@ -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 },
+ },
+ },
+ },
+ },
+};
diff --git a/zy-acs-flow/src/themes/themes.jsx b/zy-acs-flow/src/themes/themes.jsx
index 1560a16..88c7d7c 100644
--- a/zy-acs-flow/src/themes/themes.jsx
+++ b/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 },
--
Gitblit v1.9.1