Open MCT Style Guide
Colors
Overview
In mission operations, color is used to convey meaning. Alerts, warnings and status conditions are by convention communicated with colors in the green, yellow and red families. Colors must also be reserved for use in plots. As a result, Open MCT uses color selectively and sparingly. Follow these guidelines:
- Don't use red, orange, yellow or green colors in any element that isn't conveying some kind of status information.
- Each theme has a key color (typically blue-ish) that should be used to emphasize interactive elements and important UI controls.
- Within each theme values are used to push elements back or bring them forward, lowering or raising them in visual importance.
In this theme, Espresso, lighter colors are placed on a dark background. The lighter a color is, the more it comes toward the observer and is raised in importance.
In this theme, Snow, darker colors are placed on a light background. The darker a color is, the more it comes toward the observer and is raised in importance.
- For consistency, use a theme's pre-defined status colors.
{{ colorSet.category }}
{{ colorSet.description }}
Name | {{color.name}} |
SASS | {{color.constant}} |
Value |
{{color.valEspresso}}
{{color.valSnow}}
|