vtally
Version:
An affordable and reliable Tally Light that works via WiFi based on NodeMCU / ESP8266. Supports multiple video mixers.
118 lines (117 loc) • 2.96 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const core_1 = require("@material-ui/core");
// import App from 'next/app'
const colorGreen = "#00bc8c";
const myTheme = (0, core_1.createMuiTheme)({
// copying the colors of https://bootswatch.com/4/darkly/_variables.scss
palette: {
type: "dark",
background: {
paper: "#303030",
default: "#222",
},
primary: {
main: "#375a7f",
},
secondary: {
main: colorGreen,
},
error: {
main: "#e74c3c",
},
warning: {
main: "#f39c12",
},
info: {
main: "#3498db",
},
success: {
main: colorGreen,
},
grey: {
100: "#f8f9fa",
200: "#ebebeb",
300: "#dee2e6",
400: "#ced4da",
500: "#adb5bd",
600: "#888",
700: "#444",
800: "#303030",
900: "#222",
}
},
typography: {
fontSize: 15,
htmlFontSize: 15,
fontFamily: '"Lato", "Roboto", "Helvetica", "Arial", sans-serif',
fontWeightLight: 300,
fontWeightRegular: 400,
fontWeightMedium: 500,
fontWeightBold: 600,
h1: {
fontSize: "3rem",
letterSpacing: "0",
fontWeight: 300,
},
h2: {
fontSize: "2.5rem",
letterSpacing: "0",
fontWeight: 300,
},
h3: {
fontSize: "2rem",
letterSpacing: "0",
fontWeight: 400,
},
h4: {
fontSize: "1.5rem",
letterSpacing: "0",
fontWeight: 400,
},
h5: {
fontSize: "1.25rem",
letterSpacing: "0",
fontWeight: 500,
},
h6: {
fontSize: "1rem",
letterSpacing: "0",
fontWeight: 500,
},
},
props: {
// @ts-ignore MuiAlert is in Lab
MuiAlert: {
variant: "filled",
},
MuiInput: {
color: "secondary",
},
MuiInputLabel: {
color: "secondary",
},
MuiLink: {
color: "secondary",
},
MuiNativeSelect: {
color: "secondary",
variant: "filled",
},
MuiSelect: {
// native components have better support on mobile
native: true,
color: "secondary",
variant: "filled",
},
MuiTextField: {
color: "secondary",
variant: "filled",
}
},
});
function MyTheme({ children }) {
return (0, jsx_runtime_1.jsx)(core_1.ThemeProvider, { theme: myTheme, children: children }, void 0);
}
exports.default = MyTheme;