diff --git a/.eslintrc.yml b/.eslintrc.yml
index 1906383..a5b809e 100644
--- a/.eslintrc.yml
+++ b/.eslintrc.yml
@@ -13,14 +13,10 @@ plugins:
- react
- react-hooks
- import
-overrides: []
parserOptions:
ecmaVersion: latest
sourceType: module
- project:
- - apps/front/tsconfig.json
- - apps/worker/tsconfig.json
- - packages/common/tsconfig.json
+ project: true
settings:
import/resolver:
typescript: true
diff --git a/apps/front/en/index.html b/apps/front/en/index.html
index 93fdc0a..72a57ac 100644
--- a/apps/front/en/index.html
+++ b/apps/front/en/index.html
@@ -1,32 +1,58 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+ Knucklebones | From Cult of the Lamb
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
- Knucklebones | From Cult of the Lamb
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
diff --git a/apps/front/fr/index.html b/apps/front/fr/index.html
index 6a802dd..cc4dfeb 100644
--- a/apps/front/fr/index.html
+++ b/apps/front/fr/index.html
@@ -1,32 +1,58 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+ Knucklebones | De Cult of the Lamb
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
- Knucklebones | De Cult of the Lamb
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
diff --git a/apps/front/index.html b/apps/front/index.html
index dc3debb..4f13f9a 100644
--- a/apps/front/index.html
+++ b/apps/front/index.html
@@ -1,31 +1,53 @@
-
+
+
+
+
+
+
+
+
+
+
+
+ Knucklebones | From Cult of the Lamb
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
- Knucklebones | From Cult of the Lamb
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
diff --git a/apps/front/public/theme.css b/apps/front/public/theme.css
new file mode 100644
index 0000000..c01e2ee
--- /dev/null
+++ b/apps/front/public/theme.css
@@ -0,0 +1,11 @@
+/*
+ allow to quickly style the index.html before the full app loads, and avoid
+ flashes during refreshes
+*/
+body.dark {
+ /* bg-slate-900 */
+ background-color: #0f172a;
+ min-height: 100vh;
+ margin: 0;
+ padding: 0;
+}
diff --git a/apps/front/public/theme.js b/apps/front/public/theme.js
new file mode 100644
index 0000000..17a15d9
--- /dev/null
+++ b/apps/front/public/theme.js
@@ -0,0 +1,12 @@
+/*
+ allow to quickly style the index.html before the full app loads, and avoid
+ flashes during refreshes. This file should be imported right after `body`.
+*/
+const shouldUseDarkTheme =
+ localStorage.theme === 'dark' ||
+ (localStorage.theme === 'default' &&
+ window.matchMedia('(prefers-color-scheme: dark)').matches)
+
+if (shouldUseDarkTheme) {
+ document.body.classList.add('dark')
+}
diff --git a/apps/front/tsconfig.json b/apps/front/tsconfig.json
index 2941460..777c99a 100644
--- a/apps/front/tsconfig.json
+++ b/apps/front/tsconfig.json
@@ -2,12 +2,9 @@
"extends": "../../tsconfig.base.json",
"compilerOptions": {
"jsx": "react-jsx",
- "moduleResolution": "Bundler",
+ "moduleResolution": "Bundler"
},
- "include": [
- "src",
- "@types"
- ],
+ "include": ["src", "@types", "public/theme.js"],
"references": [
{
"path": "./tsconfig.node.json"
diff --git a/apps/front/zh-tw/index.html b/apps/front/zh-tw/index.html
index f0b4153..059d9e6 100644
--- a/apps/front/zh-tw/index.html
+++ b/apps/front/zh-tw/index.html
@@ -1,32 +1,58 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Knucklebones | 來自《進擊羔羊傳說》
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Knucklebones | 來自《進擊羔羊傳說》
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+