By default BranchTrack uses black text on a white background to achieve the best contact possible, allowing for easier reading. However, one element that isn't so friendly in term of contrast is our emotion meter where the text is written in white on a gradient going from green to yellow to red.
Adding this code to your sim CSS field will add more contrast while still retaining the color gradient. This code will work throughout the simulation.
For AA:
.emotion.happy {
background-color: #198907;
}
.emotion.normal {
background-color: #5b8101;
}
.emotion.puzzled {
background-color: #a36a05;
}
.emotion.unhappy {
background-color: #c3560a;
}
.emotion.angry {
background-color: #e42a15;
}
.emometer div.thumb {
background-image: linear-gradient(to left, #198907, #5b8101, #a36a05, #c3560a, #e42a15)
}
For AAA:
.emotion.happy {
background-color: #136705;
}
.emotion.normal {
background-color: #456101;
}
.emotion.puzzled {
background-color: #7b4f04;
}
.emotion.unhappy {
background-color: #934107;
}
.emotion.angry {
background-color: #ad2010;
}
.emometer div.thumb {
background-image: linear-gradient(to left, #136705, #456101, #7b4f04, #934107, #ad2010);
}
Comments
0 comments
Please sign in to leave a comment.