AEROS Theme Library

An theme library for ELANY's new AEROS system.
Built with React and Material UI to allow developers to access the ELANY custom themes for a faster workflow.

Contents

• Installation
• Themes
  • App Theme
  • Table Theme

Installation

Install

//with npm

npm install @aeros-ui/themes

//with yarn

yarn add @aeros-ui/themes

Update Package

//with npm

npm install @aeros-ui/themes@latest

//with yarn    

yarn add @aeros-ui/themes@latest

Peer Dependencies

React

This package requires use of react version 17^ and react-dom version 17^

Material UI

This package requires use of Material UI version 5^

//with npm  

npm install @emotion/react @emotion/styled @mui/material @mui/styles

//with yarn

yarn add @emotion/react @emotion/styled @mui/material @mui/styles

Themes

App Theme

Import

import { theme } from '@aeros-ui/themes'  
import { ThemeProvider } from '@mui/material/styles'  

Usage

The app theme will be used in App.js which contains app level overrides of Material UI components that will be the same through out the application.

<ThemeProvider theme={theme}>  
...components for the application   
</ThemeProvider>  

Table Theme

The table theme will be used in the various table components in the application, which contains overrides for specific table level Material UI components.

Import

import { tableTheme } from '@aeros-ui/themes'  
import { ThemeProvider } from '@mui/material/styles' 

Usage

<ThemeProvider theme={tableTheme}>
    <MaterialTable/>   
</ThemeProvider>