Sidebar Hintergrundfarbe ändern

Shopware 5 Themes & Design
1

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;
        }
    }
}

 

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

.sidebar-main.off-canvas {
    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?

 

Viele Grüße

Matthias

 

2

Guten Morgen,

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

Viele Grüße von der Mopi