style: change dividers' and borders' colour to match design

striker-ui/components/Anvils/AnvilList.tsx

@@ -7,7 +7,7 @@ import {
   PURPLE_OFF,
   RED_ON,
   HOVER,
-  GREY,
+  DIVIDER,
 } from '../../lib/consts/DEFAULT_THEME';
 import Anvil from './Anvil';
 import { AnvilContext } from '../AnvilContext';
@@ -20,7 +20,7 @@ const useStyles = makeStyles(() => ({
     height: '30vh',
   },
   divider: {
-    background: GREY,
+    background: DIVIDER,
   },
   button: {
     '&:hover': {

striker-ui/components/InnerPanel.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Box } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
-import { TEXT } from '../lib/consts/DEFAULT_THEME';
+import { DIVIDER } from '../lib/consts/DEFAULT_THEME';
 
 type Props = {
   children: ReactNode;
@@ -12,7 +12,7 @@ const useStyles = makeStyles(() => ({
     borderWidth: '1px',
     borderRadius: '3px',
     borderStyle: 'solid',
-    borderColor: TEXT,
+    borderColor: DIVIDER,
     marginTop: '20px',
     marginBottom: '20px',
     paddingBottom: '10px',

striker-ui/components/Panel.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
-import { PANEL_BACKGROUND, TEXT } from '../lib/consts/DEFAULT_THEME';
+import { PANEL_BACKGROUND, TEXT, DIVIDER } from '../lib/consts/DEFAULT_THEME';
 
 type Props = {
   children: ReactNode;
@@ -28,7 +28,7 @@ const useStyles = makeStyles(() => ({
     borderWidth: '1px',
     borderRadius: '3px',
     borderStyle: 'solid',
-    borderColor: TEXT,
+    borderColor: DIVIDER,
   },
   paper: {
     margin: 10,

striker-ui/components/PanelHeader.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Box } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
-import { TEXT } from '../lib/consts/DEFAULT_THEME';
+import { DIVIDER } from '../lib/consts/DEFAULT_THEME';
 
 type Props = {
   children: ReactNode;
@@ -17,7 +17,7 @@ const useStyles = makeStyles(() => ({
       padding: '10px 0',
       position: 'absolute',
       content: '""',
-      borderColor: TEXT,
+      borderColor: DIVIDER,
       borderWidth: '1px',
       borderRadius: '3px',
       borderStyle: 'solid',

striker-ui/components/Servers.tsx

@@ -5,7 +5,7 @@ import { ClassNameMap } from '@material-ui/styles';
 import Panel from './Panel';
 import PeriodicFetch from '../lib/fetchers/periodicFetch';
 import { HeaderText, BodyText } from './Text';
-import { BLUE, GREY, HOVER } from '../lib/consts/DEFAULT_THEME';
+import { BLUE, GREY, HOVER, DIVIDER } from '../lib/consts/DEFAULT_THEME';
 import { AnvilContext } from './AnvilContext';
 
 const useStyles = makeStyles(() => ({
@@ -15,7 +15,7 @@ const useStyles = makeStyles(() => ({
     height: '100%',
   },
   divider: {
-    background: GREY,
+    background: DIVIDER,
   },
   button: {
     '&:hover': {