@multei/themes/dist/index.cjs.js

Themes for Multei!

'use strict';

var tokens = require('@multei/tokens');

const base = ({
  palette: {
    background: { paper },
    type,
  },
}) => ({
  overrides: {
    MuiCssBaseline: {
      "@global": {
        code: {
          backgroundColor: tokens.colorBackgroundCode,
        },
        mark: {
          backgroundColor: tokens.colorBackgroundMark,
          color: tokens.colorFontMark,
        },
      },
    },
  },
  palette: {
    background: {
      default: tokens.colorBackgroundDefault,
      paper,
    },
    common: {
      black: tokens.colorBaseBlack,
      white: tokens.colorBaseWhite,
    },
    error: {
      main: tokens.colorBackgroundError,
      contrastText: tokens.colorFontError,
    },
    info: {
      main: tokens.colorBackgroundInfo,
      contrastText: tokens.colorFontInfo,
    },
    primary: {
      main: tokens.colorBrandPrimary,
      contrastText: tokens.colorFontPrimary,
    },
    secondary: {
      main: tokens.colorBrandSecondary,
      contrastText: tokens.colorFontSecondary,
    },
    success: {
      main: tokens.colorBackgroundSuccess,
      contrastText: tokens.colorFontSuccess,
    },
    type,
    warning: {
      main: tokens.colorBackgroundWarning,
      contrastText: tokens.colorFontWarning,
    },
  },
  typography: {
    fontFamily: tokens.fontFamilyBase,
  },
});

const dark = base({
  palette: {
    background: {
      paper: tokens.colorBackgroundPaperDark,
    },
    type: "dark",
  },
});

const light = base({
  palette: {
    background: {
      paper: tokens.colorBackgroundPaperLight,
    },
    type: "light",
  },
});

var index = { dark, light };

module.exports = index;