Commit d3cb1d21 authored by Tomáš Kantor's avatar Tomáš Kantor
Browse files

Update theme.ts fixing the default Chakra's MultiSelect component theme to be... 

Update theme.ts fixing the default Chakra's MultiSelect component theme to be more visible in both color modes
parent 3b6bc033

Web/src/theme.ts

+7 −1
Original line number Diff line number Diff line
@@ -5,7 +5,13 @@ import { MultiSelectTheme } from 'chakra-multiselect'; 
// see https://chakra-ui.com/docs/styled-system/theme

const theme = extendTheme({

    components: {

        MultiSelect: MultiSelectTheme

        MultiSelect: {

            ...MultiSelectTheme,

            baseStyle: (props: Record<string, any>) => {

                const bs = MultiSelectTheme.baseStyle(props);

                return { ...bs, input: { ...bs.input, bgColor: mode('white', 'gray.900')(props) } }

            }

        }

    },

    config: {

        initialColorMode: 'light',