# Sidebar Hintergrundfarbe ändern

**URL:** <https://forum.shopware.com/t/sidebar-hintergrundfarbe-andern/41464>\
**Category:** Themes & Design\
**Created:** [18. November 2016 um 03:42 UTC](https://forum.shopware.com/t/sidebar-hintergrundfarbe-andern/41464 "2016-11-18T03:42:59Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![malzfons](https://avatars.discourse-cdn.com/v4/letter/m/58956e/32.png) [@malzfons](https://forum.shopware.com/u/malzfons)\
**Post date:** [18. November 2016 um 03:42 UTC](https://forum.shopware.com/t/sidebar-hintergrundfarbe-andern/41464/1 "2016-11-18T03:42:59Z")

</div>

Hallöchen und wunderschönen guten Morgen,

ich habe mir gerade meine sidebar.less angesehen. Ich möchte gerne die Hintergrundfarbe bei der seitlichen Navi und der Navi im off canvas auf meine gewünschte Farbe ändern.

Der Auszug aus dem Code:

```
body > .sidebar-main {
	.clearfix();
    .unitize(padding-bottom, 20);
    border-right: @border-color;
}

.sidebar-main.off-canvas {
    background: @gray;
}

.mobile--switches {
    .unitize-padding(6, 10);
    .unitize-height(43);
    .clearfix();
    display: block;

    .navigation--entry {
        .unitize(margin-right, 20);
        float: left;
    }

    .field--select,
    .navigation--entry,
    .js--fancy-select,
    .js--fancy-select-text,
    .js--fancy-select-trigger {
        .unitize-height(30, 16);
    }

    // Normalize fancy select appearance
    .field--select {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .js--fancy-select {
        .reset-border-radius();
        background: none;
        border: 0 none;
        width: auto;

        select { border: 0 none; }
    }

    .js--fancy-select-text {
        .unitize-padding(0, 18, 0, 0);
        .unitize(line-height, 30);
        .unitize(font-size, 16);
        border: 0 none;
    }

    .js--fancy-select-trigger {
        .unitize(line-height, 32);
        width: auto;
        border: 0 none;
    }

    // Language switcher
    .top-bar--language {
        .js--fancy-select-text {
            .unitize-width(32, 16);
            text-indent: -9999px;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
        }

        .language--flag {
            .unitize(-6, 16, margin-top);
            position: absolute;
            z-index: @zindex-sidebar-language-flag;
            top: 50%;
            left: 0;
        }
    }
}

```

&nbsp;

Ich würde nun vermuten dass ich das hier machen kann:

.sidebar-main.off-canvas {  
&nbsp; &nbsp; background: @gray;  
}

Weiss jemand von euch ob ich das @gray auch gegen einen #f4j5j6j Farbcode austauschen kann?

Kann mir jemand auch sagen, welche Stelle hier im Code für die Rahmenfarbe um die Sidebar Navi für Desktop u Tablet ist?

&nbsp;

Viele Grüße

Matthias

&nbsp;

---

<div class="post-metadata">

**Author:** ![Mopi71](https://avatars.discourse-cdn.com/v4/letter/m/e480ec/32.png) [@Mopi71](https://forum.shopware.com/u/Mopi71)\
**Post date:** [18. November 2016 um 08:26 UTC](https://forum.shopware.com/t/sidebar-hintergrundfarbe-andern/41464/2 "2016-11-18T08:26:10Z")

</div>

Guten Morgen,

deine gesamten Farbdefinitionen kannst du über dein themes/frontend/DEINTHEME/Theme.php ändern/festlegen.&nbsp;

Viele Grüße von der Mopi