3.0.2 • Published 1 year ago
@squonk/mui-theme v3.0.2
Material-UI themes for Squonk applications. Can be used independently with just Material-UI or with Emotion of Styled-Components.
Examples
Material UI
The correct theme for a user can be automatically set with prefers-color-scheme
.
import React from 'react';
import { CssBaseline, useMediaQuery } from '@material-ui/core';
import { StylesProvider, ThemeProvider as MuiThemeProvider } from '@material-ui/core/styles';
import { darkTheme, lightTheme } from '@squonk/mui-theme';
export const App = () => {
const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
const theme = prefersDarkMode ? darkTheme : lightTheme;
return (
<StylesProvider injectFirst>
<CssBaseline />
<MuiThemeProvider theme={theme}>
{...}
</MuiThemeProvider>
</StylesProvider>
);
};
Emotion
Wrap the previous example with the theme provider from emotion.
import { ThemeProvider } from '@emotion/react';
<ThemeProvider theme={theme}>{...}</ThemeProvider>
Styled Components
import { ThemeProvider } from 'styled-components';
<ThemeProvider theme={theme}>{...}</ThemeProvider>
Publishing a new Version
With made changes committed and pushed:
- Run
pnpm release
. This builds adist
with thepublishConfig
merged in.
3.0.2-alpha.0
1 year ago
3.0.2-alpha.1
1 year ago
3.0.2
1 year ago
3.0.1
2 years ago
3.0.0
2 years ago
2.0.1
3 years ago
2.0.0-dev.10
3 years ago
2.0.0-dev.12
3 years ago
2.0.0-dev.11
3 years ago
2.0.0-dev.14
3 years ago
2.0.0-dev.13
3 years ago
2.0.0-dev.16
3 years ago
2.0.0-dev.15
3 years ago
2.0.0
3 years ago
2.0.0-dev.8
3 years ago
2.0.0-dev.1
3 years ago
2.0.0-dev.3
3 years ago
2.0.0-dev.2
3 years ago
2.0.0-dev.5
3 years ago
2.0.0-dev.4
3 years ago
2.0.0-dev.7
3 years ago
2.0.0-dev.6
3 years ago
1.0.0-dev.2
3 years ago
1.0.0-dev.1
3 years ago
0.7.1
3 years ago
0.7.0
3 years ago
0.5.0
3 years ago
0.6.0
3 years ago
0.4.1
3 years ago
0.4.0
3 years ago
0.3.1
3 years ago
0.3.0
3 years ago
0.2.1
3 years ago
0.2.0
3 years ago
0.1.6
3 years ago
0.1.5
4 years ago
0.1.3
4 years ago