Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: Move Mantine Theme Override to own file

Browse Source
This commit is contained in:
blessedcoolant 2023-06-12 19:48:26 +12:00 committed by psychedelicious
parent 9a914250a0
commit 5b20766ea3
2 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
invokeai/frontend/web/src/app/components/ThemeLocaleProvider.tsx
View File

@ -16,6 +16,7 @@ import { oceanBlueColors } from 'theme/colors/oceanBlue';
import '@fontsource/inter/variable.css';
import { MantineProvider } from '@mantine/core';
import { mantineTheme } from 'mantine-theme/theme';
import 'overlayscrollbars/overlayscrollbars.css';
import 'theme/css/overlayscrollbars.css';
@ -52,11 +53,7 @@ function ThemeLocaleProvider({ children }: ThemeLocaleProviderProps) {
}, [direction]);
return (
<MantineProvider
withGlobalStyles
withNormalizeCSS
theme={{ colorScheme: 'dark' }}
>
<MantineProvider withGlobalStyles withNormalizeCSS theme={mantineTheme}>
<ChakraProvider theme={theme} colorModeManager={manager}>
{children}
</ChakraProvider>

21
invokeai/frontend/web/src/mantine-theme/theme.ts Normal file
View File

@ -0,0 +1,21 @@
import { MantineThemeOverride } from '@mantine/core';
export const mantineTheme: MantineThemeOverride = {
colorScheme: 'dark',
colors: {
ocean: [
'#dcf5ff',
'#afddff',
'#80c4fd',
'#50acf9',
'#2295f6',
'#097bdd',
'#0060ad',
'#00447d',
'#00294e',
'#000f20',
],
},
primaryColor: 'ocean',
primaryShade: 6,
};