From 977c571bc7aca145c3b89a2502f40fe6cbf36c6c Mon Sep 17 00:00:00 2001 From: Yeon Vinzenz Varapragasam Date: Thu, 26 Sep 2024 01:14:57 +0200 Subject: [PATCH] prepare black white themes --- src/components/Dialogs/SmartBar.tsx | 4 +++- src/themes/AppThemes.tsx | 32 ++++++++++++++++++++++++++++- 2 files changed, 34 insertions(+), 2 deletions(-) diff --git a/src/components/Dialogs/SmartBar.tsx b/src/components/Dialogs/SmartBar.tsx index 3062f873..f085ea01 100644 --- a/src/components/Dialogs/SmartBar.tsx +++ b/src/components/Dialogs/SmartBar.tsx @@ -139,7 +139,9 @@ const Bar = ({ handleClose, direct, maxWidth = 500, inputRef }: any) => { 'DarkGreen', 'DarkBlue', 'DarkGrey', - 'DarkPink' + 'DarkPink', + 'DarkWhite', + 'LightBlack', ].indexOf(value.replace('theme:', '')) > -1 ) { window.localStorage.setItem( diff --git a/src/themes/AppThemes.tsx b/src/themes/AppThemes.tsx index 63f511d5..6ff2a270 100644 --- a/src/themes/AppThemes.tsx +++ b/src/themes/AppThemes.tsx @@ -95,6 +95,34 @@ export const BladeDarkGreenTheme = { } } } +export const BladeDarkWhiteTheme = { + palette: { + mode: 'dark' as PaletteMode | undefined, + primary: { + main: '#FFFFFF' + }, + secondary: { + main: '#FFFFFF' + }, + accent: { + main: '#FF0000' + } + } +} +export const BladeLightBlackTheme = { + palette: { + mode: 'light' as PaletteMode | undefined, + primary: { + main: '#000000' + }, + secondary: { + main: '#000000' + }, + accent: { + main: '#FF0000' + } + } +} export const BladeDarkBlueTheme = createTheme({ palette: { @@ -243,7 +271,9 @@ export const ledfxThemes = { DarkGreen: BladeDarkGreenTheme, DarkBlue: BladeDarkBlueTheme, DarkGrey: BladeDarkGreyTheme, - DarkPink: BladeDarkPinkTheme + DarkPink: BladeDarkPinkTheme, + DarkWhite: BladeDarkWhiteTheme, + LightBlack: BladeLightBlackTheme } as any export const ledfxTheme =