From 1ad8f24a8d198633922bb54a5df13b73ab13fe36 Mon Sep 17 00:00:00 2001
From: Florian <florian.zechmeister@digitalservice.bund.de>
Date: Mon, 11 Dec 2023 12:36:43 +0100
Subject: [PATCH] Override angie placeholder styling

Addresses RISDEV-2353
---
 frontend/tailwind.config.js | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 0f5c85769f..fffd40e744 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,8 +1,32 @@
+const plugin = require("tailwindcss/plugin")
+
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ["./src/**/*.{html,vue,js,ts}"],
   presets: [require("@digitalservice4germany/style-dictionary/tailwind")],
-  plugins: [require("@digitalservice4germany/angie")],
+  plugins: [
+    require("@digitalservice4germany/angie"),
+    plugin(function ({ addComponents }) {
+      addComponents({
+        ".ds-input::placeholder, .ds-textarea::placeholder": {
+          fontStyle: "normal",
+        },
+        ".ds-input::-webkit-input-placeholder, .ds-textarea::-webkit-input-placeholder":
+          {
+            fontStyle: "normal",
+          },
+        ".ds-input::-moz-placeholder, .ds-textarea::-moz-placeholder": {
+          fontStyle: "normal",
+        },
+        ".ds-input:-ms-input-placeholder, .ds-textarea:-ms-input-placeholder": {
+          fontStyle: "normal",
+        },
+        ".ds-input:-moz-placeholder, .ds-textarea:-moz-placeholder": {
+          fontStyle: "normal",
+        },
+      })
+    }),
+  ],
 
   theme: {
     fontWeight: {