From 752d6cb987aeaf9465a58e5aed9b31476486cd1f Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <git@pixelde.su>
Date: Mon, 14 Nov 2022 23:11:23 +0100
Subject: [PATCH] Make input placeholder themable

---
 app/javascript/styles/_variables.scss        | 1 +
 app/javascript/styles/overrides/_inputs.scss | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/javascript/styles/_variables.scss b/app/javascript/styles/_variables.scss
index afc864c4..9810883c 100644
--- a/app/javascript/styles/_variables.scss
+++ b/app/javascript/styles/_variables.scss
@@ -97,6 +97,7 @@ $spacers: (
   --body-text: 0, 0, 0;
   --muted-text: 108, 117, 125;
   --input-text: 0, 0, 0;
+  --input-placeholder: 108, 117, 125;
 
   --turbolinks-progress-color: #a58adc; // --primary lightened by 25%
 }
diff --git a/app/javascript/styles/overrides/_inputs.scss b/app/javascript/styles/overrides/_inputs.scss
index bb2c75ce..a1ef2007 100644
--- a/app/javascript/styles/overrides/_inputs.scss
+++ b/app/javascript/styles/overrides/_inputs.scss
@@ -9,10 +9,14 @@
     border-color: var(--primary);
     box-shadow: .5px 0 0 0.1rem var(--primary);
   }
+
+  &::placeholder {
+    color: RGB(var(--input-placeholder));
+  }
 }
 
 .input-group-text {
   color: RGB(var(--body-text));
   background-color: var(--raised-accent);
   border: 0;
-}
\ No newline at end of file
+}