# Farbe der Buttons

**URL:** <https://forum.shopware.com/t/farbe-der-buttons/56864>\
**Category:** Themes & Design\
**Created:** [4. Dezember 2018 um 13:35 UTC](https://forum.shopware.com/t/farbe-der-buttons/56864 "2018-12-04T13:35:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![SK\_Sport](https://avatars.discourse-cdn.com/v4/letter/s/5daacb/32.png) [@SK\_Sport](https://forum.shopware.com/u/SK_Sport)\
**Post date:** [4. Dezember 2018 um 13:35 UTC](https://forum.shopware.com/t/farbe-der-buttons/56864/1 "2018-12-04T13:35:13Z")

</div>

Hallo Zusammen und sorry, wenn ich Euch mit Unwissenheit langweile ;-). Ich hoffe, die Kategorie ist richtig.&nbsp;

Könnte mir bitte jemand erklären, auf welchem Wege ich diese Buttons hier farblich verändern kann?

Schrift und Hintergrund meine ich. Vielen Dank für jede Hilfe. Gruß Gordon

![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/f/fffcb2bc2f25e104f67f3f424c7ba09ce1f45d30.png)

---

<div class="post-metadata">

**Author:** ![Stephan\_Pohl](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/stephan_pohl/32/10212_2.png) [@Stephan\_Pohl](https://forum.shopware.com/u/Stephan_Pohl)\
**Post date:** [4. Dezember 2018 um 13:59 UTC](https://forum.shopware.com/t/farbe-der-buttons/56864/2 "2018-12-04T13:59:01Z")

</div>

Hey @SK\_Sport‍,

im Theme-Manager kannst du es direkt konfigurieren.&nbsp;Hier mal der notwendige “Klick-Weg”:  
Backend \> Theme Manager \> Theme auswählen \> Unten rechts auf “Theme konfigurieren” \> “Farb-Konfiguration”-Tab \> “Tabellen & Badges”-Tag

Alternativ kannst du auch die LESS-Variablen direkt überschreiben:

```
// Discount Badge
.badge--discount {
    color: @badge-discount-color;
    background: @badge-discount-bg;
}

// Recommendation Badge
.badge--recommend {
    color: @badge-recommendation-color;
    background: @badge-recommendation-bg;
}

// Newcomer Badge
.badge--newcomer {
    color: @badge-newcomer-color;
    background: @badge-newcomer-bg;
}

// ESD Badge
.badge--esd {
    background: @badge-download-bg;
    color: @badge-download-color;
}

```

Hier findest du jetzt verschiedene Werte.  
Für dich relevant:  
**TIPP!:&nbsp;** _@badge-recommendation-color&nbsp;und&nbsp;@badge-recommendation-bg_  
**%:&nbsp;** _@badge-discount-color_ und&nbsp;_@badge-discount-bg_  
**NEU:&nbsp;** _@badge-newcomer-color_ und&nbsp;_@badge-newcomer-bg_

Viele Grüße,  
Stephan Pohl&nbsp; ![Shopware](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/86c57fbace799dd4eb1f1b8a2d3bdc1733f0aea1.png "Shopware")

---

<div class="post-metadata">

**Author:** ![SK\_Sport](https://avatars.discourse-cdn.com/v4/letter/s/5daacb/32.png) [@SK\_Sport](https://forum.shopware.com/u/SK_Sport)\
**Post date:** [4. Dezember 2018 um 14:03 UTC](https://forum.shopware.com/t/farbe-der-buttons/56864/3 "2018-12-04T14:03:41Z")

</div>

Cool Danke, das probiere ich mal…

Ihr seid echt unglaublich! Danke schön.

Ich muss zu meiner Entlastung gestehen, ich bin mindestens zu 60% Salesman, aber stationär 😉

Schönen Nachmittag.

Gruß Gordon