@nurkit/theme

Alternative theme for the Chakra UI and Nurkit components with simple styles that are intended to be used in prototyping. This theme allows you to modify the default Chakra UI styles, not override it.

The nomenclature used in this theme comes from the default Chakra UI theme, which, in turn, is based on the specification created by System UI.

Installation

Nurkit is based on Chakra UI, so you need to install it before proceeding.

Inside your React project directory, run any of the following commands to install this package.

npm install @nursoft/theme
yarn add @nursoft/theme

Set Up Provider

For Nurkit components to work properly, their styles must be provided through the ChakraProvider:

import React from "react";

import { ChakraProvider, extendTheme } from "@chakra-ui/react";
import { theme } from "@nurkit/theme";

const App = () => (
  <ChakraProvider theme={extendTheme(theme)}>
    <App />
  </ChakraProvider>
);