Added theme support

styles/src/styleTree/app.ts

@@ -14,6 +14,7 @@ import projectDiagnostics from "./projectDiagnostics";
 import contactNotification from "./contactNotification";
 import updateNotification from "./updateNotification";
 import tooltip from "./tooltip";
+import terminal from "./terminal";
 
 export const panel = {
   padding: { top: 12, bottom: 12 },
@@ -41,5 +42,6 @@ export default function app(theme: Theme): Object {
     contactNotification: contactNotification(theme),
     updateNotification: updateNotification(theme),
     tooltip: tooltip(theme),
+    terminal: terminal(theme),
   };
 }

styles/src/styleTree/terminal.ts

@@ -0,0 +1,35 @@
+import Theme from "../themes/common/theme";
+
+export default function terminal(theme: Theme) {
+  return {
+    black: theme.ramps.neutral(0).hex(),
+    red: theme.ramps.red(0.5).hex(),
+    green: theme.ramps.green(0.5).hex(),
+    yellow: theme.ramps.yellow(0.5).hex(),
+    blue: theme.ramps.blue(0.5).hex(),
+    magenta: theme.ramps.magenta(0.5).hex(),
+    cyan: theme.ramps.cyan(0.5).hex(),
+    white: theme.ramps.neutral(7).hex(),
+    brightBlack: theme.ramps.neutral(2).hex(),
+    brightRed: theme.ramps.red(0.25).hex(),
+    brightGreen: theme.ramps.green(0.25).hex(),
+    brightYellow: theme.ramps.yellow(0.25).hex(),
+    brightBlue: theme.ramps.blue(0.25).hex(),
+    brightMagenta: theme.ramps.magenta(0.25).hex(),
+    brightCyan: theme.ramps.cyan(0.25).hex(),
+    brightWhite: theme.ramps.neutral(7).hex(),
+    foreground: theme.ramps.neutral(7).hex(),
+    background: theme.ramps.neutral(0).hex(),
+    cursor: theme.ramps.neutral(7).hex(),
+    dimBlack: theme.ramps.neutral(7).hex(),
+    dimRed: theme.ramps.red(0.75).hex(),
+    dimGreen: theme.ramps.green(0.75).hex(),
+    dimYellow: theme.ramps.yellow(0.75).hex(),
+    dimBlue: theme.ramps.blue(0.75).hex(),
+    dimMagenta: theme.ramps.magenta(0.75).hex(),
+    dimCyan: theme.ramps.cyan(0.75).hex(),
+    dimWhite: theme.ramps.neutral(5).hex(),
+    brightForeground: theme.ramps.neutral(7).hex(),
+    dimForeground: theme.ramps.neutral(0).hex(),
+  };
+}