5 files changed, 61 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/context/compiler.tsx b/packages/dev-tools-pages/ts/context/compiler.tsx
new file mode 100644
index 000000000..63a051481
--- /dev/null
+++ b/packages/dev-tools-pages/ts/context/compiler.tsx
@@ -0,0 +1,14 @@
+import Icon from 'ts/icons/logos/compiler.svg';
+
+export default {
+    title: 'sol-compiler',
+    name: 'compiler',
+    subtitle: 'Solidity compilation that just works',
+    tagline: 'Seamlessly compile an entire solidity project and generate customisable artifacts',
+    icon: Icon,
+    colors: {
+        main: '#1EADCD',
+        secondary: '#D1F4FC',
+        link: '#D1F4FC',
+    },
+};
diff --git a/packages/dev-tools-pages/ts/context/cov.tsx b/packages/dev-tools-pages/ts/context/cov.tsx
new file mode 100644
index 000000000..4bf2b6ba7
--- /dev/null
+++ b/packages/dev-tools-pages/ts/context/cov.tsx
@@ -0,0 +1,14 @@
+import Icon from 'ts/icons/logos/cov.svg';
+
+export default {
+    title: 'sol-cov',
+    name: 'cov',
+    subtitle: 'Solidity code coverage',
+    tagline: "Don't get caught with your pants down",
+    icon: Icon,
+    colors: {
+        main: '#BB9200',
+        secondary: '#F1DB8D',
+        link: '#D7AE1B',
+    },
+};
diff --git a/packages/dev-tools-pages/ts/context/index.tsx b/packages/dev-tools-pages/ts/context/index.tsx
new file mode 100644
index 000000000..54556a3fd
--- /dev/null
+++ b/packages/dev-tools-pages/ts/context/index.tsx
@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+const ThemeContext = createContext({});
+
+export default ThemeContext;
diff --git a/packages/dev-tools-pages/ts/context/profiler.tsx b/packages/dev-tools-pages/ts/context/profiler.tsx
new file mode 100644
index 000000000..d8982c56f
--- /dev/null
+++ b/packages/dev-tools-pages/ts/context/profiler.tsx
@@ -0,0 +1,14 @@
+import Icon from 'ts/icons/logos/profiler.svg';
+
+export default {
+    title: 'sol-profiler',
+    name: 'profiler',
+    subtitle: 'Gas profiling for Solidity',
+    tagline: "Implement data-guided optimizations by profiling your contrat's gas usage",
+    icon: Icon,
+    colors: {
+        main: '#FF7144',
+        secondary: '#FED7CB',
+        link: '#EB8666',
+    },
+};
diff --git a/packages/dev-tools-pages/ts/context/trace.tsx b/packages/dev-tools-pages/ts/context/trace.tsx
new file mode 100644
index 000000000..22289091d
--- /dev/null
+++ b/packages/dev-tools-pages/ts/context/trace.tsx
@@ -0,0 +1,14 @@
+import Icon from 'ts/icons/logos/trace.svg';
+
+export default {
+    title: 'sol-trace',
+    name: 'trace',
+    subtitle: 'Human-readable stack traces',
+    tagline: 'Immediately locate Solidity errors and rapidly debug failed transactions',
+    icon: Icon,
+    colors: {
+        main: '#5C80FF',
+        secondary: '#CDD8FF',
+        link: '#557AFF',
+    },
+};