From 7a024e436989a4158a0424601da436233a5e47cf Mon Sep 17 00:00:00 2001
From: Marco Lipparini <developer@liarco.net>
Date: Wed, 8 Jun 2022 13:24:13 +0200
Subject: [PATCH] Adding support for custom placeholder color in input fields

---
 minting-dapp/src/styles/components/general.scss | 5 +++++
 minting-dapp/tailwind.config.js                 | 1 +
 2 files changed, 6 insertions(+)

diff --git a/minting-dapp/src/styles/components/general.scss b/minting-dapp/src/styles/components/general.scss
index 288e7eb87..9f3ebdec9 100644
--- a/minting-dapp/src/styles/components/general.scss
+++ b/minting-dapp/src/styles/components/general.scss
@@ -139,6 +139,11 @@ input[type=text] {
       @apply cursor-not-allowed;
     }
   }
+
+  &::placeholder {
+    @apply text-txt_input-placeholder_txt;
+    @apply opacity-50;
+  }
 }
 
 label {
diff --git a/minting-dapp/tailwind.config.js b/minting-dapp/tailwind.config.js
index 703ab1d87..3f8d50f47 100644
--- a/minting-dapp/tailwind.config.js
+++ b/minting-dapp/tailwind.config.js
@@ -69,6 +69,7 @@ module.exports = {
           focus_txt: colors.indigo[600],
           focus_bg: colors.slate[50],
           focus_border: colors.indigo[300],
+          placeholder_txt: colors.indigo[600],
         },
         
         // Whitelist proof widget