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

Themes for Multei!

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
  typeof define === 'function' && define.amd ? define(factory) :
  (global = global || self, global.multeiThemes = factory());
}(this, (function () { 'use strict';

  /**
   * Do not edit directly
   * Generated on Sun, 07 Jun 2020 17:29:18 GMT
   */

  const colorBackgroundCode = "#3C493F";
  const colorBackgroundDefault = "#623CEA";
  const colorBackgroundError = "#A63446";
  const colorBackgroundInfo = "#5887FF";
  const colorBackgroundMark = "#F4FF52";
  const colorBackgroundPaperLight = "#f6f4f3";
  const colorBackgroundPaperDark = "#140C2F";
  const colorBackgroundSuccess = "#71B340";
  const colorBackgroundWarning = "#F49F0A";
  const colorBaseBlack = "#0f1108";
  const colorBaseWhite = "#f6f4f3";
  const colorBrandPrimary = "#623CEA";
  const colorBrandSecondary = "#5887FF";
  const colorFontError = "#f6f4f3";
  const colorFontInfo = "#f6f4f3";
  const colorFontMark = "#0f1108";
  const colorFontPrimary = "#f6f4f3";
  const colorFontSecondary = "#f6f4f3";
  const colorFontSuccess = "#0f1108";
  const colorFontWarning = "#0f1108";
  const fontFamilyBase = "Overpass, \"-apple-system\", BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif";

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

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

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

  var index = { dark, light };

  return index;

})));