diff --git a/public/index.html b/public/index.html index 02b587f8..df1edfd9 100644 --- a/public/index.html +++ b/public/index.html @@ -13,7 +13,8 @@ -
+ + diff --git a/src/index.css b/src/index.css index cbf64a6d..22af0a28 100644 --- a/src/index.css +++ b/src/index.css @@ -158,7 +158,7 @@ body { -moz-osx-font-smoothing: grayscale; } /* We use this to not render the page at all until we know the theme.*/ -.nodisplay { +.no-theme { opacity: 0; } diff --git a/src/useTheme.ts b/src/useTheme.ts index 34395ff2..50f07ff4 100644 --- a/src/useTheme.ts +++ b/src/useTheme.ts @@ -36,6 +36,6 @@ export const useTheme = (): void => { document.body.classList.add(themeString); previousTheme.current = themeString; } - document.body.classList.remove("nodisplay"); + document.body.classList.remove("no-theme"); }, [previousTheme, themeName]); };