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