iframe-proxy | Sunbelt Computer Software

299 lines (282 loc) · 6.66 KB
import { createTheme } from '@material-ui/core/styles';
import lessToJs from 'less-vars-to-js';
// Read the less file in as string: using the raw-loader to override the default loader
export const vars = lessToJs(require('!!raw-loader!./css/variables.less'), {
  resolveVariables: true,
  stripPrefix: true,
require('./css/netpyne.less');
require('./css/material.less');
require('./css/traceback.less');
require('./css/flexlayout.less');
require('./css/tree.less');
export const {
  primaryColor,
  secondaryColor,
  fontColor,
  bgRegular,
  bgDarker,
  bgDarkest,
  bgInputs,
  canvasBgDark,
  canvasBgLight,
  experimentAutocompleteBorder,
  experimentInputColor,
  experimentGrey,
  experimentFieldColor,
  experimentSvgColor,
  experimentLabelColor,
  errorFieldBorder,
  primaryColorHover,
  fabDisableColor,
  fabDisableBg,
  navShadow,
  tabsTextColor,
  textColor
const rawTheme = {
  darkMode: true,
  typography: {
    useNextVariants: true,
    htmlFontSize: 12,
    fontSize: 10,
    fontFamily: font,
    button: {
      textTransform: 'none',
      fontSize: '1.0rem',
  palette: {
    type: 'dark',
    primary: {
      main: primaryColor,
      dark: secondaryColor,
    secondary: {
      main: secondaryColor,
      dark: primaryColor,
    button: { main: primaryColor },
  overrides: {
    MuiInput: {
      input: {
        outline: 'none !important',
        border: 'none !important',
        boxShadow: 'none !important',
      root: { color: fontColor },
    MuiSwitch: {
      root: {
        padding: 0,
        width: '2.25rem',
        height: '1.25rem'
      thumb: {
        width: '1rem',
        backgroundColor: textColor,
        height: '1rem',
        boxShadow: '0rem 0.0625rem 0.125rem 0rem rgba(16, 24, 40, 0.06), 0rem 0.0625rem 0.1875rem 0rem rgba(16, 24, 40, 0.10)'
      switchBase: {
        padding: '0 !important',
        left: '0.125rem',
        top: '0.125rem',
        '&.Mui-checked': {
          transform: 'translateX(1rem)',
          '& + .MuiSwitch-track': {
            opacity: 1,
            backgroundColor: `${primaryColor} !important`
      track: {
        borderRadius: '0.75rem',
        opacity: 1,
        backgroundColor: 'rgba(255, 255, 255, 0.05)'
    MuiSelect: {
      root: {
        outline: 'none !important',
        border: 'none !important',
        boxShadow: 'none !important',
      select: { '&:focus': { background: 'none' } },
    MuiGrid: {
      root: {
        display: 'flex',
        alignItems: 'stretch',
        flex: 1,
    MuiCard: {
      root: {
        backgroundColor: `${bgDarker}!important`,
        overflowY: 'auto',
        flex: 1,
    MuiBottomNavigation: {
      root: {
        margin: gutter,
        backgroundColor: 'transparent',
    MuiPaper: {
      root: {
        color: 'inherit',
        backgroundColor: bgRegular,
    MuiBottomNavigationAction: {
      root: {
        color: fontColor,
        textTransform: 'uppercase',
        padding: '0.375rem 0.75rem 0.5rem !important',
        maxWidth: '10.5rem',
        minWidth: '5rem',
        '& .MuiBottomNavigationAction-wrapper': {
          lineHeight: '1.428125rem',
      label: {
        fontSize: '1rem',
        '&.Mui-selected': { fontSize: '1rem' },
    MuiFormControl: { root: { overflow: 'visible' } },
    MuiFab: {
      secondary: { color: fontColor },
      primary: { color: fontColor },
      root: {
        '&:not(.Mui-disabled).MuiFab-primary': {
          backgroundColor: primaryColor,
          '&:hover': {
            backgroundColor: secondaryColor,
        '&:not(.Mui-disabled).MuiFab-secondary': {
          backgroundColor: secondaryColor,
          '&:hover': {
            backgroundColor: primaryColor,
        '&.Mui-disabled': {
          color: fabDisableColor,
          boxShadow: 'none',
          backgroundColor: fabDisableBg,
    MuiButton: {
      root: {
        '&.MuiButtonGroup-grouped': {
          minWidth: '2.5rem',
        '&.noHover': {
          backgroundColor: 'transparent'
      contained: {
        color: fontColor,
        backgroundColor: bgInputs,
      containedSecondary: { color: fontColor },
      containedPrimary: { color: fontColor },
    MuiMenuItem: {
      root: {
        color: fontColor,
        paddingTop: `calc(${gutter} / 2)`,
        fontSize: '0.9rem',
      gutters: {
        paddingLeft: `calc(${gutter} * 2)`,
        paddingRight: `calc(${gutter} * 2)`,
    MuiDialogTitle: { root: { color: fontColor } },
    MuiDialogActions: { root: { '& .$MuiButton-root': { textTransform: 'uppercase' } } },
    MuiTypography: { root: { color: fontColor } },
    MuiCollapse: {
      container: { padding: 0 },
      wrapper: { padding: '0 !important' },
    MuiIcon: { fontSizeLarge: { fontSize: '1.75rem' } },
    MuiAccordionSummary: {
      root: {
        padding: '0!important',
        margin: 0,
        minHeight: 'unset!important',
      content: {
        margin: '0!important',
        cursor: 'auto',
      expandIcon: { marginRight: 0 },
    MuiAccordionDetails: {
      root: {
        padding: 0,
        margin: 0,
        minHeight: 'unset!important',
        flexDirection: 'column',
    MuiAccordion: {
      root: {
        padding: 0,
        margin: '0 !important',
        minHeight: 'unset',
    MuiAutocomplete: {
      root: {
        '& .MuiIconButton-root': {
          padding: '0.125rem !important',
      popupIndicator: { marginRight: 0 },
    MuiCardContent: { root: { padding: 8 } },
    MuiListItem: {
      root: {
        '&.MuiButtonBase-root': {
          color: 'white',
          paddingTop: '.5rem',
          whiteSpace: 'nowrap',
          paddingBottom: '0.375rem',
          display: 'flex',
          justifyContent: 'flex-start',
          textDecoration: 'none',
          textAlign: 'left',
          alignItems: 'center',
        '&.MuiListItem-dense': {
          padding: '0.25rem 0.5rem',
          borderRadius: '0.25rem',
          justifyContent: 'flex-start',
        '&.MuiMenuItem-gutters': {
          paddingLeft: '2rem',
          paddingRight: '2rem',
    MuiIconButton: {
      root: {
        color: fontColor,
        padding: '0.75rem !important',
export default createTheme(rawTheme);
Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Sunbelt Computer Software

PL/B Language Development and Support

Uh oh!

FilesExpand file tree

theme.js

Latest commit

History

theme.js

File metadata and controls
