From 6065acab80323d4953725b66dcef9558828df0c1 Mon Sep 17 00:00:00 2001
From: asonix <asonix@asonix.dog>
Date: Thu, 21 Sep 2023 16:58:18 -0500
Subject: [PATCH] Tweak colorschemes

---
 app/javascript/styles/pop-light/variables.scss | 10 ++++++++--
 app/javascript/styles/pop/variables.scss       | 11 +++++++++--
 app/javascript/styles/werefox/variables.scss   | 11 +++++++++--
 3 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/app/javascript/styles/pop-light/variables.scss b/app/javascript/styles/pop-light/variables.scss
index fea1087ba..14b8feb9d 100644
--- a/app/javascript/styles/pop-light/variables.scss
+++ b/app/javascript/styles/pop-light/variables.scss
@@ -1,6 +1,12 @@
 // Commonly used web colors
 $black: #3b3633;            // Black
 $white: #fafafa;            // White
+$red-600: #a3360a;        // Cerise
+$red-500: #a3360a;        // Cerise
+$blurple-600: #40b6c5;
+$blurple-500: #48b9c7;
+$blurple-400: #48b9c7;
+$blurple-300: #48b9c7;
 
 $classic-base-color: #49423e;         // Midnight Express
 $classic-primary-color: #c9c7c5;      // Echo Blue
@@ -24,7 +30,7 @@ $darker-text-color: $classic-base-color !default;
 $dark-text-color: #0c0c0c;
 $action-button-color: #635d58;
 
-$error-red: #a3360a;        // Cerise
+$error-red: $red-500;        // Cerise
 $warning-red: #f9dfb6;      // Sunset Orange
 $gold-star: #faa41a;        // Dark Goldenrod
 
@@ -37,7 +43,7 @@ $base-overlay-background: #3b3633;
 $base-border-color: #fafafa;
 $simple-background-color: #fafafa;
 $valid-value-color: #3e935b;
-$error-value-color: #a3360a;
+$error-value-color: $warning-red;
 
 //Newly added colors
 $account-background-color: $white !default;
diff --git a/app/javascript/styles/pop/variables.scss b/app/javascript/styles/pop/variables.scss
index 3c3bb8d9e..3e963bb4b 100644
--- a/app/javascript/styles/pop/variables.scss
+++ b/app/javascript/styles/pop/variables.scss
@@ -1,8 +1,15 @@
 // Commonly used web colors
 $black: #3b3633;            // Black
 $white: #fafafa;            // White
+$red-600: #a3360a;
+$red-500: #a3360a;
+$blurple-600: #40b6c5;
+$blurple-500: #48b9c7;
+$blurple-400: #48b9c7;
+$blurple-300: #48b9c7;
+
 $success-green: #3e935b;    // Padua
-$error-red: #a3360a;        // Cerise
+$error-red: $red-500;        // Cerise
 $warning-red: #f9dfb6;      // Sunset Orange
 $gold-star: #faa41a;        // Dark Goldenrod
 
@@ -12,7 +19,7 @@ $base-border-color: #fafafa;
 $simple-background-color: #fafafa;
 $primary-text-color: #fafafa;
 $valid-value-color: #3e935b;
-$error-value-color: #a3360a;
+$error-value-color: $warning-red;
 
 // Values from the classic Mastodon UI
 $classic-base-color: #49423e;         // Midnight Express
diff --git a/app/javascript/styles/werefox/variables.scss b/app/javascript/styles/werefox/variables.scss
index 6b6851179..906953fcf 100644
--- a/app/javascript/styles/werefox/variables.scss
+++ b/app/javascript/styles/werefox/variables.scss
@@ -1,8 +1,15 @@
 // Commonly used web colors
 $black: #3b3633;            // Black
 $white: #fafafa;            // White
+$red-500: #a3360a;
+$red-600: #a3360a;
+$blurple-600: #1c70ce;
+$blurple-500: #1c70ce;
+$blurple-400: #1c70ce;
+$blurple-300: #1c70ce;
+
 $success-green: #3e935b;    // Padua
-$error-red: #a3360a;        // Cerise
+$error-red: $red-500;        // Cerise
 $warning-red: #f9dfb6;      // Sunset Orange
 $gold-star: #faa41a;        // Dark Goldenrod
 
@@ -12,7 +19,7 @@ $base-border-color: #fafafa;
 $simple-background-color: #fafafa;
 $primary-text-color: #fafafa;
 $valid-value-color: #3e935b;
-$error-value-color: #a3360a;
+$error-value-color: $warning-red;
 
 // Values from the classic Mastodon UI
 $classic-base-color: #2a2a2a;         // WS Black