Add theme support

2017-09-01 15:50:18 -07:00
parent 076156b66e
commit 62fea4d3ed
13 changed files with 278 additions and 181 deletions
@@ -0,0 +1,104 @@
+import { IColorSet } from './Interfaces';
+import { ITheme } from '../Interfaces';
+
+// TODO: Ideally colors would be exposed through some theme manager since colors
+// are moving to JS.
+
+export enum COLOR_CODES {
+  BLACK = 0,
+  RED = 1,
+  GREEN = 2,
+  YELLOW = 3,
+  BLUE = 4,
+  MAGENTA = 5,
+  CYAN = 6,
+  WHITE = 7,
+  BRIGHT_BLACK = 8,
+  BRIGHT_RED = 9,
+  BRIGHT_GREEN = 10,
+  BRIGHT_YELLOW = 11,
+  BRIGHT_BLUE = 12,
+  BRIGHT_MAGENTA = 13,
+  BRIGHT_CYAN = 14,
+  BRIGHT_WHITE = 15
+}
+
+const DEFAULT_ANSI_COLORS = [
+  // dark:
+  '#2e3436',
+  '#cc0000',
+  '#4e9a06',
+  '#c4a000',
+  '#3465a4',
+  '#75507b',
+  '#06989a',
+  '#d3d7cf',
+  // bright:
+  '#555753',
+  '#ef2929',
+  '#8ae234',
+  '#fce94f',
+  '#729fcf',
+  '#ad7fa8',
+  '#34e2e2',
+  '#eeeeec'
+];
+
+function generate256Colors(first16Colors: string[]): string[] {
+  let colors = first16Colors.slice();
+
+  // Generate colors (16-231)
+  let v = [0x00, 0x5f, 0x87, 0xaf, 0xd7, 0xff];
+  for (let i = 0; i < 216; i++) {
+    const r = toPaddedHex(v[(i / 36) % 6 | 0]);
+    const g = toPaddedHex(v[(i / 6) % 6 | 0]);
+    const b = toPaddedHex(v[i % 6]);
+    colors.push(`#${r}${g}${b}`);
+  }
+
+  // Generate greys (232-255)
+  for (let i = 0; i < 24; i++) {
+    const c = toPaddedHex(8 + i * 10);
+    colors.push(`#${c}${c}${c}`);
+  }
+
+  return colors;
+}
+
+function toPaddedHex(c: number): string {
+  let s = c.toString(16);
+  return s.length < 2 ? '0' + s : s;
+}
+
+export class ColorManager {
+  public colors: IColorSet;
+
+  constructor() {
+    this.colors = {
+      foreground: '#ffffff',
+      background: '#000000',
+      ansi: generate256Colors(DEFAULT_ANSI_COLORS)
+    };
+  }
+
+  public setTheme(theme: ITheme): void {
+    if (theme.foreground) this.colors.foreground = theme.foreground;
+    if (theme.background) this.colors.background = theme.background;
+    if (theme.black) this.colors.ansi[0] = theme.black;
+    if (theme.red) this.colors.ansi[1] = theme.red;
+    if (theme.green) this.colors.ansi[2] = theme.green;
+    if (theme.yellow) this.colors.ansi[3] = theme.yellow;
+    if (theme.blue) this.colors.ansi[4] = theme.blue;
+    if (theme.magenta) this.colors.ansi[5] = theme.magenta;
+    if (theme.cyan) this.colors.ansi[6] = theme.cyan;
+    if (theme.white) this.colors.ansi[7] = theme.white;
+    if (theme.brightBlack) this.colors.ansi[8] = theme.brightBlack;
+    if (theme.brightRed) this.colors.ansi[9] = theme.brightRed;
+    if (theme.brightGreen) this.colors.ansi[10] = theme.brightGreen;
+    if (theme.brightYellow) this.colors.ansi[11] = theme.brightYellow;
+    if (theme.brightBlue) this.colors.ansi[12] = theme.brightBlue;
+    if (theme.brightMagenta) this.colors.ansi[13] = theme.brightMagenta;
+    if (theme.brightCyan) this.colors.ansi[14] = theme.brightCyan;
+    if (theme.brightWhite) this.colors.ansi[15] = theme.brightWhite;
+  }
+}