taiga-front/app/themes/high-contrast/variables.scss

//*************************
//** COLORS
//************************

// Colors
$black: #000;
$blackish: #212121;
$grayer: #212121;
$gray: #757575;
$gray-light: #f5f5f5;
$whitish: #f5f5f5;
$white: #fff;

// Primary colors
$primary-light: #212121;
$primary: #000;
$primary-dark: #000;

//Warning colors
$red-light: #ff0062;
$red: #ff2400;

//Card color
$card: #F0EFD1;
$card-hover: $black;
$card-dark: $black;

$green-japanese-laurel: #009688;
$green-olive: #cddc39;
$red-amaranth: #e91e63;
$purple-eggplant: #9c27b0;
$yellow-pear: #ffc107;

//*************************
//** LAYOUT
//*************************

// Default body color and background
body {
    background: $white; // fallback
    color: $grayer;
}

// Main
.master {
    background: $white;
}

// Secondary panel
.menu-secondary {
    background: $white;
}

// Tertiary panel
.menu-tertiary {
    background-color: $white;
}

// Extra bar panel
.extrabar {
   background: $white;
}


//**************************
//** TYPOGRAPHY
//**************************

// Font Sizes
%xsmall {font-size: .75rem;}
%small {font-size: .9rem;}
%medium {font-size: 1rem;}
%large {font-size: 1.2rem;}
%larger {font-size: 1.6rem;}
%xlarge {font-size: 2rem;}
%xxlarge {font-size: 3rem;}

// Font Types
%title {font-family: Arial, Helvetica, sans-serif; }
%light {font-family: Arial, Helvetica, sans-serif; font-weight: 100; }
%text {font-family:  Arial, Helvetica, sans-serif; font-weight: 400; }
%bold {font-family: Arial, Helvetica, sans-serif; font-weight:800; }
%taiga {font-family: 'taiga';}
%mono {font-family: 'courier new', 'monospace';}

// Titles
h1,
h2,
h3,
h4,
h5,
h6 {
    color: $blackish;
}

a {
    color: $grayer;
    &:hover {
        color: $primary;
    }
}

//**************************
//** SCAFFOLDING
//**************************

//Forms
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="password"],
select,
textarea {
    background: $white;
    border-color: $black;
    color: $black;
    @include placeholder {
        color:$black;
    }
    &.checksley-error {
        border: 1px solid $red;
    }
}


// Input errors
.checksley-error-list {
    background: rgba($whitish, .8);
    color: $red;
}

// Blockquote
blockquote {
    border-left: 5px solid $gray;
}

blockquote,
blockquote p {
    color: $black;
}

cite {
    color: $black;
}

// lightbox
%lightbox {
    background: rgba($white, .95);
}

// Background images
%triangled-bg {
    background: url('https://farm9.staticflickr.com/8449/7893171238_a201af22bc_k_d.jpg') no-repeat center center;
    background-size: cover;
}

%background-taiga {
    background: url('https://farm9.staticflickr.com/8449/7893171238_a201af22bc_k_d.jpg') no-repeat center center;
    background-size: cover;
}

.summary {
    background: $grayer;
    color: $white;
}


//************************
//** NAVIGATION
//***********************

// Top navigation bar
.navbar {
    background: $black;
    &:after {
        background: url('../images/menu-vert.png') repeat top left;
    }
}

$top-icon-color: $white;
$dropdown-color: rgba(darken($primary-dark, 20%), 1);

//In project left navigation bar
tg-project-menu {
    background-color: rgba(darken($primary-dark, 15%), 1);
    background-image: none;
}

.main-nav {
    svg path {
        fill: $white;
    }
}

//*****************************
//** TASKBOARD
//******************************

//Taskboard table
.taskboard-table-header {
    .task-colum-name {
        background: lighten($white, 20%);
        border-top: 3px solid $black;
        .icon {
            color: $black;
        }
    }
}
.taskboard-table-body {
    .taskboard-tasks-box {
        background: $white;
        border: 1px solid $black;
    }
}

//*****************************
//** KANBAN
//******************************

//Kanban table
.kanban-table-header {
    .task-colum-name {
        background: lighten($white, 20%);
        border-top: 3px solid $black;
        .icon {
            color: $black;
        }
    }
}

.kanban-table-body {
    .kanban-uses-box {
        background: $whitish;
    }
}