metro4/source/schemes/red-alert.less

The front-end framework for Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style

@import (once) "../include/vars";
@import (once) "builder/builder";

@schemeBackground: #ffffff;
@schemeBackgroundSecondary: #F8F8F8;
@schemeTextColor: #000000;
@schemeTextColorSecondary: #3a3a3a;
@schemeControlColor: #AF0015;
@schemeControlTextColor: #ffffff;
@schemeFontFamily: @fontName;
@schemeFontSize: @fontSize;

.scheme-builder(
    @schemeBackground,
    @schemeBackgroundSecondary,
    @schemeTextColor,
    @schemeTextColorSecondary,
    @schemeControlColor,
    @schemeControlTextColor,
    @schemeFontFamily,
    @schemeFontSize
);

.navview {
    .navview-pane {
        .navview-menu {
            li {
                &.active {
                    &::before {
                        background-color: @white;
                    }
                }
            }
        }
    }
}