Now Paging Maciej

    @trevorblades/mui-theme

    5.2.1 • Public • Published

    @trevorblades/mui-theme

    Build Status

    A custom theme for use with Material-UI.

    Installation

    npm install @trevorblades/mui-theme @material-ui/core

    This package should be used with @material-ui/core version 4 or newer, so make sure you have that installed. It also uses uses Fira Mono as its main body font. To make this font work in your website, add the following code into the <head> of your HTML document:

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Mono:400,500,700&display=swap">

    Usage

    import {MuiThemeProvider, Typography} from '@material-ui/core';
    import {theme} from '@trevorblades/mui-theme';
    
    ReactDOM.render(
      <MuiThemeProvider theme={theme}>
        <Typography variant="headline">Hello world!</Typography>
      </MuiThemeProvider>,
      document.getElementById('root')
    );

    Extending this theme

    If you want to add or change properties of this theme, you can use the themeOptions export instead of theme, and compose your own theme.

    // custom-theme.js
    import {createMuiTheme} from '@material-ui/core';
    import {themeOptions} from '@trevorblades/mui-theme';
    
    export const theme = createMuiTheme({
      ...themeOptions,
      overrides: {
        // custom overrides here
      }
    });

    Install

    npm i @trevorblades/mui-theme

    DownloadsWeekly Downloads

    39

    Version

    5.2.1

    License

    ISC

    Unpacked Size

    3.59 kB

    Total Files

    3

    Last publish

    Collaborators

    • trevorblades