Scribd Logo
Upload

Welcome to Scribd!

  • Material Ui React Themeing

    Uploaded by

    utthamcsC
    27 views1 page
    This document defines a Material UI theme with custom color palettes for background, text, primary and secondary colors. It also sets the contrast threshold and defines a list of shadows to use across the app. The theme is then exported as the default theme.

    Original Description:

    Original Title

    Material ui react themeing

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document defines a Material UI theme with custom color palettes for background, text, primary and secondary colors. It also sets the contrast threshold and defines a list of shadows to use across the app. The theme is then exported as the default theme.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    27 views1 page

    Material Ui React Themeing

    Uploaded by

    utthamcsC
    This document defines a Material UI theme with custom color palettes for background, text, primary and secondary colors. It also sets the contrast threshold and defines a list of shadows to use across the app. The theme is then exported as the default theme.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    import { createMuiTheme } from '@material-ui/core/styles';

    const theme = createMuiTheme({


    "palette": {
    "background": {
    "default": "#FFF",
    "emphasis": "#E8EAF6",
    "secondary": "#C5CAE9",
    "header": "#121037"
    },
    "text": {
    "primary": "#1A237E",
    "secondary": "#5C6BC0",
    "hint": "#9FA8DA"
    },
    "primary": {
    "main": "#304FFE",
    "light": "#536DFE",
    "dark": "#1A237E"
    },
    "secondary": {
    "main": "#FFAB00",
    "light": "#ffd740",
    "dark": "#ff8f00"
    },
    "contrastThreshold": 1.8
    },
    "shadows": [
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none",
    "none"
    ]
    });

    export default theme;

    You might also like