Styling for Razor components have been moved into corresponding .razor.scss backing files. This benefits us by letting us import other .scss files and accessing defined variables, which brings me to:
Reused colors have been given variable definitions in UI/Styles/vars.scss. These have been substituted in place of repeating color hex codes across styles. Currently, these are defined as RGB colors, however, you can use them in RGBA definitions like so:
background-color: rgba($color-variable-name .25)
where .25 is your desired alpha normalized between 0 and 1.
303
background-color: rgba($color-variable-name .25)
where .25 is your desired alpha normalized between 0 and 1.