refactor: include SELECTED_ANVIL colour in the theme

striker-ui/components/Anvils/SelectedAnvil.tsx

@@ -3,7 +3,12 @@ import { Switch, Box } from '@material-ui/core';
 import { ClassNameMap } from '@material-ui/styles';
 import { makeStyles } from '@material-ui/core/styles';
 import { HeaderText } from '../Text';
-import { BLUE, PURPLE_OFF, RED_ON } from '../../lib/consts/DEFAULT_THEME';
+import {
+  BLUE,
+  PURPLE_OFF,
+  RED_ON,
+  SELECTED_ANVIL,
+} from '../../lib/consts/DEFAULT_THEME';
 import anvilState from '../../lib/consts/ANVILS';
 import { AnvilContext } from '../AnvilContext';
 
@@ -11,7 +16,7 @@ const useStyles = makeStyles(() => ({
   root: {
     width: '100%',
     '&:hover $child': {
-      backgroundColor: '#00ff00',
+      backgroundColor: SELECTED_ANVIL,
     },
   },
   anvilName: {

striker-ui/lib/consts/DEFAULT_THEME.ts

@@ -11,3 +11,4 @@ export const GREY = '#E5E5E5';
 export const HOVER = '#444';
 export const UNSELECTED = '#666';
 export const DIVIDER = '#888';
+export const SELECTED_ANVIL = '#00ff00';