@import '../default.less';


.color-card {
    padding: 12px;
    border: 1px solid @border-color-base;
    border-radius: 3px;
    margin: 18px 0;
}

// -------- Colors -----------
.primary-color {
    background-color: @primary-color;
}

.info-color {
    background-color: @primary-color;
}

.success-color {
    background-color: @success-color;
}

.processing-color {
    background-color: @primary-color;
}

.error-color {
    background-color: @error-color
}

.highlight-color {
    background-color: @red-5;;
}


.warning-color {
    background-color: @warning-color;
}

.normal-color {
    background-color: @normal-color
}

.white {
    background-color: @white;
}

.black {
    background-color: @black;
}

.header-color {
    background-color: @header-color;
}



// Color used by default to control hover and active backgrounds and for
// alert info backgrounds.
.primary-1 {
    background-color: @primary-1;
}
.primary-2 {
    background-color: @primary-2;
}
.primary-3 {
    background-color: @primary-3;
}
.primary-4 {
    background-color: @primary-4;
}
.primary-5 {
    background-color: @primary-5;
}
.primary-6 {
    background-color: @primary-6;
}
.primary-7 {
    background-color: @primary-7;
}

// list-tag colors
.list-tag-red {
    background-color: @list-tag-red;
}

.list-tag-orange {
    background-color: @list-tag-orange;
}

.list-tag-yellow {
    background-color: @list-tag-yellow;
}

.list-tag-green {
    background-color: @list-tag-green;
}

.list-tag-pink {
    background-color: @list-tag-pink;
}

.list-tag-purple {
    background-color: @list-tag-purple;
}

.list-tag-blue {
    background-color: @list-tag-blue;
}

.list-tag-wathet-blue {
    background-color: @list-tag-wathet-blue;
}

.list-tag-aquamarine {
    background-color: @list-tag-aquamarine;
}

.list-tag-default {
    background-color: @list-tag-default;
}

.list-tag-white {
    background-color: @list-tag-white;
}



.body-background {
    background-color: @body-background;
}

.component-background {
    background-color: @component-background;
}
.popover-background {
    background-color: @popover-background;
}
.popover-customize-border-color {
    background-color: @popover-customize-border-color;
}
.text-color {
    background-color: @text-color;
}
.text-color-secondary {
    background-color: @text-color-secondary;
}
.text-color-inverse {
    background-color: @text-color-inverse;
}
.icon-color {
    background-color: @icon-color;
}
.icon-color-hover {
    background-color: @icon-color-hover;
}
.heading-color {
    background-color: @heading-color;
}
.text-color-dark {
    background-color: @text-color-dark;
}
.text-color-secondary-dark {
    background-color: @text-color-secondary-dark;
}

.text-selection-bg {
    background-color: @text-selection-bg;
}


// The background colors for active and hover states for things like
// list items or table cells.
.item-active-bg {
    background-color: @item-active-bg;
}
.item-hover-bg {
    background-color: @item-hover-bg;
}


// LINK
.link-color {
    background-color: @link-color;
}
.link-hover-color {
    background-color: @link-hover-color;
}
.link-active-color {
    background-color: @link-active-color;
}


// Border color
.border-color-base {
    background-color: @border-color-base;
}
.border-color-split {
    background-color: @border-color-split;
}
.border-color-primary {
    background-color: @border-color-primary;
}
.border-color-inverse {
    background-color: @border-color-inverse;
}