Update links on policy pages, update Dockerfile to copy ToS and PP

Author: catarak

Dockerfile

@@ -15,6 +15,7 @@ COPY ./webpack ./webpack
 COPY client ./client
 COPY server ./server
 COPY translations/locales ./translations/locales
+COPY public ./public
 CMD ["npm", "start"]
 
 FROM development as build

client/modules/IDE/components/PolicyContainer.jsx

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import ReactMarkdown from 'react-markdown';
 import remarkSlug from 'remark-slug';
 import PropTypes from 'prop-types';
-import { remSize } from '../../../theme';
+import { remSize, prop } from '../../../theme';
 
 const PolicyContainerMain = styled.main`
   max-width: ${remSize(700)};
@@ -34,6 +34,9 @@ const PolicyContainerMain = styled.main`
     margin-block-start: 1em;
     margin-block-end: 1em;
   }
+  & a {
+    color: ${prop('Policy.link')};
+  }
 `;
 
 function PolicyContainer({ policy }) {

client/theme.js

@@ -8,7 +8,9 @@ export const Theme = {
 
 export const colors = {
   p5jsPink: '#ed225d',
-  processingBlue: '#007BBB',
+  processingBlueDark: '#28347D',
+  processingBlue: '#2D67F6',
+  processingBlueLight: '#8DADF9',
   p5jsActivePink: '#f10046',
   white: '#fff',
   black: '#000',
@@ -134,6 +136,9 @@ export default {
       card: {
         background: grays.lighter
       }
+    },
+    Policy: {
+      link: colors.processingBlue
     }
   },
   [Theme.dark]: {
@@ -211,6 +216,9 @@ export default {
       card: {
         background: grays.dark
       }
+    },
+    Policy: {
+      link: colors.processingBlueLight
     }
   },
   [Theme.contrast]: {
@@ -288,6 +296,9 @@ export default {
       card: {
         background: grays.dark
       }
+    },
+    Policy: {
+      link: colors.processingBlueLight
     }
   }
 };