%PDF- %PDF-
Direktori : /home/emergentqj/actioncivile/pre-auth/.4cc3a2e1590a4463a5f392ddcc26929e/static/js/common/components/ |
Current File : /home/emergentqj/actioncivile/pre-auth/.4cc3a2e1590a4463a5f392ddcc26929e/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;