Add all application theme colors to `scss_variables.js`'s `glThemes`

Currently some components accept a theme prop (e.g. tabs, path, and broadcast message)to match the color of the component with the theme selected by the user in their 'Preferences'. Both tabs and path import glThemes (which come from variables.scss and does not have all the preference colors), while broadcast message imports colorThemes, which does have all the preference colors.

All Preference Themes

Themes in preferences (checked colors are supported by glThemes, while all are supported by colorThemes)

• indigo
• light-indigo
• blue
• light-blue
• green
• light-green
• red
• light-red
• light
• dark
• dark mode (which has a class of gl-dark)

Implementation

• frontend Similar to broadcast message, import colorThemes into tabs, validate against them, and add additional tabs colors to the tabs.scss
• frontend Similar to broadcast message, import colorThemes into path, validate against them, and add additional path colors to the paths.scss

Potential Future work

• frontend add additional colors to variables.scss