manthemes

Manthemes

A package that has made mantine themes.

---

Usage

To use a theme and to know what themes go to Available Themes here's an example:

import { MantineProvider } from "@mantine/core";
import { synthwave } from "manthemes/daisyui";

function App() {
  return (
    <MantineProvider theme={synthwave} withGlobalStyles withNormalizeCSS>
      <YourOutlet />
    </MantineProvider>
  );
}

To override a theme:

// This is just for example, override a theme whatever you want.
import { synthwave } from "manthemes/daisyui";

// Override synthwave, since it's a class you can override, getColor or getColors
const overridedSynthwave = synthwave.override({
  /* props here */
});

function App() {
  return (
    <MantineProvider theme={overridedSynthwave} withGlobalStyles withNormalizeCSS>
      <YourOutlet />
    </MantineProvider>
  );
}

Available Themes

• Daisyui
  • dark
  • light
  • synthwave
  • dracula
  • bumblebee
  • cupcake

---

• Material
  • light
  • dark

---

• Bootstrap
  • light
  • dark

Contributing

To contribute you must clone this repository and look at the theme.format.txt file, there you must follow the instructions in order to add a new theme and contribute too.