@waweb/uikit.theme.theme-provider
Version:
75 lines (71 loc) • 1.45 kB
text/typescript
/** @format */
// eslint-disable-next-line
import { PaletteType } from "@material-ui/core"
export const light = {
alternate: {
main: "rgb(247, 249, 250)",
dark: "#e8eaf6",
},
cardShadow: "rgba(23, 70, 161, .11)",
type: "light" as PaletteType,
primary: {
main: "#215C94",
light: "rgb(71, 145, 219)",
dark: "#092947",
contrastText: "#fff",
},
secondary: {
light: "#ffb74d",
main: "#F2B705",
dark: "#f57c00",
contrastText: "rgba(0, 0, 0, 0.87)",
},
text: {
primary: "#2d3748",
secondary: "#718096",
},
divider: "rgba(0, 0, 0, 0.12)",
background: {
paper: "#fff",
default: "#fff",
level2: "#f5f5f5",
level1: "#fff",
footer: "#092947",
},
}
export const dark = {
alternate: {
main: "#2D3748",
dark: "#222222",
},
cardShadow: "rgba(0, 0, 0, .11)",
common: {
black: "#111",
white: "#fff",
},
type: "dark" as PaletteType,
primary: {
main: "#215C94",
light: "rgb(166, 212, 250)",
dark: "rgb(100, 141, 174)",
contrastText: "rgba(0, 0, 0, 0.87)",
},
secondary: {
light: "#ffb74d",
main: "#F2B705",
dark: "#f57c00",
contrastText: "rgba(0, 0, 0, 0.87)",
},
text: {
primary: "#EEEEEF",
secondary: "#AEB0B4",
},
divider: "rgba(255, 255, 255, 0.12)",
background: {
paper: "#1A202C",
default: "#121212",
level2: "#333",
level1: "#2D3748",
footer: "#111111",
},
}