@brightlayer-ui/react-themes/componentStylesOverrides/MuiAppBar.js

React themes for Brightlayer UI applications

import * as BLUIColors from '@brightlayer-ui/colors';
export default {
    styleOverrides: {
        root: ({ theme }) => ({
            ...theme.applyStyles('dark', {
                backgroundImage: 'none',
            }),
        }),
        colorDefault: ({ theme }) => ({
            backgroundColor: theme.vars.palette.background.paper,
            color: theme.vars.palette.text.primary,
            ...theme.applyStyles('dark', {
                color: theme.vars.palette.text.primary,
                backgroundColor: BLUIColors.darkBlack[100],
            }),
        }),
        colorPrimary: ({ theme }) => ({
            ...theme.applyStyles('dark', {
                color: theme.vars.palette.text.primary,
                backgroundColor: BLUIColors.black[800],
            }),
        }),
        colorSecondary: ({ theme }) => ({
            color: theme.vars.palette.background.paper,
            backgroundColor: theme.vars.palette.primary.dark,
            '& .MuiInputBase-root': {
                color: theme.vars.palette.background.paper,
            },
            '& .MuiSelect-icon': {
                color: theme.vars.palette.background.paper,
            },
            ...theme.applyStyles('dark', {
                color: theme.vars.palette.text.primary,
                backgroundColor: theme.vars.palette.background.paper,
            }),
        }),
    },
};