From c365a2373e71cab38c3a47e1bb1e6365d61cb135 Mon Sep 17 00:00:00 2001
From: lynn pepin <lynnpepin@tutanota.com>
Date: Fri, 16 Jun 2023 14:21:29 -0400
Subject: [PATCH 1/3] feat: Added a light version and an automatic (light/dark)
 version for each theme

---
 config.toml                      | 11 ++++++-----
 sass/color/background_auto.scss  | 14 ++++++++++++++
 sass/color/background_light.scss |  3 +++
 sass/color/blue-auto.scss        | 29 +++++++++++++++++++++++++++++
 sass/color/blue-light.scss       | 12 ++++++++++++
 sass/color/green-auto.scss       | 29 +++++++++++++++++++++++++++++
 sass/color/green-light.scss      | 12 ++++++++++++
 sass/color/orange-auto.scss      | 29 +++++++++++++++++++++++++++++
 sass/color/orange-light.scss     | 12 ++++++++++++
 sass/color/pink-auto.scss        | 29 +++++++++++++++++++++++++++++
 sass/color/pink-light.scss       | 12 ++++++++++++
 sass/color/red-auto.scss         | 29 +++++++++++++++++++++++++++++
 sass/color/red-light.scss        | 12 ++++++++++++
 13 files changed, 228 insertions(+), 5 deletions(-)
 create mode 100644 sass/color/background_auto.scss
 create mode 100644 sass/color/background_light.scss
 create mode 100644 sass/color/blue-auto.scss
 create mode 100644 sass/color/blue-light.scss
 create mode 100644 sass/color/green-auto.scss
 create mode 100644 sass/color/green-light.scss
 create mode 100644 sass/color/orange-auto.scss
 create mode 100644 sass/color/orange-light.scss
 create mode 100644 sass/color/pink-auto.scss
 create mode 100644 sass/color/pink-light.scss
 create mode 100644 sass/color/red-auto.scss
 create mode 100644 sass/color/red-light.scss

diff --git a/config.toml b/config.toml
index 7af0f3d..2898659 100644
--- a/config.toml
+++ b/config.toml
@@ -19,13 +19,14 @@ highlight_theme = "boron"
 
 # One of: blue, green, orange, pink, red.
 # Defaults to blue.
-accent_color = "blue"
+# Append -light for light themes, e.g. blue-light
+# Or append -auto, e.g. blue-auto
+accent_color = "blue-auto"
 
-# One of: blue, dark, green, orange, pink, red.
-# Enabling dark background will also modify primary font color
-# to be darker.
+# One of: blue, dark, green, orange, pink, red, light, auto
+# Enabling dark background will also modify primary font color to be darker.
 # Defaults to accent color (or, if not accent color specified, to blue).
-background_color = "blue"
+background_color = "auto"
 
 # The logo text - defaults to "Terminimal theme"
 logo_text = "Terminimal theme"
diff --git a/sass/color/background_auto.scss b/sass/color/background_auto.scss
new file mode 100644
index 0000000..e1cab79
--- /dev/null
+++ b/sass/color/background_auto.scss
@@ -0,0 +1,14 @@
+:root {
+
+  @media (prefers-color-scheme: light) {
+    --background: white;
+  
+    --color: #101010;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    --background: #101010;
+  
+    --color: #A9B7C6;
+  }
+}
diff --git a/sass/color/background_light.scss b/sass/color/background_light.scss
new file mode 100644
index 0000000..ac41318
--- /dev/null
+++ b/sass/color/background_light.scss
@@ -0,0 +1,3 @@
+:root {
+  --background: #f0f0f0;
+}
diff --git a/sass/color/blue-auto.scss b/sass/color/blue-auto.scss
new file mode 100644
index 0000000..bf20e33
--- /dev/null
+++ b/sass/color/blue-auto.scss
@@ -0,0 +1,29 @@
+:root {
+  @media (prefers-color-scheme: dark) {
+    --accent: rgb(35,176,255);
+    --accent-alpha-70: rgba(35,176,255,.7);
+    --accent-alpha-20: rgba(35,176,255,.2);
+
+    --background: #101010;
+    --color: #f0f0f0;
+    --border-color: rgba(255,240,224,.125);
+
+    div.logo {
+      color: black;
+    }
+  
+  }
+  @media (prefers-color-scheme: light) {
+    --accent: rgb(32,128,192);
+    --accent-alpha-70: rgba(32,128,192,.7);
+    --accent-alpha-20: rgba(32,128,192,.2);
+
+    --background: white;
+    --color: #201030;
+    --border-color: rgba(0,0,16,.125);
+    
+    div.logo {
+      color: white;
+    }
+  }
+}
diff --git a/sass/color/blue-light.scss b/sass/color/blue-light.scss
new file mode 100644
index 0000000..c41d839
--- /dev/null
+++ b/sass/color/blue-light.scss
@@ -0,0 +1,12 @@
+:root {
+  --accent: rgb(32,128,192);
+  --accent-alpha-70: rgba(32,128,192,.7);
+  --accent-alpha-20: rgba(32,128,192,.2);
+
+  --background: white;
+  --color: #1D212C;
+  --border-color: rgba(0, 0, 0, .1);
+  div.logo {
+    color: white;
+  }
+}
diff --git a/sass/color/green-auto.scss b/sass/color/green-auto.scss
new file mode 100644
index 0000000..eabfae6
--- /dev/null
+++ b/sass/color/green-auto.scss
@@ -0,0 +1,29 @@
+:root {
+  @media (prefers-color-scheme: dark) {
+    --accent: rgb(120,226,160);
+    --accent-alpha-70: rgba(120,226,160,.7);
+    --accent-alpha-20: rgba(120,226,160,.2);
+  
+    --background: #101010;
+    --color: #f0f0f0;
+    --border-color: rgba(255,240,224,.125);
+    
+    div.logo {
+      color: black;
+    }
+  
+  }
+  @media (prefers-color-scheme: light) {
+    --accent: rgb(24, 192, 128);
+    --accent-alpha-70: rgba(24, 192, 128,.7);
+    --accent-alpha-20: rgba(24, 192, 128,.2);
+
+    --background: white;
+    --color: #201030;
+    --border-color: rgba(0,0,16,.125)
+    
+    div.logo {
+      color: white;
+    }
+  }
+}
diff --git a/sass/color/green-light.scss b/sass/color/green-light.scss
new file mode 100644
index 0000000..9ee64f3
--- /dev/null
+++ b/sass/color/green-light.scss
@@ -0,0 +1,12 @@
+:root {
+  --accent: rgb(24, 192, 128);
+  --accent-alpha-70: rgba(24, 192, 128,.7);
+  --accent-alpha-20: rgba(24, 192, 128,.2);
+
+  --background: white;
+  --color: #1D212C;
+  --border-color: rgba(0, 0, 0, .1);
+  div.logo {
+    color: white;
+  }
+}
diff --git a/sass/color/orange-auto.scss b/sass/color/orange-auto.scss
new file mode 100644
index 0000000..3c19ce4
--- /dev/null
+++ b/sass/color/orange-auto.scss
@@ -0,0 +1,29 @@
+:root {
+  @media (prefers-color-scheme: dark) {
+    --accent: rgb(255,168,106);
+    --accent-alpha-70: rgba(255,168,106,.7);
+    --accent-alpha-20: rgba(255,168,106,.2);
+  
+    --background: #101010;
+    --color: #f0f0f0;
+    --border-color: rgba(255,240,224,.125);
+    
+    div.logo {
+      color: black;
+    }
+  
+  }
+  @media (prefers-color-scheme: light) {
+    --accent: rgb(240,128,48);
+    --accent-alpha-70: rgba(240,128,48,.7);
+    --accent-alpha-20: rgba(240,128,48,.2);
+  
+    --background: white;
+    --color: #201030;
+    --border-color: rgba(0,0,16,.125);
+
+    div.logo {
+      color: white;
+    }
+  }
+}
diff --git a/sass/color/orange-light.scss b/sass/color/orange-light.scss
new file mode 100644
index 0000000..6f7b8f9
--- /dev/null
+++ b/sass/color/orange-light.scss
@@ -0,0 +1,12 @@
+:root {
+  --accent: rgb(240,128,48);
+  --accent-alpha-70: rgba(240,128,48,.7);
+  --accent-alpha-20: rgba(240,128,48,.2);
+
+  --background: white;
+  --color: #1D212C;
+  --border-color: rgba(0, 0, 0, .1);
+  div.logo {
+    color: white;
+  }
+}
\ No newline at end of file
diff --git a/sass/color/pink-auto.scss b/sass/color/pink-auto.scss
new file mode 100644
index 0000000..705c706
--- /dev/null
+++ b/sass/color/pink-auto.scss
@@ -0,0 +1,29 @@
+:root {
+  @media (prefers-color-scheme: dark) {
+    --accent: rgb(224,64,192);
+    --accent-alpha-70: rgba(224,64,192);
+    --accent-alpha-20: rgba(224,64,192,.2);
+
+    --background: #101010;
+    --color: #f0f0f0;
+    --border-color: rgba(255,240,224,.125);
+    
+    div.logo {
+      color: black;
+    }
+  
+  }
+  @media (prefers-color-scheme: light) {
+    --accent: rgb(238,114,241);
+    --accent-alpha-70: rgba(238,114,241,.7);
+    --accent-alpha-20: rgba(238,114,241,.2);
+  
+    --background: white;
+    --color: #201030;
+    --border-color: rgba(0,0,16,.125);
+    
+    div.logo {
+      color: white;
+    }
+  }
+}
diff --git a/sass/color/pink-light.scss b/sass/color/pink-light.scss
new file mode 100644
index 0000000..aa8437c
--- /dev/null
+++ b/sass/color/pink-light.scss
@@ -0,0 +1,12 @@
+:root {
+  --accent: rgb(224,64,192);
+  --accent-alpha-70: rgba(224,64,192);
+  --accent-alpha-20: rgba(224,64,192,.2);
+
+  --background: white;
+  --color: #1D212C;
+  --border-color: rgba(0, 0, 0, .1);
+  div.logo {
+    color: white;
+  }
+}
diff --git a/sass/color/red-auto.scss b/sass/color/red-auto.scss
new file mode 100644
index 0000000..a0016f2
--- /dev/null
+++ b/sass/color/red-auto.scss
@@ -0,0 +1,29 @@
+:root {
+  @media (prefers-color-scheme: dark) {
+    --accent: rgb(255,98,102);
+    --accent-alpha-70: rgba(255,98,102,.7);
+    --accent-alpha-20: rgba(255,98,102,.2);
+
+    --background: #101010;
+    --color: #f0f0f0;
+    --border-color: rgba(255,240,224,.125);
+    
+    div.logo {
+      color: black;
+    }
+  
+  }
+  @media (prefers-color-scheme: light) {
+    --accent: rgb(240,48,64);
+    --accent-alpha-70: rgba(240,48,64,.7);
+    --accent-alpha-20: rgba(240,48,64,.2);
+  
+    --background: white;
+    --color: #201030;
+    --border-color: rgba(0,0,16,.125);
+    
+    div.logo {
+      color: white;
+    }
+  }
+}
diff --git a/sass/color/red-light.scss b/sass/color/red-light.scss
new file mode 100644
index 0000000..d2f0e4c
--- /dev/null
+++ b/sass/color/red-light.scss
@@ -0,0 +1,12 @@
+:root {
+  --accent: rgb(240,48,64);
+  --accent-alpha-70: rgba(240,48,64,.7);
+  --accent-alpha-20: rgba(240,48,64,.2);
+
+  --background: white;
+  --color: #1D212C;
+  --border-color: rgba(0, 0, 0, .1);
+  div.logo {
+    color: white;
+  }
+}

From 4f96dd4da5c0b9977c560049579c62c7e1f61e6a Mon Sep 17 00:00:00 2001
From: lynn pepin <lynnpepin@tutanota.com>
Date: Thu, 22 Jun 2023 17:29:54 -0400
Subject: [PATCH 2/3] fix: Fix default color in config.toml and examples

---
 README.md   | 11 ++++++-----
 config.toml |  4 ++--
 theme.toml  |  8 +++++---
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 1ce882c..e310694 100644
--- a/README.md
+++ b/README.md
@@ -149,13 +149,14 @@ of your `config.toml`:
 [extra]
 
 # One of: blue, green, orange, pink, red.
-# Defaults to blue. 
+# Defaults to blue.
+# Append -light for light themes, e.g. blue-light
+# Or append -auto, e.g. blue-auto
 accent_color = "green"
 
-# One of: blue, dark, green, orange, pink, red.
-# Enabling dark background will also modify primary font color
-# to be darker.
-# Defaults to accent color (or, if not accent color specified, to blue). 
+# One of: blue, dark, green, orange, pink, red, light, auto
+# Enabling dark background will also modify primary font color to be darker.
+# Defaults to accent color (or, if not accent color specified, to blue).
 background_color = "dark"
 ```
 
diff --git a/config.toml b/config.toml
index 2898659..5c07261 100644
--- a/config.toml
+++ b/config.toml
@@ -21,12 +21,12 @@ highlight_theme = "boron"
 # Defaults to blue.
 # Append -light for light themes, e.g. blue-light
 # Or append -auto, e.g. blue-auto
-accent_color = "blue-auto"
+accent_color = "blue"
 
 # One of: blue, dark, green, orange, pink, red, light, auto
 # Enabling dark background will also modify primary font color to be darker.
 # Defaults to accent color (or, if not accent color specified, to blue).
-background_color = "auto"
+background_color = "blue"
 
 # The logo text - defaults to "Terminimal theme"
 logo_text = "Terminimal theme"
diff --git a/theme.toml b/theme.toml
index 5bcbdb0..5dbccf7 100644
--- a/theme.toml
+++ b/theme.toml
@@ -20,11 +20,13 @@ repo = "https://github.com/panr/hugo-theme-terminal"
 [extra]
 
 # One of: blue, green, orange, pink, red.
+# Defaults to blue.
+# Append -light for light themes, e.g. blue-light
+# Or append -auto, e.g. blue-auto
 accent_color = "blue"
 
-# One of: blue, dark, green, orange, pink, red.
-# Enabling dark background will also modify primary font color
-# to be darker.
+# One of: blue, dark, green, orange, pink, red, light, auto
+# Enabling dark background will also modify primary font color to be darker.
 # Defaults to accent color (or, if not accent color specified, to blue).
 background_color = "blue"
 

From 2b55b768ac6802f29a54b3878fae953b41ef816f Mon Sep 17 00:00:00 2001
From: lynn pepin <lynnpepin@tutanota.com>
Date: Thu, 22 Jun 2023 17:31:43 -0400
Subject: [PATCH 3/3] fix: Missing semicolon in border color for
 green-auto.scss

---
 sass/color/green-auto.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/sass/color/green-auto.scss b/sass/color/green-auto.scss
index eabfae6..2eb5e12 100644
--- a/sass/color/green-auto.scss
+++ b/sass/color/green-auto.scss
@@ -20,7 +20,7 @@
 
     --background: white;
     --color: #201030;
-    --border-color: rgba(0,0,16,.125)
+    --border-color: rgba(0,0,16,.125);
     
     div.logo {
       color: white;