Cambio de color en SCSS

[macaluan]

Tengo este SCSS para un header compuesto por un logo y un menu. Lo tengo en blanco para una pagina pero me interesaría que para el resto de paginas de la web sea en negro, como se puede hacer?

Gracias

Código CSS:

#header {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 999;
    background: transparent;
    padding: 15px 0;
    width: 100%;
    @media screen and (max-width :$screen-sm) {
        background: $brand-white;
        top: 0;
    }
    #logo {
        float: left;
        line-height: 1.2;
        position: relative;
        @media screen and (max-width :$screen-sm) {
            top: -2px;
        }
        a {
            font-family: $font-primary;
            font-size: 30px;
            color: $brand-white;
            @media screen and (max-width :$screen-sm) {
                color: $brand-black;
            }
            span {
                color: $brand-primary;
            }
        }
    }
    #main-nav {
        float: right;
        @media screen and (max-width :$screen-sm) {
            display: none;
        }
        ul {
            padding: 0;
            margin: 4px 0 0 0;
            li {
                padding: 0;
                margin: 0;
                display: inline;
                a {
                    font-family: $font-primary;
                    color: rgba(255,255,255,.8);
                    text-decoration: none;
                    margin-left: 30px;
                    border-bottom: 2px solid transparent;
                    &:hover {
                        text-decoration: none;
                        color: $brand-primary;
                    }
 
                }
                &.active {
                    a {
                        color: $brand-white;
                        border-bottom: 2px solid $brand-primary;
                    }
                }
            }
        }
    }