# CSS für Standard Backend-Theme / Administration anpassen

**URL:** <https://forum.shopware.com/t/css-fuer-standard-backend-theme-administration-anpassen/92550>\
**Category:** Administration\
**Created:** [24. Januar 2022 um 15:05 UTC](https://forum.shopware.com/t/css-fuer-standard-backend-theme-administration-anpassen/92550 "2022-01-24T15:05:10Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![HMH\_MM](https://avatars.discourse-cdn.com/v4/letter/h/bcef8e/32.png) [@HMH\_MM](https://forum.shopware.com/u/HMH_MM)\
**Post date:** [24. Januar 2022 um 15:05 UTC](https://forum.shopware.com/t/css-fuer-standard-backend-theme-administration-anpassen/92550/1 "2022-01-24T15:05:10Z")

</div>

Hallo,  
es sollen nur einige Felder und Darstellungen etwas modifiziert werden. Wo kann ich denn da mit dem CSS einhaken?

Ich habe bereits ein eigenes Theme fürs Frontend / Storefront. Brauch ich für Backendanpassungen ein eigenes Plugin oder kriege ich das in meinem Theme unter?

---

<div class="post-metadata">

**Author:** ![s0m1](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@s0m1](https://forum.shopware.com/u/s0m1)\
**Post date:** [20. Oktober 2022 um 09:33 UTC](https://forum.shopware.com/t/css-fuer-standard-backend-theme-administration-anpassen/92550/2 "2022-10-20T09:33:50Z")

</div>

Dokumentiert ist das leider nur für eigene Komponenten:

> **[Add custom styles](https://developer.shopware.com/docs/guides/plugins/plugins/administration/add-custom-styles)**

Konntest du das bereits lösen? Wie?

---

<div class="post-metadata">

**Author:** ![s0m1](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@s0m1](https://forum.shopware.com/u/s0m1)\
**Post date:** [20. Oktober 2022 um 18:18 UTC](https://forum.shopware.com/t/css-fuer-standard-backend-theme-administration-anpassen/92550/3 "2022-10-20T18:18:27Z")

</div>

Einen Weg habe ich entdeckt:

Per Theme  
in `<theme>`/src/administration/index.html.twig  
lässt sich der `<head>` um ein `<style>`-Element erweitern  
und können darin eigene CSS definiert werden, z.B.

```auto
{% sw_extends '@Administration/administration/index.html.twig' %}

{% block administration_favicons %}
	{{ parent() }}
	<style>
		.sw-order-customer-comment > .sw-card__header {
			background-color: #fefe00 !important;
		}
	</style>
{% endblock %}

```

Damit erfahren Kundenkommentare endlich ein erkennbares Highlight wie es in Shopware 5 (wie vieles andere auch …) bereits vorhanden war.

---

<div class="post-metadata">

**Author:** ![xp24](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/xp24/32/17219_2.png) [@xp24](https://forum.shopware.com/u/xp24)\
**Post date:** [21. Oktober 2022 um 09:33 UTC](https://forum.shopware.com/t/css-fuer-standard-backend-theme-administration-anpassen/92550/4 "2022-10-21T09:33:06Z")

</div>

Moin, kannst du mir mal kurz aufzeigen wie du hier extendest?  
Danke!

---

<div class="post-metadata">

**Author:** ![s0m1](https://avatars.discourse-cdn.com/v4/letter/s/e36b37/32.png) [@s0m1](https://forum.shopware.com/u/s0m1)\
**Post date:** [21. Oktober 2022 um 10:58 UTC](https://forum.shopware.com/t/css-fuer-standard-backend-theme-administration-anpassen/92550/5 "2022-10-21T10:58:37Z")

</div>

Danke für den Hinweis, habe die Erweiterung ergänzt; s.o.

---

<div class="post-metadata">

**Author:** ![vbrg](https://avatars.discourse-cdn.com/v4/letter/v/ba9def/32.png) [@vbrg](https://forum.shopware.com/u/vbrg)\
**Post date:** [29. April 2024 um 07:45 UTC](https://forum.shopware.com/t/css-fuer-standard-backend-theme-administration-anpassen/92550/6 "2024-04-29T07:45:23Z")

</div>

Gibt es mittlerweile neue, saubere Wege?

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [29. April 2024 um 08:07 UTC](https://forum.shopware.com/t/css-fuer-standard-backend-theme-administration-anpassen/92550/7 "2024-04-29T08:07:18Z")

</div>

Der korrekte Weg ist ein Plugin zu erstellen und das CSS für die Administration anzupassen. Wie im verlinkten Developer Dokumentation Beitrag beschrieben.

---

<div class="post-metadata">

**Author:** ![system](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/2/9/29c7587ba660f00e4995d1743162782e5d6d8653.svg) [@system](https://forum.shopware.com/u/system)\
**Post date:** [29. Mai 2024 um 08:08 UTC](https://forum.shopware.com/t/css-fuer-standard-backend-theme-administration-anpassen/92550/8 "2024-05-29T08:08:12Z")

</div>

Dieses Thema wurde automatisch 30 Tage nach der letzten Antwort geschlossen. Es sind keine neuen Antworten mehr erlaubt.