typedef for context data

packages/dev-tools-pages/ts/context/compiler.tsx

@@ -1,6 +1,8 @@
 import Icon from 'ts/icons/logos/compiler.svg';
 
-export const context = {
+import { ContextInterface } from './index';
+
+export const context: ContextInterface = {
     title: 'sol-compiler',
     name: 'compiler',
     subtitle: 'Solidity compilation that just works',

packages/dev-tools-pages/ts/context/cov.tsx

@@ -1,6 +1,8 @@
 import Icon from 'ts/icons/logos/cov.svg';
 
-export const context = {
+import { ContextInterface } from './index';
+
+export const context: ContextInterface = {
     title: 'sol-cov',
     name: 'cov',
     subtitle: 'Solidity code coverage',

packages/dev-tools-pages/ts/context/index.tsx

@@ -6,7 +6,14 @@ interface ContextInterface {
     subtitle?: string;
     tagline?: string;
     icon?: React.ReactNode;
-    colors?: any;
+    colors?: {
+        main: string;
+        secondary: string;
+        secondary_alt: string;
+        type: string;
+        type_alt: string;
+        dark: string;
+    };
 }
 
 const ThemeContext = createContext({});

packages/dev-tools-pages/ts/context/profiler.tsx

@@ -1,6 +1,8 @@
 import Icon from 'ts/icons/logos/profiler.svg';
 
-export const context = {
+import { ContextInterface } from './index';
+
+export const context: ContextInterface = {
     title: 'sol-profiler',
     name: 'profiler',
     subtitle: 'Gas profiling for Solidity',

packages/dev-tools-pages/ts/context/trace.tsx

@@ -1,6 +1,8 @@
 import Icon from 'ts/icons/logos/trace.svg';
 
-export const context = {
+import { ContextInterface } from './index';
+
+export const context: ContextInterface = {
     title: 'sol-trace',
     name: 'trace',
     subtitle: 'Human-readable stack traces',