mirror of
https://github.com/SomboChea/ui
synced 2024-05-18 01:11:36 +07:00
111f0c50e5
* chore: updated emotion dependency * feat: introduced theme * refactor: updated emotion styles * fix: fixed emotion error * fix: fixed tests * chore: add missing types Co-Authored-By: Thomas Klein <tmkn@users.noreply.github.com>
75 lines
1.7 KiB
TypeScript
75 lines
1.7 KiB
TypeScript
import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
|
|
|
|
// Main colors
|
|
// -------------------------
|
|
const colors = {
|
|
black: '#000',
|
|
white: '#fff',
|
|
red: '#d32f2f',
|
|
greySuperLight: '#f5f5f5',
|
|
greyLight: '#d3d3d3',
|
|
greyLight2: '#908ba1',
|
|
greyLight3: '#f3f4f240',
|
|
greyDark: '#a9a9a9',
|
|
greyDark2: '#586069',
|
|
greyChateau: '#95989a',
|
|
greyGainsboro: '#e3e3e3',
|
|
greyAthens: '#d3dddd',
|
|
eclipse: '#3c3c3c',
|
|
paleNavy: '#e4e8f1',
|
|
saltpan: '#f7f8f6',
|
|
snow: '#f9f9f9',
|
|
love: '#e25555',
|
|
nobel01: '#999999',
|
|
nobel02: '#9f9f9f',
|
|
primary: window.VERDACCIO_PRIMARY_COLOR || '#4b5e40',
|
|
secondary: '#20232a',
|
|
};
|
|
|
|
export type Colors = keyof typeof colors;
|
|
|
|
export const theme = createMuiTheme({
|
|
typography: {
|
|
fontFamily: 'inherit',
|
|
},
|
|
palette: {
|
|
...colors,
|
|
primary: { main: colors.primary },
|
|
secondary: { main: colors.secondary },
|
|
error: { main: colors.red },
|
|
},
|
|
});
|
|
|
|
export type Theme = typeof theme;
|
|
|
|
declare module '@material-ui/core/styles/createPalette' {
|
|
interface CustomPalette {
|
|
black: string;
|
|
white: string;
|
|
red: string;
|
|
greySuperLight: string;
|
|
greyLight: string;
|
|
greyLight2: string;
|
|
greyLight3: string;
|
|
greyDark: string;
|
|
greyDark2: string;
|
|
greyChateau: string;
|
|
greyGainsboro: string;
|
|
greyAthens: string;
|
|
eclipse: string;
|
|
paleNavy: string;
|
|
saltpan: string;
|
|
snow: string;
|
|
love: string;
|
|
nobel01: string;
|
|
nobel02: string;
|
|
}
|
|
|
|
/* eslint-disable-next-line @typescript-eslint/no-empty-interface */
|
|
interface Palette extends CustomPalette {}
|
|
/* eslint-disable-next-line @typescript-eslint/no-empty-interface */
|
|
interface PaletteOptions extends Partial<CustomPalette> {}
|
|
}
|
|
|
|
export default { ...theme };
|