Also change the background colour in the view event page.

src/Event.tsx

@@ -53,7 +53,7 @@ class Event extends React.Component {
 
     return (
       <React.Fragment>
-        <PimItemHeader text={this.props.event.summary}>
+        <PimItemHeader text={this.props.event.summary} backgroundColor={this.props.event.color}>
           <div>{formatDateRange(this.props.event.startDate, this.props.event.endDate)}</div>
           <br/>
           <div><u>{this.props.event.location}</u></div>

src/PimItemHeader.tsx

@@ -2,10 +2,10 @@ import * as React from 'react';
 
 import { getPalette } from './App';
 
-export default (props: {text: string, children?: any}) => {
+export default (props: {text: string, backgroundColor?: string, children?: any}) => {
     const style = {
       header: {
-        backgroundColor: getPalette('accent1Color'),
+        backgroundColor: (props.backgroundColor !== undefined) ? props.backgroundColor : getPalette('accent1Color'),
         color: getPalette('alternateTextColor'),
         padding: 15,
       },