From 0e9d3d4e2c025c205e644bf156fd7c734dd49e27 Mon Sep 17 00:00:00 2001
From: 3ulalia <179992797+3ulalia@users.noreply.github.com>
Date: Tue, 31 Dec 2024 01:39:26 -0500
Subject: [PATCH] add purple color

---
 sass/color/background_purple.scss |  3 +++
 sass/color/purple-auto.scss       | 29 +++++++++++++++++++++++++++++
 sass/color/purple-light.scss      | 12 ++++++++++++
 sass/color/purple.scss            |  9 +++++++++
 4 files changed, 53 insertions(+)
 create mode 100644 sass/color/background_purple.scss
 create mode 100644 sass/color/purple-auto.scss
 create mode 100644 sass/color/purple-light.scss
 create mode 100644 sass/color/purple.scss

diff --git a/sass/color/background_purple.scss b/sass/color/background_purple.scss
new file mode 100644
index 0000000..d7ce46a
--- /dev/null
+++ b/sass/color/background_purple.scss
@@ -0,0 +1,3 @@
+:root {
+  --background: #1D212C;
+}
diff --git a/sass/color/purple-auto.scss b/sass/color/purple-auto.scss
new file mode 100644
index 0000000..4cea13d
--- /dev/null
+++ b/sass/color/purple-auto.scss
@@ -0,0 +1,29 @@
+:root {
+  @media (prefers-color-scheme: dark) {
+    --accent: rgb(171,105,242);
+    --accent-alpha-70: rgba(171,105,242,.7);
+    --accent-alpha-20: rgba(171,105,242,.2);
+
+    --background: #101010;
+    --color: #f0f0f0;
+    --border-color: rgba(255,240,224,.125);
+
+    div.logo {
+      color: black;
+    }
+  
+  }
+  @media (prefers-color-scheme: light) {
+    --accent: rgb(162,95,191);
+    --accent-alpha-70: rgba(162,95,191,.7);
+    --accent-alpha-20: rgba(162,95,191,.2);
+
+    --background: white;
+    --color: #201030;
+    --border-color: rgba(0,0,16,.125);
+    
+    div.logo {
+      color: white;
+    }
+  }
+}
diff --git a/sass/color/purple-light.scss b/sass/color/purple-light.scss
new file mode 100644
index 0000000..9e3e461
--- /dev/null
+++ b/sass/color/purple-light.scss
@@ -0,0 +1,12 @@
+:root {
+  --accent: rgb(162,95,191);
+  --accent-alpha-70: rgba(162,95,191,.7);
+  --accent-alpha-20: rgba(162,95,191,.2);
+
+  --background: white;
+  --color: #1D212C;
+  --border-color: rgba(0, 0, 0, .1);
+  div.logo {
+    color: white;
+  }
+}
diff --git a/sass/color/purple.scss b/sass/color/purple.scss
new file mode 100644
index 0000000..f2f482e
--- /dev/null
+++ b/sass/color/purple.scss
@@ -0,0 +1,9 @@
+:root {
+  --accent: rgb(171,105,242);
+  --accent-alpha-70: rgba(171,105,242,.7);
+  --accent-alpha-20: rgba(171,105,242,.2);
+
+  --background: #1D212C;
+  --color: white;
+  --border-color: rgba(255, 255, 255, .1);
+}