Apply-Ai Theme

This is an NPM package for managing the theme across our UI suite

Visit our package site here for package site or our git repo

Introduction

Apply-Ai is built on top of React with Mantine and the theme is to work with Mantine specifically.

Installation

Theme comes shipped with all ui packages but here is the installation instructions incase something goes wrong

 npm install @apply-ai/theme

Usage

Once downloaded the library returns a Theme Overrides object. to configure add the following to your _app.tsx file

	import  theme  from  "@apply-ai/theme";
	...

	<MantineProvider
	  withGlobalStyles
	  withNormalizeCSS
	  theme={theme}
	>
	  <main  className={font.className}>
		<Component {...pageProps} />
	  </main>
	</MantineProvider>

note you may have configure them by destructuring the object using the ...theme syntax and apply it with the color scheme

If you have any questions refer to our documentation