Variable darkThemeConfigConst

Type declaration

• components: Components<Omit<Theme, "components">>

• palette: {
      background: {
          default: "#263238";
      };
      border: {
          default: "#bdbdbd";
      };
      chart: {
          axis: "#fff";
          axisLabel: "#fff";
          main: "#fff";
      };
      mode: string;
      primary: {
          contrastText: "#212121";
          main: "#eeeeee";
      };
      severity: {
          100: "#2196f3";
          200: "#64b5f6";
          300: "#bbdefb";
          400: "#ce93d8";
          500: "#ab47bc";
      };
      text: {
          primary: "#f5f5f5";
          secondary: "#f5f5f5";
      };
  }

  • background: {
        default: "#263238";
    }

    • default: "#263238"

  • border: {
        default: "#bdbdbd";
    }

    • default: "#bdbdbd"

  • chart: {
        axis: "#fff";
        axisLabel: "#fff";
        main: "#fff";
    }

    • axis: "#fff"

    • axisLabel: "#fff"

    • main: "#fff"

  • mode: string

  • primary: {
        contrastText: "#212121";
        main: "#eeeeee";
    }

    • contrastText: "#212121"

    • main: "#eeeeee"

  • severity: {
        100: "#2196f3";
        200: "#64b5f6";
        300: "#bbdefb";
        400: "#ce93d8";
        500: "#ab47bc";
    }

    • 100: "#2196f3"

    • 200: "#64b5f6"

    • 300: "#bbdefb"

    • 400: "#ce93d8"

    • 500: "#ab47bc"

  • text: {
        primary: "#f5f5f5";
        secondary: "#f5f5f5";
    }

    • primary: "#f5f5f5"

    • secondary: "#f5f5f5"

• typography: {
      dataEmphasizedLarge: {
          color: string;
      };
      dataEmphasizedSmall: {
          color: string;
      };
      dataTabular: {
          color: string;
      };
      h1: {
          color: string;
      };
      h2: {
          color: string;
      };
      h3: {
          color: string;
      };
      h4: {
          color: string;
      };
      h5: {
          color: string;
      };
      h6: {
          color: string;
      };
      labelLarge: {
          color: string;
      };
      labelSmall: {
          color: string;
      };
      overline: {
          color: string;
      };
      paragraphLarge: {
          color: string;
      };
      paragraphSmall: {
          color: string;
      };
  }

  • dataEmphasizedLarge: {
        color: string;
    }

    • color: string

  • dataEmphasizedSmall: {
        color: string;
    }

    • color: string

  • dataTabular: {
        color: string;
    }

    • color: string

  • h1: {
        color: string;
    }

    • color: string

  • h2: {
        color: string;
    }

    • color: string

  • h3: {
        color: string;
    }

    • color: string

  • h4: {
        color: string;
    }

    • color: string

  • h5: {
        color: string;
    }

    • color: string

  • h6: {
        color: string;
    }

    • color: string

  • labelLarge: {
        color: string;
    }

    • color: string

  • labelSmall: {
        color: string;
    }

    • color: string

  • overline: {
        color: string;
    }

    • color: string

  • paragraphLarge: {
        color: string;
    }

    • color: string

  • paragraphSmall: {
        color: string;
    }

    • color: string