fix theme

lib/components/theme.ts

@@ -31,7 +31,7 @@ export const penaMuiTheme = createTheme({
             light: "#C19AF5", // from fadePurple
         },
         bg: {
-            main: "#333647", // from lightPurple
+            main: "#333647", // from lightPurple/navbarbg.main
             dark: "#252734", // from darkPurple
         },
         gray: {
@@ -280,6 +280,37 @@ export const penaMuiTheme = createTheme({
     }),
 });
 
+penaMuiTheme.typography.h2 = {
+    fontSize: "70px",
+    lineHeight: "70px",
+    fontWeight: 500,
+    [penaMuiTheme.breakpoints.down("md")]: {
+        fontSize: "42px",
+        lineHeight: "50px",
+    }
+};
+
+penaMuiTheme.typography.h4 = {
+    fontSize: "36px",
+    lineHeight: "42.66px",
+    fontWeight: 500,
+    [penaMuiTheme.breakpoints.down("md")]: {
+        fontSize: "24px",
+        lineHeight: "28.44px",
+    }
+};
+
+penaMuiTheme.typography.infographic = {
+    fontSize: "80px",
+    lineHeight: "94.8px",
+    fontWeight: 400,
+    [penaMuiTheme.breakpoints.down("md")]: {
+        fontSize: "50px",
+        lineHeight: "59px",
+        fontWeight: 400,
+    }
+};
+
 declare module '@mui/material/Button' {
     interface ButtonPropsVariantOverrides {
         "pena-contained-light": true;

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@frontend/kitui",
-    "version": "1.0.29",
+    "version": "1.0.30",
     "description": "test",
     "main": "./dist/index.js",
     "module": "./dist/index.js",