websecmap/map/static/css/colors.deutranopia.css
/*
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;
}