begin modifying theme for OT brand

src/components/SideMenu/SideMenu.tsx

@@ -1,10 +1,10 @@
 import { observer } from 'mobx-react';
 import * as React from 'react';
 
+import { PerfectScrollbarWrap } from '../../common-elements/perfect-scrollbar';
+
 import { IMenuItem, MenuStore } from '../../services/MenuStore';
 import { MenuItems } from './MenuItems';
-
-import { PerfectScrollbarWrap } from '../../common-elements/perfect-scrollbar';
 import { RedocAttribution } from './styled.elements';
 
 @observer
@@ -23,8 +23,8 @@ export class SideMenu extends React.Component<{ menu: MenuStore; className?: str
       >
         <MenuItems items={store.items} onActivate={this.activate} root={true}/>
         <RedocAttribution>
-          <a target="_blank" href="https://github.com/Rebilly/ReDoc">
-            Documentation Powered by ReDoc
+          <a target="_blank" href="https://www.opentext.com/">
+            © Copyright 2019 OpenText Corp
           </a>
         </RedocAttribution>
       </PerfectScrollbarWrap>

src/theme.ts

@@ -14,7 +14,7 @@ const defaultTheme: ThemeInterface = {
   colors: {
     tonalOffset: 0.3,
     primary: {
-      main: '#32329f',
+      main: '#232E72',
       light: ({colors}) => lighten(colors.tonalOffset, colors.primary.main),
       dark: ({colors}) => darken(colors.tonalOffset, colors.primary.main),
       contrastText: ({colors}) => readableColor(colors.primary.main),
@@ -99,11 +99,11 @@ const defaultTheme: ThemeInterface = {
     fontWeightRegular: '400',
     fontWeightBold: '600',
     fontWeightLight: '300',
-    fontFamily: 'Roboto, sans-serif',
+    fontFamily: resolveFontFamily(),
     smoothing: 'antialiased',
     optimizeSpeed: true,
     headings: {
-      fontFamily: 'Montserrat, sans-serif',
+      fontFamily: resolveFontFamily(),
       fontWeight: '400',
     },
     code: {
@@ -123,8 +123,8 @@ const defaultTheme: ThemeInterface = {
   },
   menu: {
     width: '260px',
-    backgroundColor: '#fafafa',
-    textColor: '#333333',
+    backgroundColor: '#F3F6FB',
+    textColor: '#232E72',
     groupItems: {
       textTransform: 'uppercase',
     },
@@ -150,6 +150,18 @@ const defaultTheme: ThemeInterface = {
   },
 };
 
+function resolveFontFamily() {
+  return '' +
+    '"OTSans", ' +
+    '-apple-system, ' +
+    'system-ui, ' +
+    'BlinkMacSystemFont, ' +
+    '"Segoe UI", Roboto, ' +
+    '"Helvetica Neue", ' +
+    'Arial, ' +
+    'sans-serif';
+}
+
 export default defaultTheme;
 
 export function resolveTheme(theme: ThemeInterface): ResolvedThemeInterface {
@@ -166,7 +178,7 @@ export function resolveTheme(theme: ThemeInterface): ResolvedThemeInterface {
               counter++;
               if (counter > 1000) {
                 throw new Error(
-                  `Theme probably contains cirucal dependency at ${currentPath}: ${val.toString()}`,
+                  `Theme probably contains circular dependency at ${currentPath}: ${val.toString()}`,
                 );
               }