From ce4912b9c5a56ca420aa77fa4bcdddc04ae5978c Mon Sep 17 00:00:00 2001
From: Phetzy <111381691+phetzy@users.noreply.github.com>
Date: Sun, 24 Mar 2024 03:31:17 -0400
Subject: [PATCH] :sparkles:  Rose pine colorscheme variants for the search
 engine (#550)

* created 3 rose pine color schemes for more customization

* adjusted simple.css about logo container svg to use the logo color variable and match the search container
---
 public/static/colorschemes/rose-pine-dawn.css | 12 ++++++++++++
 public/static/colorschemes/rose-pine-moon.css | 12 ++++++++++++
 public/static/colorschemes/rose-pine.css      | 12 ++++++++++++
 public/static/themes/simple.css               |  3 ++-
 4 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 public/static/colorschemes/rose-pine-dawn.css
 create mode 100644 public/static/colorschemes/rose-pine-moon.css
 create mode 100644 public/static/colorschemes/rose-pine.css

diff --git a/public/static/colorschemes/rose-pine-dawn.css b/public/static/colorschemes/rose-pine-dawn.css
new file mode 100644
index 0000000..d95da38
--- /dev/null
+++ b/public/static/colorschemes/rose-pine-dawn.css
@@ -0,0 +1,12 @@
+:root {
+  --background-color: #faf4ed;
+  --foreground-color: #575279;
+  --logo-color: #d7827e;
+  --color-one: #f2e9e1;
+  --color-two: #907aa9;
+  --color-three: #56949f;
+  --color-four: #ea9d34;
+  --color-five: #d7827e;
+  --color-six: #9893a5;
+  --color-seven: #575279;
+}
diff --git a/public/static/colorschemes/rose-pine-moon.css b/public/static/colorschemes/rose-pine-moon.css
new file mode 100644
index 0000000..043a5d9
--- /dev/null
+++ b/public/static/colorschemes/rose-pine-moon.css
@@ -0,0 +1,12 @@
+:root {
+  --background-color: #232136;
+  --foreground-color: #e0def4;
+  --logo-color: #ea9a97;
+  --color-one: #393552;
+  --color-two: #c4a7e7;
+  --color-three: #9ccfd8;
+  --color-four: #f6c177;
+  --color-five: #ea9a97;
+  --color-six: #6e6a86;
+  --color-seven: #e0def4;
+}
diff --git a/public/static/colorschemes/rose-pine.css b/public/static/colorschemes/rose-pine.css
new file mode 100644
index 0000000..b5ed4d9
--- /dev/null
+++ b/public/static/colorschemes/rose-pine.css
@@ -0,0 +1,12 @@
+:root {
+    --background-color: #191724;
+    --foreground-color: #e0def4;
+    --logo-color: #ebbcba;
+    --color-one: #26233a;
+    --color-two: #c4a7e7;
+    --color-three: #9ccfd8;
+    --color-four: #f6c177;
+    --color-five: #eb6f92;
+    --color-six: #6e6a86;
+    --color-seven: #e0def4;
+}
diff --git a/public/static/themes/simple.css b/public/static/themes/simple.css
index bfc8602..8f5fcc7 100644
--- a/public/static/themes/simple.css
+++ b/public/static/themes/simple.css
@@ -482,6 +482,7 @@ footer div {
 
 .about-container article .logo-container svg {
   width: clamp(200px, 530px, 815px);
+  color: var(--logo-color);
 }
 
 .about-container article .text-block {
@@ -858,4 +859,4 @@ input:checked + .slider::before {
   .feature-card {
     border-radius: 0;
   }
-}
\ No newline at end of file
+}