terminal.ts

 1import Theme from "../themes/common/theme";
 2import { border, modalShadow } from "./components";
 3
 4export default function terminal(theme: Theme) {
 5  let colors = {
 6    black: theme.ramps.neutral(0).hex(),
 7    red: theme.ramps.red(0.5).hex(),
 8    green: theme.ramps.green(0.5).hex(),
 9    yellow: theme.ramps.yellow(0.5).hex(),
10    blue: theme.ramps.blue(0.5).hex(),
11    magenta: theme.ramps.magenta(0.5).hex(),
12    cyan: theme.ramps.cyan(0.5).hex(),
13    white: theme.ramps.neutral(7).hex(),
14    brightBlack: theme.ramps.neutral(2).hex(),
15    brightRed: theme.ramps.red(0.25).hex(),
16    brightGreen: theme.ramps.green(0.25).hex(),
17    brightYellow: theme.ramps.yellow(0.25).hex(),
18    brightBlue: theme.ramps.blue(0.25).hex(),
19    brightMagenta: theme.ramps.magenta(0.25).hex(),
20    brightCyan: theme.ramps.cyan(0.25).hex(),
21    brightWhite: theme.ramps.neutral(7).hex(),
22    foreground: theme.ramps.neutral(7).hex(),
23    background: theme.ramps.neutral(0).hex(),
24    modalBackground: theme.ramps.neutral(1).hex(),
25    cursor: theme.ramps.neutral(7).hex(),
26    dimBlack: theme.ramps.neutral(7).hex(),
27    dimRed: theme.ramps.red(0.75).hex(),
28    dimGreen: theme.ramps.green(0.75).hex(),
29    dimYellow: theme.ramps.yellow(0.75).hex(),
30    dimBlue: theme.ramps.blue(0.75).hex(),
31    dimMagenta: theme.ramps.magenta(0.75).hex(),
32    dimCyan: theme.ramps.cyan(0.75).hex(),
33    dimWhite: theme.ramps.neutral(5).hex(),
34    brightForeground: theme.ramps.neutral(7).hex(),
35    dimForeground: theme.ramps.neutral(0).hex(),
36  };
37
38  return {
39    colors,
40    modalContainer: {
41      background: colors.modalBackground,
42      cornerRadius: 8,
43      padding: 8,
44      margin: 25,
45      border: border(theme, "primary"),
46      shadow: modalShadow(theme),
47    }
48  };
49}