# Formularfelder (Focus) Farben ändern

**URL:** <https://forum.shopware.com/t/formularfelder-focus-farben-andern/39190>\
**Category:** Themes & Design\
**Created:** [19. August 2016 um 11:33 UTC](https://forum.shopware.com/t/formularfelder-focus-farben-andern/39190 "2016-08-19T11:33:04Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ELL](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/ell/32/15661_2.png) [@ELL](https://forum.shopware.com/u/ELL)\
**Post date:** [19. August 2016 um 11:33 UTC](https://forum.shopware.com/t/formularfelder-focus-farben-andern/39190/1 "2016-08-19T11:33:04Z")

</div>

Hallo zusammen,&nbsp;

bei der Konfiguration der Farben in meinem Shopware Child-Theme (abgeleitet von Responsive) möchte ich gerne die Formularfelder andersfarbig formatieren. Das habe ich über den Theme-Manager (Theme-konfigurieren) versucht. Anders als bei allen anderen Farben, hat die Eingabe der Farbwerte in den Feldern:&nbsp;

```
@input-focus-bg
@input-focus-border
@input-focus-color

```

keine Auswirkungen im Frontend. Alle anderen Anpassungen (Globales Formular Styling) funktionieren tadellos. Ich habe mir für mein Theme auch schon eine eigene all.less erstellt mit entsprechenden .less Formatierungen. Gibt es die Möglichkeit, diese 3 Farbkomponenten über ein .less Styling zu regulieren?

Ich möchte einfach die Hintergrundfarbe und Textfarbe während der Eingabe in das&nbsp;Formularfeld anpassen.&nbsp;

Ich freue mich über jeden Tipp&nbsp; ![Halo](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/d6f31fb007077fa834e26f5b6a29275ae615cbd1.png "Halo") ![Thumb-Up](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/7fcda44f782696668a3d093569d15e88105769e1.png "Thumb-Up")&nbsp;Danke!

---

<div class="post-metadata">

**Author:** ![ELL](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/ell/32/15661_2.png) [@ELL](https://forum.shopware.com/u/ELL)\
**Post date:** [24. August 2016 um 14:06 UTC](https://forum.shopware.com/t/formularfelder-focus-farben-andern/39190/2 "2016-08-24T14:06:51Z")

</div>

Für alle die vielleicht auch an diesem Problem hängen bleiben, meine Antwort über den Shopware Support:&nbsp;

&nbsp;

> Hallo,  
> vielen Dank für das Feedback.
> 
> Leider kann ich das von Ihnen beschriebene Verhalten auch in unseren Testumgebungen unter SW5.2.5 nachstellen. Auch bei uns wird @input-focus-bg ignoriert.
> 
> Ich habe hierfür direkt ein Bugticket erstellt. Den Status des Tickets können Sie hier einsehen: [https://issues.shopware.com/#/issues/SW-16126](https://issues.shopware.com/#/issues/SW-16126)
> 
> Aktuell ist es also nicht möglich über die Theme-Konfiguration der Hover-Backgrounf der Formulare zu ändern.
> 
> Das Bugticket wird nun von unseren Entwicklern analysiert und ggfls. einer zukünftigen Version von Shopware zugewiesen. Wann dies sein wird, können wir hier im Technischen Support absolut nicht beurteilen.
> 
> Viele Grüße aus Schöppingen  
> XXX

---

<div class="post-metadata">

**Author:** ![ELL](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/ell/32/15661_2.png) [@ELL](https://forum.shopware.com/u/ELL)\
**Post date:** [13. Oktober 2016 um 07:32 UTC](https://forum.shopware.com/t/formularfelder-focus-farben-andern/39190/3 "2016-10-13T07:32:38Z")

</div>

Da Shopware auch nach drei weiteren Updates keine Korrektur geliefert hat, möchte ich&nbsp;euch&nbsp;meinen Lösungsansatz zeigen. Wenn&nbsp;ihr eure&nbsp;Formularfeldfarbe invertiert darstellen möchtet (z. B. für ein dunkles Theme), könnt&nbsp;ihr&nbsp;über folgendes Vorgehen die&nbsp;Focus&nbsp;Eingabefarbe des Textes anpassen:

1. Bearbeite in Deinem Theme die **all.less&nbsp;** Datei&nbsp;_ **…/Themes/Frontend/DEINTHEME/Frontend/\_public/src/less/** _&nbsp;und ergänze Sie mit folgendem Inhalt:

2. Erstelle eine neue Less Datei in folgendem Pfad _ **…/Themes/Frontend/DEINTHEME/Frontend/\_public/src/less/\_modules** _ und benenne diese mit:

3. Schreibe in Deine neue Less Datei folgende Ergänzung. Tipp: den Farbcode kannst Du nach eigenen Wünschen abändern:

Anschließend das Theme über das Shopware Backend kompilieren, Seite aktualisieren – fertig.
