Source: dist/css/arches_home.css, line 40 |
1.1
Colors
A common practice in CSS color variable names does not describe the color they represent but instead represents its color function. For example, the global color in the brand "ACC Blue" does not refer to the blue but refers to "acc." This future-proofs the UI from changes incase the college's branding alters to a different hue. The practice of function naming allows components and designs to flow from one domain to the next, coloring the text, backgrounds, and borders appropriately. The design colors are Primary, Secondary, Highlight, Info, with a black and white mix. There is a subset of colors reserved for action colors used in user interaction moments when an application runs validations in each design. Actions Colors are Alert, Warning, Success. The section "Design Base" within each brand area defines the previously mentioned colors.