Forum Discussion

BCH-editor's avatar
BCH-editor
Community Member
2 years ago

Rise 360: Adjust color of checkmarks

Hi, I am creating courses in Rise360 that use a custom theme color. The color is fine and things look good - except for the checkmarks in knowledge checks. (see screenshot - the faint contrast betwe...
accessibility
rise 360
PhilFoss's avatar
PhilFoss
Community Member
12 months ago

If you are going the CSS route as a solution, I would recommend tapping into Rise's design system and the built-in theme contrast vars, it makes the modification a bit more reusable. Especially good if you have a light theme color like the yellow.

.quiz-multiple-response-option--selected .quiz-multiple-response-option__indicator {
  background-color: var(--color-theme);
}

.quiz-multiple-response-option--selected .quiz-multiple-response-option__check {
  color: var(--color-theme-contrast);
}