failmap/admin

View on GitHub
websecmap/map/static/css/colors.deutranopia.css

Summary

Maintainability
Test Coverage
/*
https://www.maggiemaggio.com/color/wp-content/uploads/2007/09/color-blind-versionwebsafebtlabschart.jpg

Green -> Dark Blue
Yellow -> Light Blue
Red -> Can stay red, becomes brown
Orange -> Can stay orange, becomes a light brown

*/
.marker-cluster-unknown {
    background-color: rgba(224, 221, 226, 0.6);
}

.marker-cluster-unknown div {
    background-color: rgba(186, 189, 204, 0.6);
}

.marker-cluster-white {
    background-color: rgba(221, 226, 226, 0.6);
}

.marker-cluster-white div {
    background-color: rgba(204, 202, 199, 0.6);
}


.marker-cluster-good {
    background-color: rgba(122, 214, 226, 0.6);
}

.marker-cluster-good div {
    background-color: rgba(92, 191, 204, 0.6);
}

.marker-cluster-medium {
    background-color: rgba(241, 211, 87, 0.6);
}

.marker-cluster-medium div {
    background-color: rgba(240, 132, 38, 0.6);
}

.marker-cluster-low {
    background-color: rgba(159, 192, 241, 0.6);
}

.marker-cluster-low div {
    background-color: rgba(255, 249, 30, 0.6);
}

.marker-cluster-high {
    background-color: rgba(253, 156, 115, 0.6);
}

.marker-cluster-high div {
    background-color: rgba(241, 40, 37, 0.6);
}

.good_text {
    color: #0a6aff;
}

.medium_text {
    color: #FFA500;
}

.high_text {
    color: #ff0000;
}

.report_background_high, .high_background_light {
    background-color: rgba(251, 173, 173, 0.3);
}

.report_background_medium, .medium_background_light {
    background-color: rgba(249, 209, 139, 0.3);
}

.report_background_low, .low_background_light {
    background-color: rgba(170, 191, 249, 0.3);
}

.report_url_background_good, .good_background_light {
    background-color: rgba(102, 168, 255, 0.3);
}

.report_url_background_high {
    background: linear-gradient(rgba(251, 173, 173, 0.3), rgba(255, 255, 255, 0.0));
}

.report_url_background_medium {
    background: linear-gradient(rgba(249, 209, 139, 0.3), rgba(255, 255, 255, 0.0));
}

.report_url_background_good {
    background: linear-gradient(rgba(81, 163, 255, 0.3), rgba(255, 255, 255, 0.0));
}

.awarded_points_medium {
    border: 1px solid darkorange;
    background-color: orange;
}

.awarded_points_high {
    border: 1px solid darkred;
    background-color: red;
}

.awarded_points_low, .awarded_points_perfect {
    border: 1px solid #003280;
    background-color: #84bfee;
}

.awarded_points_explained {
    border: 2px solid #8b8987;
    background-color: #fdfffb;
}

.total_awarded_points_medium  {
    border: 2px solid darkorange;
    background-color: orange;
}

.total_awarded_points_high {
    border: 2px solid darkred;
    background-color: red;
}

.total_awarded_points_good {
    border: 2px solid #003c80;
    background-color: #75aaee;
}


.lowrow {
    color: #a1dbf0;
}

.mediumrow {
    color: darkorange;
}

.highrow {
    color: #d30000;
}

.goodrow {
    color: #0055c7;
}

.grayrow, .unknownrow {
    color: darkgray;
}

.improvements_good, .improvements_neutral {
    color: #002380;
}

.improvements_high {
    color: red;
}

.improvements_good_large, .improvements_neutral_large {
    color: #002580;
}

.improvements_high_large {
    color: red;
}

.high, .bg-danger, .btn-danger {
    background-color: #f70000;
}

.medium {
    background-color: #f78900;;
}

.low {
    background-color: #a2ccf7;
}

.high_text {
    color: #f70000;
}

.medium_text {
    color: #f78900;;
}

.low_text {
    color: #93cdf7;
}

.leaflet-marker-high
{
    background-color: rgba(255,0,0,0.6);
    border: 2px solid rgba(179,0,0,0.5);
}

.leaflet-marker-medium
{
    background-color: rgba(255, 125, 0, 0.6);
    border: 2px solid rgba(162, 85, 0, 0.5);
}

.leaflet-marker-good
{
    background-color: rgba(10, 82, 255, 0.6);
    border: 2px solid rgba(0, 27, 162, 0.5);
}

.leaflet-marker-low
{
    background-color: rgba(142, 210, 255, 0.6);
    border: 2px solid rgba(97, 140, 179, 0.5);
}

.leaflet-marker-unknown
{
    background-color: rgba(220, 239, 255, 0.6);
    border: 2px solid rgba(153, 165, 179, 0.5);
}

.map_polygon_high, .bg-danger, .btn-danger
{
    fill: #bd383c;
    background-color: #bd383c;
}

.map_polygon_medium, .bg-warning
{
    fill: #fc9645;
    background-color: #fc9645;
}

.map_polygon_low
{
    fill: #8ebcfc;
    background-color: #9acbfc;
}

.map_polygon_good, .bg-success, .btn-success
{
    fill: #3f74fe;
    background-color: #3f74fe !important;  /* Some overrides from gitter... */
}

.map_polygon_unknown
{
    fill: #c1bcbb;
    background-color: #c1bcbb;
}

/* These are the colors of bootstrap. We'll switch it lateron i guess... */
.bg-primary {
    background-color: inherit;
}

.btn-info {
    background-color: inherit;
}

a, a:hover, a:visited {
    color: inherit;
}

.announcement{
    background-color: #ffefef;
}

.charts_high {
    background-color: rgba(255, 99, 132, 0.2);
    border-color: rgba(255,99,132,1);
}

.charts_medium {
    background-color: rgba(255, 102, 0, 0.2);
    border-color: rgba(255,102,0,1);
}

.charts_low {
    background-color: rgba(145, 182, 255, 0.2);
    border-color: rgb(129, 178, 255);
}

.charts_good {
    background-color: rgba(39, 95, 255, 0.2);
    border-color: rgb(10, 84, 255);
}

.charts_connectivity_internet_adresses {
    background-color: rgba(0, 0, 0, 0.2);
    border-color: rgba(0,0,0,1);
}

.charts_connectivity_services {
    background-color: rgba(0, 40, 255, 0.2);
    border-color: rgba(0,40,255,1);
}

.selected_country {
    background-color: #e8e8e8;
    border-top: 4px solid blue;
    color: black;
}

.selected_layer {
    background-color: #e8e8e8;
    border-bottom: 4px solid blue;
    color: black;
}

#lastrow {
    background-color: black;
    border-top: 10px solid #74acee;
    color: white;
}

.chat_quote_left {
    background-color: rgba(254, 114, 114, 0.1);
}

.chat_quote_right {
    background-color: #95f09533;
}