summaryrefslogtreecommitdiff
path: root/web/src/views/LoadingPage/LoadingPage.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/src/views/LoadingPage/LoadingPage.tsx')
-rw-r--r--web/src/views/LoadingPage/LoadingPage.tsx5
1 files changed, 3 insertions, 2 deletions
diff --git a/web/src/views/LoadingPage/LoadingPage.tsx b/web/src/views/LoadingPage/LoadingPage.tsx
index 6ae4ac779..f1860346f 100644
--- a/web/src/views/LoadingPage/LoadingPage.tsx
+++ b/web/src/views/LoadingPage/LoadingPage.tsx
@@ -1,13 +1,14 @@
import React from "react";
-import { Typography, Grid } from "@material-ui/core";
+import { useTheme, Typography, Grid } from "@material-ui/core";
import ReactLoading from "react-loading";
const LoadingPage = function () {
+ const theme = useTheme();
return (
<Grid container alignItems="center" justify="center" style={{ minHeight: "100vh" }}>
<Grid item style={{ textAlign: "center", display: "inline-block" }}>
- <ReactLoading width={64} height={64} color="black" type="bars" />
+ <ReactLoading width={64} height={64} color={theme.custom.loadingBar} type="bars" />
<Typography>Loading...</Typography>
</Grid>
</Grid>