Commit d5d56242 authored by Mathieu Giraud's avatar Mathieu Giraud

css: bikeshedding V, D, J main and highlight colors

The current colors were selected in d97cfefa in May 2014 and never changed.

This highly debatable commit sets new colors and new rendering for V/D/J segments,
with homogenous colors with the V/D/J segments highlighted when querying IMGT-VQUEST.
The goal is both to improve the contrast between the segments
and to be not too intrusive for the eye.
parent d0fc02da
......@@ -555,13 +555,19 @@ line {
word-spacing: normal;
}
.V {
color: #ffb300;
text-transform: lowercase;
color: #000;
background-color: #efe;
}
.D {
color: #c7007d;
text-transform: lowercase;
color: #000;
background-color: #fee;
}
.J {
color: #009b95;
text-transform: lowercase;
color: #000;
background-color: #ffffe2;
}
.highlight_border,
.highlight_seq {
......
......@@ -555,13 +555,19 @@ line {
word-spacing: normal;
}
.V {
color: #ffb300;
text-transform: lowercase;
color: #000;
background-color: #efe;
}
.D {
color: #c7007d;
text-transform: lowercase;
color: #000;
background-color: #fee;
}
.J {
color: #009b95;
text-transform: lowercase;
color: #000;
background-color: #ffffe2;
}
.highlight_border,
.highlight_seq {
......
......@@ -686,13 +686,19 @@ line {
}
.V {
color: #ffb300;
text-transform: lowercase;
color: #000;
background-color: #efe;
}
.D {
color: #c7007d;
text-transform: lowercase;
color: #000;
background-color: #fee;
}
.J {
color: #009b95;
text-transform: lowercase;
color: #000;
background-color: #ffffe2;
}
.highlight_border, .highlight_seq {
......
......@@ -243,11 +243,11 @@ function imgtPostForSegmenter(data, system) {
$(input).on("click", function() {
if(this.checked) {
segment.highlight[1].field = "3'V-REGION";
segment.highlight[1].color = "blue";
segment.highlight[1].color = "#4b4";
segment.highlight[2].field = "D-REGION";
segment.highlight[2].color = "green";
segment.highlight[2].color = "#b44";
segment.highlight[3].field = "5'J-REGION";
segment.highlight[3].color = "gray";
segment.highlight[3].color = "#aa2";
} else {
segment.highlight[1].field = "";
segment.highlight[2].field = "";
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment