PM Themes

A simple theme object to reflect the Pennymac UI styles.

Installation

# npm
npx jsr add @pennymac/theme

# deno
deno add jsr:@pennymac/theme

Usage in Next.js

import "@mantine/core/styles.css";

import { AppProps } from "next/app";
import { MantineProvider } from "@mantine/core";
import { theme } from "@pennymac/theme";

function MyApp({ Component, pageProps }: AppProps) {
    return (
        <MantineProvider theme={theme}>
            <Component {...pageProps} />
        </MantineProvider>
    );
}

export default MyApp;