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