@corva/ui 0.38.0-1 → 0.38.0-6

package/src/config/theme/__tests__/__snapshots__/index.test.js.snap

@@ -0,0 +1,2451 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`config theme index darkTheme 1`] = `
+Object {
+  "breakpoints": Object {
+    "keys": Array [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl",
+    ],
+    "values": Object {
+      "lg": 1280,
+      "md": 960,
+      "sm": 600,
+      "xl": 1920,
+      "xs": 0,
+    },
+  },
+  "direction": "ltr",
+  "isLightTheme": false,
+  "mixins": Object {
+    "toolbar": Object {
+      "@media (min-width:0px) and (orientation: landscape)": Object {
+        "minHeight": 48,
+      },
+      "@media (min-width:600px)": Object {
+        "minHeight": 64,
+      },
+      "minHeight": 56,
+    },
+  },
+  "overrides": Object {
+    "MuiAccordion": Object {
+      "root": Object {
+        "&$expanded": Object {
+          "margin": 0,
+        },
+        "&:before": Object {
+          "content": "none",
+        },
+        "background": "transparent",
+        "boxShadow": "none",
+        "color": "#BDBDBD",
+        "width": "100%",
+      },
+    },
+    "MuiAccordionDetails": Object {
+      "root": Object {
+        "padding": 0,
+      },
+    },
+    "MuiAccordionSummary": Object {
+      "content": Object {
+        "&.Mui-expanded": Object {
+          "margin": "0px 0px 0px 4px",
+        },
+        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+        "fontSize": "12px",
+        "fontWeight": 400,
+        "letterSpacing": "0.4px",
+        "lineHeight": "17px",
+        "margin": "0px 0px 0px 4px",
+      },
+      "expandIcon": Object {
+        "& .MuiIconButton-label .MuiSvgIcon-root": Object {
+          "fontSize": "16px",
+          "padding": 1,
+        },
+        "color": "#BDBDBD",
+        "marginRight": "2px",
+        "order": "-1",
+        "padding": 0,
+      },
+      "root": Object {
+        "&.Mui-expanded": Object {
+          "minHeight": "24px",
+        },
+        "&:before": Object {
+          "borderRadius": 4,
+          "bottom": 0,
+          "content": "\\"\\"",
+          "left": 0,
+          "opacity": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+          "transition": "opacity .3s ease-out",
+        },
+        "&:hover": Object {
+          "& .MuiAccordionSummary-expandIcon": Object {
+            "color": "#FFFFFF",
+          },
+          "color": "#FFFFFF",
+        },
+        "&:hover:before": Object {
+          "opacity": 0.07,
+        },
+        "display": "inline-flex",
+        "height": "max-content",
+        "minHeight": "24px",
+        "padding": 0,
+      },
+    },
+    "MuiButton": Object {
+      "contained": Object {
+        "&:hover": Object {
+          "boxShadow": "0px 2px 4px rgba(0, 0, 0, 0.16)",
+        },
+        "boxShadow": "0px 2px 4px rgba(0, 0, 0, 0.16)",
+      },
+      "containedPrimary": Object {
+        "&.Mui-disabled": Object {
+          "backgroundColor": "#03BCD4",
+          "color": "#FFFFFF",
+        },
+      },
+      "root": Object {
+        "& .MuiButton-iconSizeLarge": Object {
+          "marginLeft": "-8px",
+        },
+        "& .MuiButton-iconSizeLarge > *:first-child": Object {
+          "fontSize": "24px",
+        },
+        "& .MuiButton-iconSizeMedium": Object {
+          "marginLeft": "-8px",
+        },
+        "& .MuiButton-iconSizeMedium > *:first-child": Object {
+          "fontSize": "24px",
+        },
+        "& .MuiButton-iconSizeSmall > *:first-child": Object {
+          "fontSize": "24px",
+        },
+        "& .MuiButton-startIcon.MuiButton-iconSizeSmall": Object {
+          "marginLeft": "-4px",
+          "marginRight": 4,
+        },
+        "& .MuiSvgIcon-root": Object {
+          "color": "inherit",
+        },
+        "&.Mui-disabled": Object {
+          "opacity": 0.4,
+        },
+        "&:hover": Object {
+          "boxShadow": "0px 2px 4px rgba(0, 0, 0, 0.16)",
+        },
+        "height": 36,
+        "letterSpacing": "1px",
+        "padding": "12px 16px",
+      },
+      "sizeLarge": Object {
+        "fontSize": 16,
+        "fontWeight": 700,
+        "height": 40,
+        "padding": "12px 16px",
+      },
+      "sizeSmall": Object {
+        "height": 30,
+        "padding": 8,
+      },
+      "text": Object {
+        "&.Mui-disabled": Object {
+          "color": "#BDBDBD",
+        },
+        "&:hover": Object {
+          "backgroundColor": "#333333",
+          "color": "#FFFFFF",
+        },
+        "color": "#BDBDBD",
+        "padding": "12px 16px",
+      },
+      "textPrimary": Object {
+        "&.Mui-disabled": Object {
+          "color": "#03BCD4",
+        },
+        "&:hover": Object {
+          "backgroundColor": "rgba(3, 188, 212, 0.2)",
+          "color": "#03BCD4",
+        },
+      },
+    },
+    "MuiCheckbox": Object {
+      "colorPrimary": Object {
+        "&.Mui-disabled": Object {
+          "&.Mui-checked, &.MuiCheckbox-indeterminate": Object {
+            "color": "#03BCD4",
+          },
+          "color": "#BDBDBD",
+          "opacity": 0.4,
+        },
+        "&.MuiCheckbox-indeterminate": Object {
+          "color": "#03BCD4",
+        },
+        "&:hover": Object {
+          "backgroundColor": "rgba(3, 188, 212, 0.04)",
+        },
+      },
+      "root": Object {
+        "& .MuiSvgIcon-fontSizeSmall": Object {
+          "fontSize": "1.125rem",
+        },
+        "& .MuiSvgIcon-root": Object {
+          "fontSize": "1.625rem",
+        },
+        "&.MuiCheckbox-colorPrimary.Mui-checked:hover": Object {
+          "backgroundColor": "rgba(3, 188, 212, 0.04)",
+        },
+        "color": "#BDBDBD",
+        "padding": 8,
+      },
+    },
+    "MuiChip": Object {
+      "outlined": Object {
+        "&:not([data-not-migrated-MuiChip])": Object {
+          "& .MuiChip-icon": Object {
+            "marginLeft": 8,
+            "marginRight": "-8px",
+          },
+          "&.MuiChip-clickable": Object {
+            "&:hover": Object {
+              "backgroundColor": "rgba(255, 255, 255, 0.1)",
+            },
+            "borderColor": "#616161",
+          },
+          "&:hover": Object {
+            "backgroundColor": "rgba(255, 255, 255, 0.1)",
+          },
+          "backgroundColor": "transparent",
+          "borderColor": "#616161",
+        },
+      },
+      "root": Object {
+        "&:not([data-not-migrated-MuiChip])": Object {
+          "& .MuiAvatar-root": Object {
+            "border": "1px solid #909090",
+            "boxSizing": "border-box",
+            "height": 24,
+            "width": 24,
+          },
+          "& .MuiChip-avatar": Object {
+            "border": "1px solid #616161",
+          },
+          "& .MuiChip-avatar, &.MuiChip-outlined .MuiChip-avatar": Object {
+            "marginLeft": 8,
+            "marginRight": "-8px",
+          },
+          "& .MuiChip-deleteIcon": Object {
+            "color": "#BDBDBD",
+            "height": 16,
+            "marginLeft": "-8px",
+            "marginRight": 8,
+            "width": 16,
+          },
+          "& .MuiChip-deleteIconSmall": Object {
+            "marginLeft": "-8px",
+            "marginRight": 8,
+          },
+          "& .MuiChip-icon": Object {
+            "color": "#BDBDBD",
+            "marginLeft": 8,
+            "marginRight": "-8px",
+          },
+          "& .MuiChip-iconSmall": Object {
+            "height": 16,
+            "marginLeft": 8,
+            "marginRight": "-8px",
+            "width": 16,
+          },
+          "& .MuiChip-label": Object {
+            "color": "#BDBDBD",
+            "paddingLeft": 12,
+            "paddingRight": 12,
+          },
+          "& .MuiChip-labelSmall": Object {
+            "paddingLeft": 12,
+            "paddingRight": 12,
+          },
+          "&.Mui-disabled": Object {
+            "& .MuiChip-avatar": Object {
+              "opacity": "0.5",
+            },
+            "& .MuiChip-label, & .MuiChip-icon, & .MuiChip-deleteIcon, & .MuiIcon-root": Object {
+              "color": "#808080",
+            },
+            "backgroundColor": "rgba(65, 65, 65, 0.5)",
+            "opacity": 1,
+          },
+          "&:hover": Object {
+            "& .MuiChip-label, & .MuiChip-deleteIcon, & .MuiChip-icon, & .MuiIcon-root": Object {
+              "color": "#FFFFFF",
+            },
+            "backgroundColor": "#616161",
+          },
+          "backgroundColor": "#414141",
+          "fontSize": 14,
+          "lineHeight": "20px",
+        },
+      },
+      "sizeSmall": Object {
+        "&:not([data-not-migrated-MuiChip])": Object {
+          "& .MuiAvatar-root": Object {
+            "height": 16,
+            "width": 16,
+          },
+        },
+      },
+    },
+    "MuiDialogActions": Object {
+      "root": Object {
+        "@media (max-width: 960px)": Object {
+          "padding": 16,
+        },
+        "padding": "32px 40px 40px 40px",
+      },
+      "spacing": Object {
+        "&>:not(:first-child)": Object {
+          "marginLeft": 16,
+        },
+      },
+    },
+    "MuiDialogContent": Object {
+      "root": Object {
+        "@media (max-width: 960px)": Object {
+          "padding": "0 16px",
+        },
+        "padding": "0 40px 0 40px",
+      },
+    },
+    "MuiDialogContentText": Object {
+      "root": Object {
+        "color": "#BDBDBD",
+        "lineHeight": "22.5px",
+        "marginBottom": 0,
+      },
+    },
+    "MuiDialogTitle": Object {
+      "root": Object {
+        "@media (max-width: 960px)": Object {
+          "padding": "16px",
+        },
+        "padding": "40px 40px 16px 40px",
+      },
+    },
+    "MuiFab": Object {
+      "root": Object {
+        "&.Mui-disabled": Object {
+          "backgroundColor": "#03BCD4",
+          "color": "#FFFFFF",
+          "opacity": "0.4",
+        },
+        "&:active": Object {
+          "boxShadow": "0px 5px 10px rgba(0, 0, 0, 0.25)",
+        },
+        "boxShadow": "0px 2px 8px rgba(0, 0, 0, 0.2)",
+        "height": 40,
+        "width": 40,
+      },
+      "sizeMedium": Object {
+        "height": 36,
+        "width": 36,
+      },
+      "sizeSmall": Object {
+        "& .MuiSvgIcon-root": Object {
+          "fontSize": 16,
+        },
+        "height": 30,
+        "minHeight": 30,
+        "width": 30,
+      },
+    },
+    "MuiFormControlLabel": Object {
+      "label": Object {
+        "&.Mui-disabled": Object {
+          "color": "white",
+          "opacity": 0.4,
+        },
+      },
+      "root": Object {
+        "& .MuiRadio-root": Object {
+          "marginRight": 3,
+        },
+        "&.dense": Object {
+          "marginBottom": -4,
+          "marginTop": -4,
+        },
+        "&.small": Object {
+          "& .MuiFormControlLabel-label": Object {
+            "fontSize": 14,
+          },
+          "& .MuiRadio-root": Object {
+            "& .MuiSvgIcon-root": Object {
+              "fontSize": 16,
+            },
+            "marginLeft": 4,
+            "marginRight": 2,
+            "padding": 6,
+          },
+          "&.dense": Object {
+            "marginBottom": 0,
+            "marginTop": 0,
+          },
+          "marginBottom": 4,
+          "marginTop": 4,
+        },
+      },
+    },
+    "MuiFormGroup": Object {
+      "row": Object {
+        "& .MuiFormControlLabel-root": Object {
+          "marginRight": 24,
+        },
+      },
+    },
+    "MuiListItemIcon": Object {
+      "root": Object {
+        "minWidth": 48,
+      },
+    },
+    "MuiMenu": Object {
+      "paper": Object {
+        "root": Object {
+          "& .MuiMenuItem-root": Object {
+            "&$selected": Object {
+              "backgroundColor": "#616161",
+            },
+            "backgroundColor": "#414141",
+          },
+          "overscrollBehaviorY": "contain",
+        },
+      },
+    },
+    "MuiMenuItem": Object {
+      "root": Object {
+        "color": "#FFFFFF",
+        "minHeight": 36,
+      },
+    },
+    "MuiPickerDTTabs": Object {
+      "tabs": Object {
+        "& .MuiTab-textColorInherit": Object {
+          "color": "#BDBDBD",
+        },
+        "& .MuiTab-textColorInherit.Mui-selected": Object {
+          "color": "#03BCD4",
+        },
+        "& .MuiTabs-flexContainer": Object {
+          "& .MuiTabs-indicator": Object {
+            "width": "160px !important",
+          },
+        },
+        "backgroundColor": "#333333",
+      },
+    },
+    "MuiPickerDTToolbar": Object {
+      "toolbar": Object {
+        "& .MuiButton-root": Object {
+          "color": "#BDBDBD",
+          "height": "unset",
+        },
+        "& .MuiGrid-grid-xs-1:last-child": Object {
+          "marginBottom": "-16px",
+        },
+        "& .MuiGrid-grid-xs-1:last-child h6.MuiPickersToolbarText-toolbarTxt": Object {
+          "marginBottom": 0,
+        },
+        "& .MuiGrid-grid-xs-5 h6.MuiPickersToolbarText-toolbarTxt": Object {
+          "marginBottom": "2px",
+        },
+        "& .MuiGrid-grid-xs-6": Object {
+          "marginLeft": "24px",
+        },
+        "& .MuiGrid-justify-xs-center .MuiGrid-grid-xs-6": Object {
+          "marginLeft": "12px",
+        },
+        "& .MuiPickersToolbarText-toolbarBtnSelected": Object {
+          "color": "#FFFFFF",
+        },
+        "& .MuiPickersToolbarText-toolbarTxt": Object {
+          "color": "#BDBDBD",
+        },
+        "& h3.MuiPickersToolbarText-toolbarTxt": Object {
+          "fontSize": "44px",
+          "marginBottom": "-12px",
+        },
+        "& h4.MuiPickersToolbarText-toolbarTxt": Object {
+          "marginBottom": "-6px",
+          "minWidth": "120px",
+          "textAlign": "left",
+        },
+        "& h6.MuiPickersToolbarText-toolbarTxt": Object {
+          "fontSize": "18px",
+          "marginBottom": "-8px",
+        },
+        "backgroundColor": "#333333",
+        "marginBottom": "-10px",
+      },
+    },
+    "MuiPickersBasePicker": Object {
+      "container": Object {
+        "& .MuiPaper-elevation1": Object {
+          "boxShadow": "none",
+        },
+        "& .MuiTabs-indicator": Object {
+          "height": 3,
+          "width": "160px !important",
+        },
+      },
+      "pickerView": Object {
+        "& .MuiPickersCalendar-transitionContainer": Object {
+          "marginLeft": "-6px",
+          "minHeight": "212px",
+        },
+        "& .MuiPickersClock-clock": Object {
+          "backgroundColor": "#333333",
+        },
+        "& .MuiPickersClockNumber-clockNumber": Object {
+          "color": "#FFFFFF",
+          "fontSize": "18px",
+        },
+        "& .MuiPickersClockPointer-pointer": Object {
+          "width": "1px",
+        },
+      },
+    },
+    "MuiPickersCalendarHeader": Object {
+      "switchHeader": Object {
+        "& .MuiPickersCalendarHeader-iconButton:first-child": Object {
+          "marginLeft": "12px",
+        },
+        "& .MuiPickersCalendarHeader-iconButton:last-child": Object {
+          "marginRight": "12px",
+        },
+        "& .MuiPickersCalendarHeader-transitionContainer p": Object {
+          "marginLeft": "-12px",
+        },
+      },
+    },
+    "MuiPickersDay": Object {
+      "day": Object {
+        "&:hover": Object {
+          "backgroundColor": "#616161",
+        },
+        "color": "#FFFFFF",
+        "fontSize": 14,
+      },
+      "daySelected": Object {
+        "backgroundColor": "#03BCD4",
+      },
+    },
+    "MuiRadio": Object {
+      "colorPrimary": Object {
+        "&.Mui-checked.Mui-disabled": Object {
+          "color": "rgba(3, 188, 212, 0.4)",
+        },
+        "&.Mui-disabled": Object {
+          "color": "rgb(218, 218, 218, 0.4)",
+        },
+        "&:hover": Object {
+          "backgroundColor": "rgba(189, 189, 189, 0.04)",
+        },
+      },
+      "root": Object {
+        "&.MuiRadio-colorPrimary.Mui-checked:hover": Object {
+          "backgroundColor": "rgba(3, 188, 212, 0.04)",
+        },
+        "&.small": Object {
+          "& .MuiSvgIcon-root": Object {
+            "fontSize": 16,
+          },
+          "marginLeft": 4,
+          "padding": 6,
+        },
+        "color": "#BDBDBD",
+      },
+    },
+    "MuiSwitch": Object {
+      "colorPrimary": Object {
+        "&$checked": Object {
+          "& + $track": Object {
+            "opacity": 0.38,
+          },
+        },
+      },
+      "colorSecondary": Object {
+        "&$checked": Object {
+          "& + $track": Object {
+            "opacity": 0.38,
+          },
+        },
+      },
+      "switchBase": Object {
+        "color": "#9E9E9E",
+      },
+      "track": Object {
+        "backgroundColor": "#616161",
+        "opacity": 1,
+      },
+    },
+    "MuiTableCell": Object {
+      "body": Object {
+        "fontSize": 16,
+      },
+      "head": Object {
+        "&.MuiTableCell-sizeSmall": Object {
+          "fontSize": 12,
+          "height": 48,
+          "lineHeight": "14px",
+        },
+        "&.dense": Object {
+          "fontSize": 12,
+          "height": 28,
+          "lineHeight": "12px",
+        },
+        "color": "#9E9E9E",
+        "fontSize": 14,
+        "lineHeight": "14px",
+      },
+      "root": Object {
+        "&.dense": Object {
+          "fontSize": 14,
+          "height": 28,
+          "lineHeight": "14px",
+        },
+        "borderBottomColor": "#616161",
+        "height": 56,
+        "letterSpacing": "0.4px",
+        "lineHeight": "20px",
+        "paddingLeft": 8,
+        "paddingRight": 8,
+      },
+      "sizeSmall": Object {
+        "fontSize": 14,
+        "height": 48,
+        "lineHeight": "20px",
+        "paddingRight": 16,
+      },
+      "stickyHeader": Object {
+        "backgroundColor": "#2C2C2C",
+      },
+    },
+    "MuiTablePagination": Object {
+      "actions": Object {
+        "& .MuiIconButton-root": Object {
+          "&.Mui-disabled": Object {
+            "color": "#808080",
+          },
+          "&:hover": Object {
+            "color": "#FFFFFF",
+          },
+          "color": "#BDBDBD",
+          "fontSize": 16,
+          "padding": 7,
+        },
+        "marginLeft": 23,
+      },
+      "caption": Object {
+        "fontSize": 12,
+      },
+      "input": Object {
+        "fontSize": 12,
+        "position": "relative",
+        "top": 1,
+      },
+      "root": Object {
+        "& .MuiSvgIcon-root": Object {
+          "color": "inherit",
+          "fontSize": "inherit",
+        },
+      },
+      "selectIcon": Object {
+        "&.MuiSvgIcon-root.MuiSelect-icon": Object {
+          "fontSize": 16,
+          "top": 5,
+        },
+      },
+      "selectRoot": Object {
+        "& .MuiTablePagination-select": Object {
+          "paddingLeft": 2,
+          "paddingRight": 31,
+        },
+        "marginLeft": 3,
+        "marginRight": 31,
+      },
+      "toolbar": Object {
+        "paddingTop": 10,
+      },
+    },
+    "MuiTableRow": Object {
+      "head": Object {
+        "borderTop": "1px solid #616161",
+      },
+      "root": Object {
+        "&.Mui-selected, .MuiTableRow-root.Mui-selected:hover": Object {
+          "backgroundColor": "rgba(3, 188, 212, 0.2)",
+        },
+        "&.MuiTableRow-hover:hover": Object {
+          "backgroundColor": "rgba(255, 255, 255, 0.1)",
+        },
+      },
+    },
+    "MuiTableSortLabel": Object {
+      "icon": Object {
+        "color": "#9E9E9E",
+        "fontSize": 16,
+        "marginRight": 0,
+      },
+      "root": Object {
+        "&.MuiTableSortLabel-active": Object {
+          "&.MuiTableSortLabel-root.MuiTableSortLabel-active .MuiSvgIcon-root.MuiTableSortLabel-icon": Object {
+            "color": "#9E9E9E",
+          },
+          "color": "#9E9E9E",
+        },
+        "&:hover": Object {
+          "& .MuiTableSortLabel-icon": Object {
+            "color": "#FFFFFF",
+            "opacity": 1,
+          },
+          "&.MuiTableSortLabel-active": Object {
+            "&.MuiTableSortLabel-root.MuiTableSortLabel-active .MuiSvgIcon-root.MuiTableSortLabel-icon": Object {
+              "color": "#FFFFFF",
+            },
+            "color": "#FFFFFF",
+          },
+          "color": "#FFFFFF",
+        },
+        "flexDirection": "row",
+        "justifyContent": "flex-end",
+      },
+    },
+    "MuiTextField": Object {
+      "root": Object {
+        "& .MuiFormLabel-root": Object {
+          "& .MuiFormLabel-asterisk": Object {
+            "display": "none",
+          },
+          "&.Mui-disabled": Object {
+            "opacity": "0.5",
+          },
+          "&.Mui-error": Object {
+            "&.Mui-focused": Object {
+              "color": "#F44336",
+            },
+            "color": "#F44336",
+          },
+          "&.Mui-focused": Object {
+            "color": "#03BCD4",
+          },
+          "&.MuiInputLabel-shrink": Object {
+            "letterSpacing": "0.4px",
+            "top": 1,
+          },
+          "&:not(.MuiInputLabel-shrink)+.MuiInputAdornment-root": Object {
+            "marginRight": 8,
+          },
+          "color": "#BDBDBD",
+        },
+        "& .MuiInput-root": Object {
+          "& .MuiInput-input": Object {
+            "height": 22,
+            "paddingBottom": 5,
+            "paddingTop": 5,
+          },
+          "& .MuiInput-input.MuiInputBase-inputMarginDense": Object {
+            "paddingBottom": 4,
+            "paddingTop": 2,
+          },
+          "& .MuiInputAdornment-root": Object {
+            "& p": Object {
+              "color": "#808080",
+              "fontSize": 14,
+              "lineHeight": "24px",
+            },
+            "& svg": Object {
+              "fill": "#FFFFFF",
+              "fontSize": 16,
+            },
+            "&.MuiInputAdornment-marginDense": Object {
+              "marginBottom": "1px",
+            },
+            "marginBottom": 2,
+          },
+          "&.Mui-disabled": Object {
+            "&.MuiInput-underline:before": Object {
+              "borderBottom": "1px solid #BDBDBD",
+            },
+            "opacity": "0.5",
+          },
+          "&.Mui-error .MuiInputAdornment-root svg": Object {
+            "fill": "#FFFFFF",
+          },
+          "&.Mui-error.Mui-focused.MuiInput-underline::after": Object {
+            "borderBottom": "2px solid #F44336",
+          },
+          "&.Mui-error.MuiInput-underline::after": Object {
+            "borderBottom": "1px solid #F44336",
+          },
+          "&.Mui-focused .MuiInputAdornment-root svg": Object {
+            "fill": "#03BCD4",
+          },
+          "&.MuiInput-underline:before": Object {
+            "borderBottom": "1px solid #BDBDBD",
+          },
+          "color": "#FFFFFF",
+        },
+        "&:hover": Object {
+          "& .MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-formControl.Mui-error": Object {
+            "color": "#F44336",
+          },
+          "& .MuiFormLabel-root:not(.Mui-disabled, .Mui-focused)": Object {
+            "color": "#FFFFFF",
+          },
+          "& .MuiInput-root.Mui-error.MuiInput-underline::after": Object {
+            "borderBottom": "2px solid #F44336",
+          },
+          "& .MuiInput-root.MuiInput-underline:not(.Mui-disabled):before": Object {
+            "borderBottom": "1px solid #FFFFFF",
+          },
+        },
+      },
+    },
+    "MuiToggleButtonGroup": Object {
+      "root": Object {
+        "& .MuiToggleButton-label": Object {
+          "textTransform": "none",
+        },
+        "& .MuiToggleButton-root": Object {
+          "&:hover": Object {
+            "background": "#373737",
+            "color": "#FFFFFF",
+          },
+          "backgroundColor": "#333333",
+          "border": "none",
+          "borderBottom": "none",
+          "borderRight": "none",
+          "borderTop": "none",
+          "color": "#BDBDBD",
+          "fontSize": 14,
+          "fontWeight": 500,
+          "height": 36,
+          "minHeight": 36,
+          "padding": "10px 20px",
+        },
+        "& .MuiToggleButton-root.Mui-disabled": Object {
+          "&.Mui-selected": Object {
+            "color": "#FFFFFF",
+            "opacity": 0.4,
+          },
+          "&:hover": Object {
+            "background": "#333333",
+          },
+          "color": "#616161",
+          "pointerEvents": "all",
+        },
+        "& .MuiToggleButton-root.Mui-selected": Object {
+          "&:hover": Object {
+            "background": "#03BCD4",
+          },
+          "backgroundColor": "#03BCD4",
+          "color": "#FFFFFF",
+        },
+        "& .MuiToggleButton-root.MuiToggleButton-sizeLarge": Object {
+          "fontSize": 16,
+          "fontWeight": 500,
+          "height": 40,
+          "minHeight": 40,
+          "padding": "10px 26px",
+        },
+        "& .MuiToggleButton-root.MuiToggleButton-sizeSmall": Object {
+          "fontSize": 14,
+          "fontWeight": 500,
+          "height": 30,
+          "minHeight": 30,
+          "padding": "7px 12px",
+        },
+        "& .MuiToggleButtonGroup-groupedHorizontal:not(:first-child)": Object {
+          "borderLeft": "1px solid #414141",
+        },
+        "&>:first-child": Object {
+          "borderRadius": "24px 0px 0px 24px",
+        },
+        "&>:last-child": Object {
+          "borderRadius": "0px 24px 24px 0px",
+        },
+      },
+    },
+    "MuiTooltip": Object {
+      "popper": Object {
+        "& .MuiTooltip-tooltip": Object {
+          "&.MuiTooltip-tooltipPlacementBottom": Object {
+            "marginTop": 8,
+          },
+          "&.MuiTooltip-tooltipPlacementLeft": Object {
+            "marginRight": 8,
+          },
+          "&.MuiTooltip-tooltipPlacementRight": Object {
+            "marginLeft": 8,
+          },
+          "&.MuiTooltip-tooltipPlacementTop": Object {
+            "marginBottom": 8,
+          },
+        },
+      },
+      "tooltip": Object {
+        "backgroundColor": "#414141",
+        "boxShadow": "0px 4px 4px rgb(0, 0, 0, 0.12)",
+        "fontSize": 12,
+        "fontWeight": 400,
+        "letterSpacing": "0.4px",
+        "lineHeight": "16px",
+        "padding": 4,
+      },
+    },
+  },
+  "palette": Object {
+    "action": Object {
+      "activatedOpacity": 0.24,
+      "active": "#fff",
+      "disabled": "rgba(255, 255, 255, 0.3)",
+      "disabledBackground": "rgba(255, 255, 255, 0.12)",
+      "disabledOpacity": 0.38,
+      "focus": "rgba(255, 255, 255, 0.12)",
+      "focusOpacity": 0.12,
+      "hover": "rgba(255, 255, 255, 0.08)",
+      "hoverOpacity": 0.08,
+      "selected": "rgba(255, 255, 255, 0.16)",
+      "selectedOpacity": 0.16,
+    },
+    "background": Object {
+      "b1": "black",
+      "b10": "#4E4E4E",
+      "b11": "#373737",
+      "b2": "#141414",
+      "b3": "#191919",
+      "b4": "#212121",
+      "b5": "#272727",
+      "b6": "#2C2C2C",
+      "b7": "#333333",
+      "b8": "#3B3B3B",
+      "b9": "#414141",
+      "default": "#303030",
+      "paper": "#424242",
+    },
+    "charts": Object {
+      "background": "#2a2e2e",
+      "gaugeArrow": "white",
+    },
+    "common": Object {
+      "black": "#000",
+      "white": "#fff",
+    },
+    "contrastThreshold": 3,
+    "divider": "rgba(255, 255, 255, 0.12)",
+    "error": Object {
+      "contrastText": "#fff",
+      "dark": "#D32F2F",
+      "light": "#E57373",
+      "main": "#F44336",
+    },
+    "grey": Object {
+      "100": "#f5f5f5",
+      "200": "#eeeeee",
+      "300": "#e0e0e0",
+      "400": "#bdbdbd",
+      "50": "#fafafa",
+      "500": "#9e9e9e",
+      "600": "#757575",
+      "700": "#616161",
+      "800": "#424242",
+      "900": "#212121",
+      "A100": "#d5d5d5",
+      "A200": "#aaaaaa",
+      "A400": "#303030",
+      "A700": "#616161",
+    },
+    "info": Object {
+      "contrastText": "#fff",
+      "dark": "#1976D2",
+      "light": "#64B5F6",
+      "main": "#2196F3",
+    },
+    "pastel": Object {
+      "p1": "#A92E26",
+      "p10": "#62893D",
+      "p11": "#A6CA72",
+      "p12": "#EEAB46",
+      "p13": "#EE7850",
+      "p14": "#F3AE96",
+      "p15": "#896F65",
+      "p16": "#7D909B",
+      "p2": "#E06C92",
+      "p3": "#801797",
+      "p4": "#C336F0",
+      "p5": "#9078C8",
+      "p6": "#29388E",
+      "p7": "#77B5F1",
+      "p8": "#38818D",
+      "p9": "#91C9C4",
+    },
+    "primary": Object {
+      "contrastText": "#FFFFFF",
+      "dark": "#008BA3",
+      "light": "#63EFFF",
+      "main": "#03BCD4",
+      "text1": "#FFFFFF",
+      "text6": "#BDBDBD",
+      "text7": "#9E9E9E",
+      "text8": "#808080",
+      "text9": "#616161",
+    },
+    "secondary": Object {
+      "contrastText": "#fff",
+      "dark": "#BB002E",
+      "light": "#FF5982",
+      "main": "#F50056",
+    },
+    "success": Object {
+      "bright": "#75DB29",
+      "contrastText": "rgba(0, 0, 0, 0.87)",
+      "dark": "#388E3C",
+      "light": "#81C784",
+      "main": "#4CAF50",
+    },
+    "text": Object {
+      "disabled": "rgba(255, 255, 255, 0.5)",
+      "hint": "rgba(255, 255, 255, 0.5)",
+      "icon": "rgba(255, 255, 255, 0.5)",
+      "primary": "#fff",
+      "secondary": "rgba(255, 255, 255, 0.7)",
+    },
+    "tonalOffset": 0.2,
+    "type": "dark",
+    "warning": Object {
+      "contrastText": "rgba(0, 0, 0, 0.87)",
+      "dark": "#C79100",
+      "light": "#FFF350",
+      "main": "#FFC107",
+    },
+  },
+  "props": Object {
+    "MuiCheckbox": Object {
+      "color": "primary",
+    },
+    "MuiChip": Object {
+      "deleteIcon": Object {
+        "_owner": null,
+        "_store": Object {},
+        "key": null,
+        "props": Object {},
+        "ref": null,
+        "type": Object {
+          "compare": null,
+          "muiName": "SvgIcon",
+          "type": Object {},
+        },
+      },
+    },
+    "MuiMenu": Object {},
+    "MuiRadio": Object {
+      "color": "primary",
+    },
+  },
+  "shadows": Array [
+    "none",
+    "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
+    "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+    "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
+    "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
+    "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
+    "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
+    "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
+    "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
+    "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
+    "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
+    "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
+    "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
+    "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
+    "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
+    "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
+    "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
+    "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
+    "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
+    "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
+    "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
+    "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
+    "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
+    "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
+    "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
+  ],
+  "shape": Object {
+    "borderRadius": 4,
+  },
+  "status": Object {
+    "loginButton": "#03BCD4",
+    "loginButtonHovered": "#03BCD4",
+    "loginButtonLabel": "#ffffff",
+    "loginLinearProgress": "#1de9b6",
+    "loginTextField": "#26a69a",
+  },
+  "transitions": Object {
+    "duration": Object {
+      "complex": 375,
+      "enteringScreen": 225,
+      "leavingScreen": 195,
+      "short": 250,
+      "shorter": 200,
+      "shortest": 150,
+      "standard": 300,
+    },
+    "easing": Object {
+      "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
+      "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
+      "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
+    },
+  },
+  "typography": Object {
+    "body1": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.00938em",
+      "lineHeight": 1.5,
+    },
+    "body2": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "0.875rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.01071em",
+      "lineHeight": 1.43,
+    },
+    "button": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "0.875rem",
+      "fontWeight": 500,
+      "letterSpacing": "0.02857em",
+      "lineHeight": 1.75,
+      "textTransform": "uppercase",
+    },
+    "caption": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "0.75rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.03333em",
+      "lineHeight": 1.66,
+    },
+    "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+    "fontSize": 14,
+    "fontWeightBold": 700,
+    "fontWeightLight": 300,
+    "fontWeightMedium": 500,
+    "fontWeightRegular": 400,
+    "h1": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "6rem",
+      "fontWeight": 300,
+      "letterSpacing": "-0.01562em",
+      "lineHeight": 1.167,
+    },
+    "h2": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "3.75rem",
+      "fontWeight": 300,
+      "letterSpacing": "-0.00833em",
+      "lineHeight": 1.2,
+    },
+    "h3": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "3rem",
+      "fontWeight": 400,
+      "letterSpacing": "0em",
+      "lineHeight": 1.167,
+    },
+    "h4": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "2.125rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.00735em",
+      "lineHeight": 1.235,
+    },
+    "h5": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "1.5rem",
+      "fontWeight": 400,
+      "letterSpacing": "0em",
+      "lineHeight": 1.334,
+    },
+    "h6": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "1.25rem",
+      "fontWeight": 500,
+      "letterSpacing": "0.0075em",
+      "lineHeight": 1.6,
+    },
+    "htmlFontSize": 16,
+    "overline": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "0.75rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.08333em",
+      "lineHeight": 2.66,
+      "textTransform": "uppercase",
+    },
+    "subtitle1": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.00938em",
+      "lineHeight": 1.75,
+    },
+    "subtitle2": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "0.875rem",
+      "fontWeight": 500,
+      "letterSpacing": "0.00714em",
+      "lineHeight": 1.57,
+    },
+  },
+  "zIndex": Object {
+    "appBar": 1100,
+    "drawer": 1200,
+    "mobileStepper": 1000,
+    "modal": 1300,
+    "snackbar": 1400,
+    "speedDial": 1050,
+    "tooltip": 1500,
+  },
+}
+`;
+
+exports[`config theme index lightTheme 1`] = `
+Object {
+  "breakpoints": Object {
+    "keys": Array [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl",
+    ],
+    "values": Object {
+      "lg": 1280,
+      "md": 960,
+      "sm": 600,
+      "xl": 1920,
+      "xs": 0,
+    },
+  },
+  "direction": "ltr",
+  "isLightTheme": true,
+  "mixins": Object {
+    "toolbar": Object {
+      "@media (min-width:0px) and (orientation: landscape)": Object {
+        "minHeight": 48,
+      },
+      "@media (min-width:600px)": Object {
+        "minHeight": 64,
+      },
+      "minHeight": 56,
+    },
+  },
+  "overrides": Object {
+    "MuiAccordion": Object {
+      "root": Object {
+        "&$expanded": Object {
+          "margin": 0,
+        },
+        "&:before": Object {
+          "content": "none",
+        },
+        "background": "transparent",
+        "boxShadow": "none",
+        "color": "#BDBDBD",
+        "width": "100%",
+      },
+    },
+    "MuiAccordionDetails": Object {
+      "root": Object {
+        "padding": 0,
+      },
+    },
+    "MuiAccordionSummary": Object {
+      "content": Object {
+        "&.Mui-expanded": Object {
+          "margin": "0px 0px 0px 4px",
+        },
+        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+        "fontSize": "12px",
+        "fontWeight": 400,
+        "letterSpacing": "0.4px",
+        "lineHeight": "17px",
+        "margin": "0px 0px 0px 4px",
+      },
+      "expandIcon": Object {
+        "& .MuiIconButton-label .MuiSvgIcon-root": Object {
+          "fontSize": "16px",
+          "padding": 1,
+        },
+        "color": "#BDBDBD",
+        "marginRight": "2px",
+        "order": "-1",
+        "padding": 0,
+      },
+      "root": Object {
+        "&.Mui-expanded": Object {
+          "minHeight": "24px",
+        },
+        "&:before": Object {
+          "borderRadius": 4,
+          "bottom": 0,
+          "content": "\\"\\"",
+          "left": 0,
+          "opacity": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+          "transition": "opacity .3s ease-out",
+        },
+        "&:hover": Object {
+          "& .MuiAccordionSummary-expandIcon": Object {
+            "color": "#FFFFFF",
+          },
+          "color": "#FFFFFF",
+        },
+        "&:hover:before": Object {
+          "opacity": 0.07,
+        },
+        "display": "inline-flex",
+        "height": "max-content",
+        "minHeight": "24px",
+        "padding": 0,
+      },
+    },
+    "MuiButton": Object {
+      "contained": Object {
+        "&:hover": Object {
+          "boxShadow": "0px 2px 4px rgba(0, 0, 0, 0.16)",
+        },
+        "boxShadow": "0px 2px 4px rgba(0, 0, 0, 0.16)",
+      },
+      "containedPrimary": Object {
+        "&.Mui-disabled": Object {
+          "backgroundColor": "#03BCD4",
+          "color": "#FFFFFF",
+        },
+      },
+      "root": Object {
+        "& .MuiButton-iconSizeLarge": Object {
+          "marginLeft": "-8px",
+        },
+        "& .MuiButton-iconSizeLarge > *:first-child": Object {
+          "fontSize": "24px",
+        },
+        "& .MuiButton-iconSizeMedium": Object {
+          "marginLeft": "-8px",
+        },
+        "& .MuiButton-iconSizeMedium > *:first-child": Object {
+          "fontSize": "24px",
+        },
+        "& .MuiButton-iconSizeSmall > *:first-child": Object {
+          "fontSize": "24px",
+        },
+        "& .MuiButton-startIcon.MuiButton-iconSizeSmall": Object {
+          "marginLeft": "-4px",
+          "marginRight": 4,
+        },
+        "& .MuiSvgIcon-root": Object {
+          "color": "inherit",
+        },
+        "&.Mui-disabled": Object {
+          "opacity": 0.4,
+        },
+        "&:hover": Object {
+          "boxShadow": "0px 2px 4px rgba(0, 0, 0, 0.16)",
+        },
+        "height": 36,
+        "letterSpacing": "1px",
+        "padding": "12px 16px",
+      },
+      "sizeLarge": Object {
+        "fontSize": 16,
+        "fontWeight": 700,
+        "height": 40,
+        "padding": "12px 16px",
+      },
+      "sizeSmall": Object {
+        "height": 30,
+        "padding": 8,
+      },
+      "text": Object {
+        "&.Mui-disabled": Object {
+          "color": "#BDBDBD",
+        },
+        "&:hover": Object {
+          "backgroundColor": "#333333",
+          "color": "#FFFFFF",
+        },
+        "color": "#BDBDBD",
+        "padding": "12px 16px",
+      },
+      "textPrimary": Object {
+        "&.Mui-disabled": Object {
+          "color": "#03BCD4",
+        },
+        "&:hover": Object {
+          "backgroundColor": "rgba(3, 188, 212, 0.2)",
+          "color": "#03BCD4",
+        },
+      },
+    },
+    "MuiCheckbox": Object {
+      "colorPrimary": Object {
+        "&.Mui-disabled": Object {
+          "&.Mui-checked, &.MuiCheckbox-indeterminate": Object {
+            "color": "#03BCD4",
+          },
+          "color": "#BDBDBD",
+          "opacity": 0.4,
+        },
+        "&.MuiCheckbox-indeterminate": Object {
+          "color": "#03BCD4",
+        },
+        "&:hover": Object {
+          "backgroundColor": "rgba(3, 188, 212, 0.04)",
+        },
+      },
+      "root": Object {
+        "& .MuiSvgIcon-fontSizeSmall": Object {
+          "fontSize": "1.125rem",
+        },
+        "& .MuiSvgIcon-root": Object {
+          "fontSize": "1.625rem",
+        },
+        "&.MuiCheckbox-colorPrimary.Mui-checked:hover": Object {
+          "backgroundColor": "rgba(3, 188, 212, 0.04)",
+        },
+        "color": "#BDBDBD",
+        "padding": 8,
+      },
+    },
+    "MuiChip": Object {
+      "outlined": Object {
+        "&:not([data-not-migrated-MuiChip])": Object {
+          "& .MuiChip-icon": Object {
+            "marginLeft": 8,
+            "marginRight": "-8px",
+          },
+          "&.MuiChip-clickable": Object {
+            "&:hover": Object {
+              "backgroundColor": "rgba(255, 255, 255, 0.1)",
+            },
+            "borderColor": "#616161",
+          },
+          "&:hover": Object {
+            "backgroundColor": "rgba(255, 255, 255, 0.1)",
+          },
+          "backgroundColor": "transparent",
+          "borderColor": "#616161",
+        },
+      },
+      "root": Object {
+        "&:not([data-not-migrated-MuiChip])": Object {
+          "& .MuiAvatar-root": Object {
+            "border": "1px solid #909090",
+            "boxSizing": "border-box",
+            "height": 24,
+            "width": 24,
+          },
+          "& .MuiChip-avatar": Object {
+            "border": "1px solid #616161",
+          },
+          "& .MuiChip-avatar, &.MuiChip-outlined .MuiChip-avatar": Object {
+            "marginLeft": 8,
+            "marginRight": "-8px",
+          },
+          "& .MuiChip-deleteIcon": Object {
+            "color": "#BDBDBD",
+            "height": 16,
+            "marginLeft": "-8px",
+            "marginRight": 8,
+            "width": 16,
+          },
+          "& .MuiChip-deleteIconSmall": Object {
+            "marginLeft": "-8px",
+            "marginRight": 8,
+          },
+          "& .MuiChip-icon": Object {
+            "color": "#BDBDBD",
+            "marginLeft": 8,
+            "marginRight": "-8px",
+          },
+          "& .MuiChip-iconSmall": Object {
+            "height": 16,
+            "marginLeft": 8,
+            "marginRight": "-8px",
+            "width": 16,
+          },
+          "& .MuiChip-label": Object {
+            "color": "#BDBDBD",
+            "paddingLeft": 12,
+            "paddingRight": 12,
+          },
+          "& .MuiChip-labelSmall": Object {
+            "paddingLeft": 12,
+            "paddingRight": 12,
+          },
+          "&.Mui-disabled": Object {
+            "& .MuiChip-avatar": Object {
+              "opacity": "0.5",
+            },
+            "& .MuiChip-label, & .MuiChip-icon, & .MuiChip-deleteIcon, & .MuiIcon-root": Object {
+              "color": "#808080",
+            },
+            "backgroundColor": "rgba(65, 65, 65, 0.5)",
+            "opacity": 1,
+          },
+          "&:hover": Object {
+            "& .MuiChip-label, & .MuiChip-deleteIcon, & .MuiChip-icon, & .MuiIcon-root": Object {
+              "color": "#FFFFFF",
+            },
+            "backgroundColor": "#616161",
+          },
+          "backgroundColor": "#414141",
+          "fontSize": 14,
+          "lineHeight": "20px",
+        },
+      },
+      "sizeSmall": Object {
+        "&:not([data-not-migrated-MuiChip])": Object {
+          "& .MuiAvatar-root": Object {
+            "height": 16,
+            "width": 16,
+          },
+        },
+      },
+    },
+    "MuiDialogActions": Object {
+      "root": Object {
+        "@media (max-width: 960px)": Object {
+          "padding": 16,
+        },
+        "padding": "32px 40px 40px 40px",
+      },
+      "spacing": Object {
+        "&>:not(:first-child)": Object {
+          "marginLeft": 16,
+        },
+      },
+    },
+    "MuiDialogContent": Object {
+      "root": Object {
+        "@media (max-width: 960px)": Object {
+          "padding": "0 16px",
+        },
+        "padding": "0 40px 0 40px",
+      },
+    },
+    "MuiDialogContentText": Object {
+      "root": Object {
+        "color": "#BDBDBD",
+        "lineHeight": "22.5px",
+        "marginBottom": 0,
+      },
+    },
+    "MuiDialogTitle": Object {
+      "root": Object {
+        "@media (max-width: 960px)": Object {
+          "padding": "16px",
+        },
+        "padding": "40px 40px 16px 40px",
+      },
+    },
+    "MuiFab": Object {
+      "root": Object {
+        "&.Mui-disabled": Object {
+          "backgroundColor": "#03BCD4",
+          "color": "#FFFFFF",
+          "opacity": "0.4",
+        },
+        "&:active": Object {
+          "boxShadow": "0px 5px 10px rgba(0, 0, 0, 0.25)",
+        },
+        "boxShadow": "0px 2px 8px rgba(0, 0, 0, 0.2)",
+        "height": 40,
+        "width": 40,
+      },
+      "sizeMedium": Object {
+        "height": 36,
+        "width": 36,
+      },
+      "sizeSmall": Object {
+        "& .MuiSvgIcon-root": Object {
+          "fontSize": 16,
+        },
+        "height": 30,
+        "minHeight": 30,
+        "width": 30,
+      },
+    },
+    "MuiFormControlLabel": Object {
+      "label": Object {
+        "&.Mui-disabled": Object {
+          "color": "white",
+          "opacity": 0.4,
+        },
+      },
+      "root": Object {
+        "& .MuiRadio-root": Object {
+          "marginRight": 3,
+        },
+        "&.dense": Object {
+          "marginBottom": -4,
+          "marginTop": -4,
+        },
+        "&.small": Object {
+          "& .MuiFormControlLabel-label": Object {
+            "fontSize": 14,
+          },
+          "& .MuiRadio-root": Object {
+            "& .MuiSvgIcon-root": Object {
+              "fontSize": 16,
+            },
+            "marginLeft": 4,
+            "marginRight": 2,
+            "padding": 6,
+          },
+          "&.dense": Object {
+            "marginBottom": 0,
+            "marginTop": 0,
+          },
+          "marginBottom": 4,
+          "marginTop": 4,
+        },
+      },
+    },
+    "MuiFormGroup": Object {
+      "row": Object {
+        "& .MuiFormControlLabel-root": Object {
+          "marginRight": 24,
+        },
+      },
+    },
+    "MuiListItemIcon": Object {
+      "root": Object {
+        "minWidth": 48,
+      },
+    },
+    "MuiMenu": Object {
+      "paper": Object {
+        "root": Object {
+          "& .MuiMenuItem-root": Object {
+            "&$selected": Object {
+              "backgroundColor": "#616161",
+            },
+            "backgroundColor": "#414141",
+          },
+          "overscrollBehaviorY": "contain",
+        },
+      },
+    },
+    "MuiMenuItem": Object {
+      "root": Object {
+        "color": "#FFFFFF",
+        "minHeight": 36,
+      },
+    },
+    "MuiPickerDTTabs": Object {
+      "tabs": Object {
+        "& .MuiTab-textColorInherit": Object {
+          "color": "#BDBDBD",
+        },
+        "& .MuiTab-textColorInherit.Mui-selected": Object {
+          "color": "#03BCD4",
+        },
+        "& .MuiTabs-flexContainer": Object {
+          "& .MuiTabs-indicator": Object {
+            "width": "160px !important",
+          },
+        },
+        "backgroundColor": "#333333",
+      },
+    },
+    "MuiPickerDTToolbar": Object {
+      "toolbar": Object {
+        "& .MuiButton-root": Object {
+          "color": "#BDBDBD",
+          "height": "unset",
+        },
+        "& .MuiGrid-grid-xs-1:last-child": Object {
+          "marginBottom": "-16px",
+        },
+        "& .MuiGrid-grid-xs-1:last-child h6.MuiPickersToolbarText-toolbarTxt": Object {
+          "marginBottom": 0,
+        },
+        "& .MuiGrid-grid-xs-5 h6.MuiPickersToolbarText-toolbarTxt": Object {
+          "marginBottom": "2px",
+        },
+        "& .MuiGrid-grid-xs-6": Object {
+          "marginLeft": "24px",
+        },
+        "& .MuiGrid-justify-xs-center .MuiGrid-grid-xs-6": Object {
+          "marginLeft": "12px",
+        },
+        "& .MuiPickersToolbarText-toolbarBtnSelected": Object {
+          "color": "#FFFFFF",
+        },
+        "& .MuiPickersToolbarText-toolbarTxt": Object {
+          "color": "#BDBDBD",
+        },
+        "& h3.MuiPickersToolbarText-toolbarTxt": Object {
+          "fontSize": "44px",
+          "marginBottom": "-12px",
+        },
+        "& h4.MuiPickersToolbarText-toolbarTxt": Object {
+          "marginBottom": "-6px",
+          "minWidth": "120px",
+          "textAlign": "left",
+        },
+        "& h6.MuiPickersToolbarText-toolbarTxt": Object {
+          "fontSize": "18px",
+          "marginBottom": "-8px",
+        },
+        "backgroundColor": "#333333",
+        "marginBottom": "-10px",
+      },
+    },
+    "MuiPickersBasePicker": Object {
+      "container": Object {
+        "& .MuiPaper-elevation1": Object {
+          "boxShadow": "none",
+        },
+        "& .MuiTabs-indicator": Object {
+          "height": 3,
+          "width": "160px !important",
+        },
+      },
+      "pickerView": Object {
+        "& .MuiPickersCalendar-transitionContainer": Object {
+          "marginLeft": "-6px",
+          "minHeight": "212px",
+        },
+        "& .MuiPickersClock-clock": Object {
+          "backgroundColor": "#333333",
+        },
+        "& .MuiPickersClockNumber-clockNumber": Object {
+          "color": "#FFFFFF",
+          "fontSize": "18px",
+        },
+        "& .MuiPickersClockPointer-pointer": Object {
+          "width": "1px",
+        },
+      },
+    },
+    "MuiPickersCalendarHeader": Object {
+      "switchHeader": Object {
+        "& .MuiPickersCalendarHeader-iconButton:first-child": Object {
+          "marginLeft": "12px",
+        },
+        "& .MuiPickersCalendarHeader-iconButton:last-child": Object {
+          "marginRight": "12px",
+        },
+        "& .MuiPickersCalendarHeader-transitionContainer p": Object {
+          "marginLeft": "-12px",
+        },
+      },
+    },
+    "MuiPickersDay": Object {
+      "day": Object {
+        "&:hover": Object {
+          "backgroundColor": "#616161",
+        },
+        "color": "#FFFFFF",
+        "fontSize": 14,
+      },
+      "daySelected": Object {
+        "backgroundColor": "#03BCD4",
+      },
+    },
+    "MuiRadio": Object {
+      "colorPrimary": Object {
+        "&.Mui-checked.Mui-disabled": Object {
+          "color": "rgba(3, 188, 212, 0.4)",
+        },
+        "&.Mui-disabled": Object {
+          "color": "rgb(218, 218, 218, 0.4)",
+        },
+        "&:hover": Object {
+          "backgroundColor": "rgba(189, 189, 189, 0.04)",
+        },
+      },
+      "root": Object {
+        "&.MuiRadio-colorPrimary.Mui-checked:hover": Object {
+          "backgroundColor": "rgba(3, 188, 212, 0.04)",
+        },
+        "&.small": Object {
+          "& .MuiSvgIcon-root": Object {
+            "fontSize": 16,
+          },
+          "marginLeft": 4,
+          "padding": 6,
+        },
+        "color": "#BDBDBD",
+      },
+    },
+    "MuiSwitch": Object {
+      "colorPrimary": Object {
+        "&$checked": Object {
+          "& + $track": Object {
+            "opacity": 0.38,
+          },
+        },
+      },
+      "colorSecondary": Object {
+        "&$checked": Object {
+          "& + $track": Object {
+            "opacity": 0.38,
+          },
+        },
+      },
+      "switchBase": Object {
+        "color": "#9E9E9E",
+      },
+      "track": Object {
+        "backgroundColor": "#616161",
+        "opacity": 1,
+      },
+    },
+    "MuiTableCell": Object {
+      "body": Object {
+        "fontSize": 16,
+      },
+      "head": Object {
+        "&.MuiTableCell-sizeSmall": Object {
+          "fontSize": 12,
+          "height": 48,
+          "lineHeight": "14px",
+        },
+        "&.dense": Object {
+          "fontSize": 12,
+          "height": 28,
+          "lineHeight": "12px",
+        },
+        "color": "#9E9E9E",
+        "fontSize": 14,
+        "lineHeight": "14px",
+      },
+      "root": Object {
+        "&.dense": Object {
+          "fontSize": 14,
+          "height": 28,
+          "lineHeight": "14px",
+        },
+        "borderBottomColor": "#616161",
+        "height": 56,
+        "letterSpacing": "0.4px",
+        "lineHeight": "20px",
+        "paddingLeft": 8,
+        "paddingRight": 8,
+      },
+      "sizeSmall": Object {
+        "fontSize": 14,
+        "height": 48,
+        "lineHeight": "20px",
+        "paddingRight": 16,
+      },
+      "stickyHeader": Object {
+        "backgroundColor": "#2C2C2C",
+      },
+    },
+    "MuiTablePagination": Object {
+      "actions": Object {
+        "& .MuiIconButton-root": Object {
+          "&.Mui-disabled": Object {
+            "color": "#808080",
+          },
+          "&:hover": Object {
+            "color": "#FFFFFF",
+          },
+          "color": "#BDBDBD",
+          "fontSize": 16,
+          "padding": 7,
+        },
+        "marginLeft": 23,
+      },
+      "caption": Object {
+        "fontSize": 12,
+      },
+      "input": Object {
+        "fontSize": 12,
+        "position": "relative",
+        "top": 1,
+      },
+      "root": Object {
+        "& .MuiSvgIcon-root": Object {
+          "color": "inherit",
+          "fontSize": "inherit",
+        },
+      },
+      "selectIcon": Object {
+        "&.MuiSvgIcon-root.MuiSelect-icon": Object {
+          "fontSize": 16,
+          "top": 5,
+        },
+      },
+      "selectRoot": Object {
+        "& .MuiTablePagination-select": Object {
+          "paddingLeft": 2,
+          "paddingRight": 31,
+        },
+        "marginLeft": 3,
+        "marginRight": 31,
+      },
+      "toolbar": Object {
+        "paddingTop": 10,
+      },
+    },
+    "MuiTableRow": Object {
+      "head": Object {
+        "borderTop": "1px solid #616161",
+      },
+      "root": Object {
+        "&.Mui-selected, .MuiTableRow-root.Mui-selected:hover": Object {
+          "backgroundColor": "rgba(3, 188, 212, 0.2)",
+        },
+        "&.MuiTableRow-hover:hover": Object {
+          "backgroundColor": "rgba(255, 255, 255, 0.1)",
+        },
+      },
+    },
+    "MuiTableSortLabel": Object {
+      "icon": Object {
+        "color": "#9E9E9E",
+        "fontSize": 16,
+        "marginRight": 0,
+      },
+      "root": Object {
+        "&.MuiTableSortLabel-active": Object {
+          "&.MuiTableSortLabel-root.MuiTableSortLabel-active .MuiSvgIcon-root.MuiTableSortLabel-icon": Object {
+            "color": "#9E9E9E",
+          },
+          "color": "#9E9E9E",
+        },
+        "&:hover": Object {
+          "& .MuiTableSortLabel-icon": Object {
+            "color": "#FFFFFF",
+            "opacity": 1,
+          },
+          "&.MuiTableSortLabel-active": Object {
+            "&.MuiTableSortLabel-root.MuiTableSortLabel-active .MuiSvgIcon-root.MuiTableSortLabel-icon": Object {
+              "color": "#FFFFFF",
+            },
+            "color": "#FFFFFF",
+          },
+          "color": "#FFFFFF",
+        },
+        "flexDirection": "row",
+        "justifyContent": "flex-end",
+      },
+    },
+    "MuiTextField": Object {
+      "root": Object {
+        "& .MuiFormLabel-root": Object {
+          "& .MuiFormLabel-asterisk": Object {
+            "display": "none",
+          },
+          "&.Mui-disabled": Object {
+            "opacity": "0.5",
+          },
+          "&.Mui-error": Object {
+            "&.Mui-focused": Object {
+              "color": "#F44336",
+            },
+            "color": "#F44336",
+          },
+          "&.Mui-focused": Object {
+            "color": "#03BCD4",
+          },
+          "&.MuiInputLabel-shrink": Object {
+            "letterSpacing": "0.4px",
+            "top": 1,
+          },
+          "&:not(.MuiInputLabel-shrink)+.MuiInputAdornment-root": Object {
+            "marginRight": 8,
+          },
+          "color": "#BDBDBD",
+        },
+        "& .MuiInput-root": Object {
+          "& .MuiInput-input": Object {
+            "height": 22,
+            "paddingBottom": 5,
+            "paddingTop": 5,
+          },
+          "& .MuiInput-input.MuiInputBase-inputMarginDense": Object {
+            "paddingBottom": 4,
+            "paddingTop": 2,
+          },
+          "& .MuiInputAdornment-root": Object {
+            "& p": Object {
+              "color": "#808080",
+              "fontSize": 14,
+              "lineHeight": "24px",
+            },
+            "& svg": Object {
+              "fill": "#FFFFFF",
+              "fontSize": 16,
+            },
+            "&.MuiInputAdornment-marginDense": Object {
+              "marginBottom": "1px",
+            },
+            "marginBottom": 2,
+          },
+          "&.Mui-disabled": Object {
+            "&.MuiInput-underline:before": Object {
+              "borderBottom": "1px solid #BDBDBD",
+            },
+            "opacity": "0.5",
+          },
+          "&.Mui-error .MuiInputAdornment-root svg": Object {
+            "fill": "#FFFFFF",
+          },
+          "&.Mui-error.Mui-focused.MuiInput-underline::after": Object {
+            "borderBottom": "2px solid #F44336",
+          },
+          "&.Mui-error.MuiInput-underline::after": Object {
+            "borderBottom": "1px solid #F44336",
+          },
+          "&.Mui-focused .MuiInputAdornment-root svg": Object {
+            "fill": "#03BCD4",
+          },
+          "&.MuiInput-underline:before": Object {
+            "borderBottom": "1px solid #BDBDBD",
+          },
+          "color": "#FFFFFF",
+        },
+        "&:hover": Object {
+          "& .MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-formControl.Mui-error": Object {
+            "color": "#F44336",
+          },
+          "& .MuiFormLabel-root:not(.Mui-disabled, .Mui-focused)": Object {
+            "color": "#FFFFFF",
+          },
+          "& .MuiInput-root.Mui-error.MuiInput-underline::after": Object {
+            "borderBottom": "2px solid #F44336",
+          },
+          "& .MuiInput-root.MuiInput-underline:not(.Mui-disabled):before": Object {
+            "borderBottom": "1px solid #FFFFFF",
+          },
+        },
+      },
+    },
+    "MuiToggleButtonGroup": Object {
+      "root": Object {
+        "& .MuiToggleButton-label": Object {
+          "textTransform": "none",
+        },
+        "& .MuiToggleButton-root": Object {
+          "&:hover": Object {
+            "background": "#373737",
+            "color": "#FFFFFF",
+          },
+          "backgroundColor": "#333333",
+          "border": "none",
+          "borderBottom": "none",
+          "borderRight": "none",
+          "borderTop": "none",
+          "color": "#BDBDBD",
+          "fontSize": 14,
+          "fontWeight": 500,
+          "height": 36,
+          "minHeight": 36,
+          "padding": "10px 20px",
+        },
+        "& .MuiToggleButton-root.Mui-disabled": Object {
+          "&.Mui-selected": Object {
+            "color": "#FFFFFF",
+            "opacity": 0.4,
+          },
+          "&:hover": Object {
+            "background": "#333333",
+          },
+          "color": "#616161",
+          "pointerEvents": "all",
+        },
+        "& .MuiToggleButton-root.Mui-selected": Object {
+          "&:hover": Object {
+            "background": "#03BCD4",
+          },
+          "backgroundColor": "#03BCD4",
+          "color": "#FFFFFF",
+        },
+        "& .MuiToggleButton-root.MuiToggleButton-sizeLarge": Object {
+          "fontSize": 16,
+          "fontWeight": 500,
+          "height": 40,
+          "minHeight": 40,
+          "padding": "10px 26px",
+        },
+        "& .MuiToggleButton-root.MuiToggleButton-sizeSmall": Object {
+          "fontSize": 14,
+          "fontWeight": 500,
+          "height": 30,
+          "minHeight": 30,
+          "padding": "7px 12px",
+        },
+        "& .MuiToggleButtonGroup-groupedHorizontal:not(:first-child)": Object {
+          "borderLeft": "1px solid #414141",
+        },
+        "&>:first-child": Object {
+          "borderRadius": "24px 0px 0px 24px",
+        },
+        "&>:last-child": Object {
+          "borderRadius": "0px 24px 24px 0px",
+        },
+      },
+    },
+    "MuiTooltip": Object {
+      "popper": Object {
+        "& .MuiTooltip-tooltip": Object {
+          "&.MuiTooltip-tooltipPlacementBottom": Object {
+            "marginTop": 8,
+          },
+          "&.MuiTooltip-tooltipPlacementLeft": Object {
+            "marginRight": 8,
+          },
+          "&.MuiTooltip-tooltipPlacementRight": Object {
+            "marginLeft": 8,
+          },
+          "&.MuiTooltip-tooltipPlacementTop": Object {
+            "marginBottom": 8,
+          },
+        },
+      },
+      "tooltip": Object {
+        "backgroundColor": "#414141",
+        "boxShadow": "0px 4px 4px rgb(0, 0, 0, 0.12)",
+        "fontSize": 12,
+        "fontWeight": 400,
+        "letterSpacing": "0.4px",
+        "lineHeight": "16px",
+        "padding": 4,
+      },
+    },
+  },
+  "palette": Object {
+    "action": Object {
+      "activatedOpacity": 0.12,
+      "active": "rgba(0, 0, 0, 0.54)",
+      "disabled": "rgba(0, 0, 0, 0.26)",
+      "disabledBackground": "rgba(0, 0, 0, 0.12)",
+      "disabledOpacity": 0.38,
+      "focus": "rgba(0, 0, 0, 0.12)",
+      "focusOpacity": 0.12,
+      "hover": "rgba(0, 0, 0, 0.04)",
+      "hoverOpacity": 0.04,
+      "selected": "rgba(0, 0, 0, 0.08)",
+      "selectedOpacity": 0.08,
+    },
+    "background": Object {
+      "b1": "#fff",
+      "b10": "#c7c7c7",
+      "b11": "#bdbdbd",
+      "b2": "#fff",
+      "b3": "#fff",
+      "b4": "#fff",
+      "b5": "#f5f5f5",
+      "b6": "#eeeeee",
+      "b7": "#e7e7e7",
+      "b8": "#e0e0e0",
+      "b9": "#d6d6d6",
+      "default": "#fafafa",
+      "paper": "#fff",
+    },
+    "charts": Object {
+      "background": "#FFFFFF",
+      "gaugeArrow": "#2a2e2e",
+    },
+    "common": Object {
+      "black": "#000",
+      "white": "#fff",
+    },
+    "contrastThreshold": 3,
+    "divider": "rgba(0, 0, 0, 0.12)",
+    "error": Object {
+      "contrastText": "#fff",
+      "dark": "#D32F2F",
+      "light": "#E57373",
+      "main": "#F44336",
+    },
+    "grey": Object {
+      "100": "#f5f5f5",
+      "200": "#eeeeee",
+      "300": "#e0e0e0",
+      "400": "#bdbdbd",
+      "50": "#fafafa",
+      "500": "#9e9e9e",
+      "600": "#757575",
+      "700": "#616161",
+      "800": "#424242",
+      "900": "#212121",
+      "A100": "#d5d5d5",
+      "A200": "#aaaaaa",
+      "A400": "#303030",
+      "A700": "#616161",
+    },
+    "info": Object {
+      "contrastText": "#fff",
+      "dark": "#1976D2",
+      "light": "#64B5F6",
+      "main": "#2196F3",
+    },
+    "pastel": Object {
+      "p1": "#A92E26",
+      "p10": "#62893D",
+      "p11": "#A6CA72",
+      "p12": "#EEAB46",
+      "p13": "#EE7850",
+      "p14": "#F3AE96",
+      "p15": "#896F65",
+      "p16": "#7D909B",
+      "p2": "#E06C92",
+      "p3": "#801797",
+      "p4": "#C336F0",
+      "p5": "#9078C8",
+      "p6": "#29388E",
+      "p7": "#77B5F1",
+      "p8": "#38818D",
+      "p9": "#91C9C4",
+    },
+    "primary": Object {
+      "contrastText": "#FFFFFF",
+      "dark": "#008BA3",
+      "light": "#63EFFF",
+      "main": "#03BCD4",
+      "text1": "#000",
+      "text6": "#393939",
+      "text7": "#575757",
+      "text8": "#757575",
+      "text9": "#9e9e9e",
+    },
+    "secondary": Object {
+      "contrastText": "#fff",
+      "dark": "#BB002E",
+      "light": "#FF5982",
+      "main": "#F50056",
+    },
+    "success": Object {
+      "bright": "#75DB29",
+      "contrastText": "rgba(0, 0, 0, 0.87)",
+      "dark": "#388E3C",
+      "light": "#81C784",
+      "main": "#4CAF50",
+    },
+    "text": Object {
+      "disabled": "rgba(0, 0, 0, 0.38)",
+      "hint": "rgba(0, 0, 0, 0.38)",
+      "primary": "rgba(0, 0, 0, 0.87)",
+      "secondary": "rgba(0, 0, 0, 0.54)",
+    },
+    "tonalOffset": 0.2,
+    "type": "light",
+    "warning": Object {
+      "contrastText": "rgba(0, 0, 0, 0.87)",
+      "dark": "#C79100",
+      "light": "#FFF350",
+      "main": "#FFC107",
+    },
+  },
+  "props": Object {
+    "MuiCheckbox": Object {
+      "color": "primary",
+    },
+    "MuiChip": Object {
+      "deleteIcon": Object {
+        "_owner": null,
+        "_store": Object {},
+        "key": null,
+        "props": Object {},
+        "ref": null,
+        "type": Object {
+          "compare": null,
+          "muiName": "SvgIcon",
+          "type": Object {},
+        },
+      },
+    },
+    "MuiMenu": Object {},
+    "MuiRadio": Object {
+      "color": "primary",
+    },
+  },
+  "shadows": Array [
+    "none",
+    "0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)",
+    "0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)",
+    "0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)",
+    "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
+    "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
+    "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
+    "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
+    "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
+    "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
+    "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
+    "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
+    "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
+    "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
+    "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
+    "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
+    "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
+    "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
+    "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
+    "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
+    "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
+    "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
+    "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
+    "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
+    "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
+  ],
+  "shape": Object {
+    "borderRadius": 4,
+  },
+  "transitions": Object {
+    "duration": Object {
+      "complex": 375,
+      "enteringScreen": 225,
+      "leavingScreen": 195,
+      "short": 250,
+      "shorter": 200,
+      "shortest": 150,
+      "standard": 300,
+    },
+    "easing": Object {
+      "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
+      "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
+      "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
+    },
+  },
+  "typography": Object {
+    "body1": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.00938em",
+      "lineHeight": 1.5,
+    },
+    "body2": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "0.875rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.01071em",
+      "lineHeight": 1.43,
+    },
+    "button": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "0.875rem",
+      "fontWeight": 500,
+      "letterSpacing": "0.02857em",
+      "lineHeight": 1.75,
+      "textTransform": "uppercase",
+    },
+    "caption": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "0.75rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.03333em",
+      "lineHeight": 1.66,
+    },
+    "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+    "fontSize": 14,
+    "fontWeightBold": 700,
+    "fontWeightLight": 300,
+    "fontWeightMedium": 500,
+    "fontWeightRegular": 400,
+    "h1": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "6rem",
+      "fontWeight": 300,
+      "letterSpacing": "-0.01562em",
+      "lineHeight": 1.167,
+    },
+    "h2": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "3.75rem",
+      "fontWeight": 300,
+      "letterSpacing": "-0.00833em",
+      "lineHeight": 1.2,
+    },
+    "h3": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "3rem",
+      "fontWeight": 400,
+      "letterSpacing": "0em",
+      "lineHeight": 1.167,
+    },
+    "h4": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "2.125rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.00735em",
+      "lineHeight": 1.235,
+    },
+    "h5": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "1.5rem",
+      "fontWeight": 400,
+      "letterSpacing": "0em",
+      "lineHeight": 1.334,
+    },
+    "h6": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "1.25rem",
+      "fontWeight": 500,
+      "letterSpacing": "0.0075em",
+      "lineHeight": 1.6,
+    },
+    "htmlFontSize": 16,
+    "overline": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "0.75rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.08333em",
+      "lineHeight": 2.66,
+      "textTransform": "uppercase",
+    },
+    "subtitle1": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "1rem",
+      "fontWeight": 400,
+      "letterSpacing": "0.00938em",
+      "lineHeight": 1.75,
+    },
+    "subtitle2": Object {
+      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+      "fontSize": "0.875rem",
+      "fontWeight": 500,
+      "letterSpacing": "0.00714em",
+      "lineHeight": 1.57,
+    },
+  },
+  "zIndex": Object {
+    "appBar": 1100,
+    "drawer": 1200,
+    "mobileStepper": 1000,
+    "modal": 1300,
+    "snackbar": 1400,
+    "speedDial": 1050,
+    "tooltip": 1500,
+  },
+}
+`;