colours configured in theme.js

Author: jpg619

src/components/variant-select.js

@@ -9,8 +9,8 @@ const VariantItem = ({title, shortName, url, active}) => (
   <ActionList.Item
     sx={{
       ':hover:not([aria-disabled])': {
-        backgroundColor: '#666D75',
-        color: '#FFFFFF',
+        backgroundColor: 'dropDown.backgroundColor',
+        color: 'dropDown.color',
       },
     }}
     as={LinkNoUnderline}

src/theme.js

@@ -7,6 +7,10 @@ export const NPM_RED = '#cb0000'
 export const npmTheme = deepmerge(theme, {
   colors: {
     logoBg: NPM_RED,
+    dropDown: {
+      backgroundColor: '#666D75',
+      color: '#FFFFFF',
+    },
   },
   colorSchemes: {
     light: {