From 3f0918edf3c44f72de8cc9eb5589ce53a7b19917 Mon Sep 17 00:00:00 2001
From: David <info@thedaviddelta.com>
Date: Sun, 24 Oct 2021 16:08:35 +0200
Subject: [PATCH] Default dark theme with environment variable (#61)

* Created env variable for setting dark as default theme

* Docker variable simplified
---
 Dockerfile | 2 +-
 README.md  | 7 +++++--
 theme.ts   | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/Dockerfile b/Dockerfile
index 8b5cace..65d8fc1 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -23,4 +23,4 @@ ENV NODE_ENV production
 
 ENV NEXT_TELEMETRY_DISABLED 1
 
-CMD NEXT_PUBLIC_SITE_DOMAIN=$site_domain yarn build && yarn start
+CMD NEXT_PUBLIC_SITE_DOMAIN=$site_domain DEFAULT_DARK_THEME=$dark_theme yarn build && yarn start
diff --git a/README.md b/README.md
index fff0c22..a89054c 100644
--- a/README.md
+++ b/README.md
@@ -32,9 +32,11 @@ As *Lingva* is a [NextJS](https://nextjs.org/) project you can deploy your own i
 
 The only requirement is to set an environment variable called `NEXT_PUBLIC_SITE_DOMAIN` with the domain you're deploying the instance under. This is used for the canonical URL and the meta tags.
 
+Optionally, there's another environment variable available called `DEFAULT_DARK_THEME` for selecting dark as the default page theme on the first load. The theme will be light by default unless this variable is set to `true`.
+
 ### Docker
 
-An [official Docker image](https://hub.docker.com/r/thedaviddelta/lingva-translate) is available to ease the deployment using Compose, Kubernetes or similar technologies. Remember to also include the environment variable (simplified to `site_domain`) when running the container.
+An [official Docker image](https://hub.docker.com/r/thedaviddelta/lingva-translate) is available to ease the deployment using Compose, Kubernetes or similar technologies. Remember to also include the environment variables (simplified to `site_domain` and `dark_theme`) when running the container.
 
 #### Docker Compose:
 
@@ -49,6 +51,7 @@ services:
     restart: unless-stopped
     environment:
       - site_domain=lingva.ml
+      - dark_theme=false
     ports:
       - 3000:3000
 ```
@@ -56,7 +59,7 @@ services:
 #### Docker Run
 
 ```bash
-docker run -p 3000:3000 -e site_domain=lingva.ml thedaviddelta/lingva-translate:latest
+docker run -p 3000:3000 -e site_domain=lingva.ml -e dark_theme=false thedaviddelta/lingva-translate:latest
 ```
 
 ### Vercel
diff --git a/theme.ts b/theme.ts
index 0249bd2..00bbcc8 100644
--- a/theme.ts
+++ b/theme.ts
@@ -17,7 +17,7 @@ export default extendTheme({
         }
     },
     config: {
-        initialColorMode: "light",
+        initialColorMode: process.env["DEFAULT_DARK_THEME"] === "true" ? "dark" : "light",
         useSystemColorMode: false
     },
     components: {