diff options
| author | Amir Zarrinkafsh <nightah@me.com> | 2021-01-20 23:07:40 +1100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-01-20 23:07:40 +1100 |
| commit | daa30f3aa3690e2f17e7ca3145f5e1aa64c6a143 (patch) | |
| tree | 5b5182d2c4386d4b5d14fdbca4e58dbfe95ef55e /web/src/views/LoadingPage/LoadingPage.tsx | |
| parent | b74e65fc48ac24887beabf31e7b6fe2af34aafc6 (diff) | |
[FEATURE] Add theme support (#1584)
* [FEATURE] Add theme support
This change allows users to select a theme for Authelia on start-up.
The default will continue to be the existing theme which is known as `light`.
Three new options are now also provided:
* `dark`
* `grey`
* `custom`
The `custom` theme allows users to specify a primary and secondary hex color code to be utilised to style the portal.
Co-authored-by: BankaiNoJutsu <lbegert@gmail.com>
* Add themes to integration tests
* Remove custom theme
* Fix linting issue in access_control_test.go
Co-authored-by: BankaiNoJutsu <lbegert@gmail.com>
Diffstat (limited to 'web/src/views/LoadingPage/LoadingPage.tsx')
| -rw-r--r-- | web/src/views/LoadingPage/LoadingPage.tsx | 5 |
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> |