# Backend Menü/Header: Farbe und Logo ändern

**URL:** <https://forum.shopware.com/t/backend-menu-header-farbe-und-logo-andern/42915>\
**Category:** Themes & Design\
**Created:** [18. Januar 2017 um 21:41 UTC](https://forum.shopware.com/t/backend-menu-header-farbe-und-logo-andern/42915 "2017-01-18T21:41:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![frimipiso](https://avatars.discourse-cdn.com/v4/letter/f/a587f6/32.png) [@frimipiso](https://forum.shopware.com/u/frimipiso)\
**Post date:** [18. Januar 2017 um 21:41 UTC](https://forum.shopware.com/t/backend-menu-header-farbe-und-logo-andern/42915/1 "2017-01-18T21:41:22Z")

</div>

Hallo,

mein Auftraggeber betreibt 3 Shopware Shops parallel (keine Multishoplösung gewünscht). Um die Backends der&nbsp;  
einzelnen Shops auf den ersten Blick voneinander unterscheiden zu können, möchte ich die Hintergrundfarbe des  
Hauptmenüs/Header ober ändern und auch das Shopware Logo oder die “5” rechts oben durch das Shop Logo ersetzten.

Das Logo (und wahrscheinlich auch die Hintergrundfarbe) des Hauptmenüs/Header findet man unter:

“themes\Backend\ExtJs\backend\_resources\resources\css\ext-all.css” als “…/…/resources/themes/images/shopware-ui/sw4\_logo-shine.png”

wie ich mit der phpstorm Suche gefunden habe.

Aber es scheint mir keine gute Idee zu sein, diese Datei zu bearbeiten, oder die Logo Datei einfach zu ersetzen, da dies  
mit dem nächsten Update wahrscheinlich weg ist.

Wie kann ich das Backend Theme ändern oder ein neues Backend Theme anlegen?

Wie kann man die Hintergrundfarbe des Backend Hauptmenüs und das Logo ändern?

Danke und ne schöne Jrus,

Jens

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [18. Januar 2017 um 21:48 UTC](https://forum.shopware.com/t/backend-menu-header-farbe-und-logo-andern/42915/2 "2017-01-18T21:48:08Z")

</div>

> [@frimipiso schrieb:](https://forum.shopware.com/profile/22309/frimipiso "frimipiso")
> 
> Hallo,
> 
> mein Auftraggeber betreibt 3 Shopware Shops parallel (keine Multishoplösung gewünscht). Um die Backends der&nbsp;  
> einzelnen Shops auf den ersten Blick voneinander unterscheiden zu können, möchte ich die Hintergrundfarbe des  
> Hauptmenüs/Header ober ändern und auch das Shopware Logo oder die „5“ rechts oben durch das Shop Logo ersetzten.
> 
> Das Logo (und wahrscheinlich auch die Hintergrundfarbe) des Hauptmenüs/Header findet man unter:
> 
> „themes\Backend\ExtJs\backend\_resources\resources\css\ext-all.css“ als „…/…/resources/themes/images/shopware-ui/sw4\_logo-shine.png“
> 
> wie ich mit der phpstorm Suche gefunden habe.
> 
> Aber es scheint mir keine gute Idee zu sein, diese Datei zu bearbeiten, oder die Logo Datei einfach zu ersetzen, da dies  
> mit dem nächsten Update wahrscheinlich weg ist.
> 
> Wie kann ich das Backend Theme ändern oder ein neues Backend Theme anlegen?
> 
> Wie kann man die Hintergrundfarbe des Backend Hauptmenüs und das Logo ändern?
> 
> Danke und ne schöne Jrus,
> 
> Jens
> 
> &nbsp;
> 
> &nbsp;

Hallo,

du könntest dir dazu einfach ein Backend - Plugin schreiben, das einen gewünschten Backend - Shopware - Block um weitere CSS-Kommandos oder eine eigene CSS-Datei updatesicher erweitert.

Es in die Basisdateien zu schreiben wäre der schlechteste Weg, den man wählen könnte.

Beste Grüße

Sebastian

---

<div class="post-metadata">

**Author:** ![frimipiso](https://avatars.discourse-cdn.com/v4/letter/f/a587f6/32.png) [@frimipiso](https://forum.shopware.com/u/frimipiso)\
**Post date:** [18. Januar 2017 um 22:24 UTC](https://forum.shopware.com/t/backend-menu-header-farbe-und-logo-andern/42915/3 "2017-01-18T22:24:38Z")

</div>

Hallo Sebastian,

vielen Dank für die Antwort.

Hast Du einen Tipp, welchen Block man erweitern muss? Die Datei

„themes\Backend\ExtJs\backend\index\view\menu.js“

scheint das Menü aufzubauen, aber mir ist nicht klar wo ich das css einfügen kann. Die relevante css Datei ist

„themes\Backend\ExtJs\backend\_resources\resources\themes\stylesheets\shopware-ui\widgets\_toolbar.scss“

aber ich weiss nicht, wo und wie ich die Definitionen dieser Datei überschreiben kann. Im Frontend ist das ja ganz einfach.

Danke und viele Grüsse,

Jens

&nbsp;

---

<div class="post-metadata">

**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\
**Post date:** [19. Januar 2017 um 07:08 UTC](https://forum.shopware.com/t/backend-menu-header-farbe-und-logo-andern/42915/4 "2017-01-19T07:08:36Z")

</div>

> [@frimipiso schrieb:](https://forum.shopware.com/profile/22309/frimipiso "frimipiso")
> 
> Hallo Sebastian,
> 
> vielen Dank für die Antwort.
> 
> Hast Du einen Tipp, welchen Block man erweitern muss? Die Datei
> 
> „themes\Backend\ExtJs\backend\index\view\menu.js“
> 
> scheint das Menü aufzubauen, aber mir ist nicht klar wo ich das css einfügen kann. Die relevante css Datei ist
> 
> „themes\Backend\ExtJs\backend\_resources\resources\themes\stylesheets\shopware-ui\widgets\_toolbar.scss“
> 
> aber ich weiss nicht, wo und wie ich die Definitionen dieser Datei überschreiben kann. Im Frontend ist das ja ganz einfach.
> 
> Danke und viele Grüsse,
> 
> Jens
> 
> &nbsp;

Hallo,

die Forumssuche oder Google hätten sehr schnell das benötigte Ergebnis gebracht:

[https://forum.shopware.com/discussion/41569/ueber-ein-backendplugin-eigene-css-und-js-dateien-einbinden](https://forum.shopware.com/discussion/41569/ueber-ein-backendplugin-eigene-css-und-js-dateien-einbinden)

[https://forum.shopware.com/discussion/34222/header-tpl-fuer-das-backend-um-eigene-css-js-erweitern](https://forum.shopware.com/discussion/34222/header-tpl-fuer-das-backend-um-eigene-css-js-erweitern)

Beste Grüße

Sebastian
