React Fidelity UI Base Styles

Base styles for React Fidelity UI.

Installation

Run npm install react-fidelity-ui-base-styles

Configuration

Import dist styles from react-fidelity-ui-base-styles/dist/style.css in your root (App) component:

import 'react-fidelity-ui-base-styles/dist/style.css';
// or minified
import 'react-fidelity-ui-base-styles/dist/style.min.css';

Customizations

Overwrite any style using your own config.css file:

// import base styles
import 'react-fidelity-ui-base-styles/dist/style.css';
// customizations
import './config.css'

config.css should overwrite variables, defined by react-fidelity-ui-base-style:

:root {
  /* custom primary color */
  --color-primary: tomato;
  --color-primary--light: pink;
  --color-primary--dark: darkred;

  /* custom secondary color */
  --color-secondary: blue;
  --color-secondary--light: lightblue;
  --color-secondary--dark: darkblue;
}