https://github.com/informaticsmatters/squonk-react-mui-theme
Material UI theme used in Squonk's React applications
https://github.com/informaticsmatters/squonk-react-mui-theme
Last synced: about 1 year ago
JSON representation
Material UI theme used in Squonk's React applications
- Host: GitHub
- URL: https://github.com/informaticsmatters/squonk-react-mui-theme
- Owner: InformaticsMatters
- License: apache-2.0
- Created: 2021-07-05T15:37:23.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2025-01-20T22:13:44.000Z (over 1 year ago)
- Last Synced: 2025-03-26T15:47:59.649Z (about 1 year ago)
- Language: TypeScript
- Size: 551 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
Material-UI themes for Squonk applications. Can be used independently with just Material-UI or with Emotion of Styled-Components.
## Examples
### Material UI
The colour scheme provides both a light and a dark theme. Mui v6 will automatically switch between schemes via media queries, taking into account the users system preference.
```tsx
import React from 'react';
import { CssBaseline } from '@material-ui/core';
import { StylesProvider, ThemeProvider as MuiThemeProvider } from '@material-ui/core/styles';
import theme from '@squonk/mui-theme';
export const App = () => {
return (
{...}
);
};
```
### Emotion
Wrap the previous example with the theme provider from emotion.
```tsx
import { ThemeProvider } from '@emotion/react';
{...}
```
### Styled Components
```tsx
import { ThemeProvider } from 'styled-components';
{...}
```
# Publishing a new Version
With made changes committed and pushed:
1. Run `pnpm release`. This builds a `dist` with the `publishConfig` merged in.