web-common-design/Common.Design/wwwroot/css/Colors.css

This package provides basic style sheet files, which may be useful for all projects and may help to publish a consistent design.

.color-black {
    color: rgb(0, 0, 0);
}

.color-white {
    color: rgb(255, 255, 255);
}

.color-flatgold {
    color: rgb(227, 194, 76);
}

.color-warmgrey1 {
    color: rgb(133, 133, 116);
}

.color-warmgrey2 {
    color: rgb(174, 174, 159);
}

.color-warmgrey3 {
    color: rgb(212, 212, 201);
}

.color-warmgrey4 {
    color: rgb(242, 241, 239);
}

.color-royalblue {
    color: rgb(0, 96, 255);
}

.color-blue {
    color: rgb(0, 182, 255);
}

.color-teal {
    color: rgb(0, 229, 186);
}

.color-lime {
    color: rgb(158, 233, 0);
}

.color-green {
    color: rgb(0, 182, 0);
}

.color-purple {
    color: rgb(128, 42, 183);
}

.color-violet {
    color: rgb(199, 0, 211);
}

.color-pink {
    color: rgb(235, 0, 100);
}

.color-orange {
    color: rgb(255, 80, 0);
}

.color-yellow {
    color: rgb(254, 219, 0);
}

.color-significantred1 {
    color: rgb(255, 0, 0);
}

.color-significantred2 {
    color: rgb(237, 102, 102);
}

.color-significantgreen1 {
    color: rgb(0, 210, 0);
}

.color-significantgreen2 {
    color: rgb(102, 228, 102);
}

.bg-black {
    background-color: rgb(0, 0, 0);
}

.bg-white {
    background-color: rgb(255, 255, 255);
}

.bg-flatgold {
    background-color: rgb(227, 194, 76);
}

.bg-warmgrey1 {
    background-color: rgb(133, 133, 116);
}

.bg-warmgrey2 {
    background-color: rgb(174, 174, 159);
}

.bg-warmgrey3 {
    background-color: rgb(212, 212, 201);
}

.bg-warmgrey4 {
    background-color: rgb(242, 241, 239);
}

.bg-royalblue {
    background-color: rgb(0, 96, 255);
}

.bg-blue {
    background-color: rgb(0, 182, 255);
}

.bg-teal {
    background-color: rgb(0, 229, 186);
}

.bg-lime {
    background-color: rgb(158, 233, 0);
}

.bg-green {
    background-color: rgb(0, 182, 0);
}

.bg-purple {
    background-color: rgb(128, 42, 183);
}

.bg-violet {
    background-color: rgb(199, 0, 211);
}

.bg-pink {
    background-color: rgb(235, 0, 100);
}

.bg-orange {
    background-color: rgb(255, 80, 0);
}

.bg-yellow {
    background-color: rgb(254, 219, 0);
}

.bg-significantred1 {
    background-color: rgb(255, 0, 0);
}

.bg-significantred2 {
    background-color: rgb(237, 102, 102);
}

.bg-significantgreen1 {
    background-color: rgb(0, 210, 0);
}

.bg-significantgreen2 {
    background-color: rgb(102, 228, 102);
}

.border-black {
    border-color: rgb(0, 0, 0);
}

.border-white {
    border-color: rgb(255, 255, 255);
}

.border-flatgold {
    border-color: rgb(227, 194, 76);
}

.border-warmgrey1 {
    border-color: rgb(133, 133, 116);
}

.border-warmgrey2 {
    border-color: rgb(174, 174, 159);
}

.border-warmgrey3 {
    border-color: rgb(212, 212, 201);
}

.border-warmgrey4 {
    border-color: rgb(242, 241, 239);
}

.border-royalblue {
    border-color: rgb(0, 96, 255);
}

.border-blue {
    border-color: rgb(0, 182, 255);
}

.border-teal {
    border-color: rgb(0, 229, 186);
}

.border-lime {
    border-color: rgb(158, 233, 0);
}

.border-green {
    border-color: rgb(0, 182, 0);
}

.border-purple {
    border-color: rgb(128, 42, 183);
}

.border-violet {
    border-color: rgb(199, 0, 211);
}

.border-pink {
    border-color: rgb(235, 0, 100);
}

.border-orange {
    border-color: rgb(255, 80, 0);
}

.border-yellow {
    border-color: rgb(254, 219, 0);
}

.border-significantred1 {
    border-color: rgb(255, 0, 0);
}

.border-significantred2 {
    border-color: rgb(237, 102, 102);
}

.border-significantgreen1 {
    border-color: rgb(0, 210, 0);
}

.border-significantgreen2 {
    border-color: rgb(102, 228, 102);
}