KEMBAR78
Material Ui React Themeing | PDF
Scribd
Upload
109 views1 page

Material Ui React Themeing

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.

Uploaded by

utthamcsC
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
109 views1 page

Material Ui React Themeing

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.

Uploaded by

utthamcsC
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 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