This commit is contained in:
Keith Simmons 2022-03-31 17:51:25 -07:00
parent b4087b115b
commit e3366c490e
2 changed files with 2080 additions and 406 deletions

1672
message.txt Normal file

File diff suppressed because it is too large Load Diff

View File

@ -2,455 +2,457 @@ import core from "./core";
import Theme from "./theme";
const backgroundColor = {
100: {
base: {
value: core.color.neutral[999].value,
100: {
base: {
value: core.color.neutral[999].value,
},
hovered: {
value: core.color.neutral[999].value,
},
active: {
value: core.color.neutral[999].value,
},
focused: {
value: core.color.neutral[999].value,
},
},
hovered: {
value: core.color.neutral[999].value,
300: {
base: {
value: core.color.neutral[999].value,
},
hovered: {
value: core.color.neutral[999].value,
},
active: {
value: core.color.neutral[999].value,
},
focused: {
value: core.color.neutral[999].value,
},
},
active: {
value: core.color.neutral[999].value,
500: {
base: {
value: core.color.neutral[999].value,
},
hovered: {
value: "#000000",
},
active: {
value: "#000000",
},
focused: {
value: "#000000",
},
},
focused: {
value: core.color.neutral[999].value,
ok: {
base: {
value: "#000000",
},
hovered: {
value: "#000000",
},
active: {
value: "#000000",
},
focused: {
value: "#000000",
},
},
},
300: {
base: {
value: core.color.neutral[999].value,
error: {
base: {
value: "#000000",
},
hovered: {
value: "#000000",
},
active: {
value: "#000000",
},
focused: {
value: "#000000",
},
},
hovered: {
value: core.color.neutral[999].value,
warning: {
base: {
value: "#000000",
},
hovered: {
value: "#000000",
},
active: {
value: "#000000",
},
focused: {
value: "#000000",
},
},
active: {
value: core.color.neutral[999].value,
info: {
base: {
value: "#000000",
},
hovered: {
value: "#000000",
},
active: {
value: "#000000",
},
focused: {
value: "#000000",
},
},
focused: {
value: core.color.neutral[999].value,
},
},
500: {
base: {
value: core.color.neutral[999].value,
},
hovered: {
value: "#000000",
},
active: {
value: "#000000",
},
focused: {
value: "#000000",
},
},
ok: {
base: {
value: "#000000",
},
hovered: {
value: "#000000",
},
active: {
value: "#000000",
},
focused: {
value: "#000000",
},
},
error: {
base: {
value: "#000000",
},
hovered: {
value: "#000000",
},
active: {
value: "#000000",
},
focused: {
value: "#000000",
},
},
warning: {
base: {
value: "#000000",
},
hovered: {
value: "#000000",
},
active: {
value: "#000000",
},
focused: {
value: "#000000",
},
},
info: {
base: {
value: "#000000",
},
hovered: {
value: "#000000",
},
active: {
value: "#000000",
},
focused: {
value: "#000000",
},
},
};
const borderColor = {
primary: {
value: "#000000",
},
secondary: {
value: "#000000",
},
muted: {
value: "#000000",
},
focused: {
value: "#000000",
},
active: {
value: "#000000",
},
ok: {
value: "#000000",
},
error: {
value: "#000000",
},
warning: {
value: "#000000",
},
info: {
value: "#000000",
},
primary: {
value: "#000000",
},
secondary: {
value: "#000000",
},
muted: {
value: "#000000",
},
focused: {
value: "#000000",
},
active: {
value: "#000000",
},
ok: {
value: "#000000",
},
error: {
value: "#000000",
},
warning: {
value: "#000000",
},
info: {
value: "#000000",
},
};
const textColor = {
primary: {
value: core.color.neutral[150].value,
},
secondary: {
value: core.color.neutral[350].value,
},
muted: {
value: core.color.neutral[550].value,
},
placeholder: {
value: core.color.neutral[750].value,
},
active: {
value: core.color.neutral[0].value,
},
feature: {
//TODO: (design) define feature and it's correct value
value: core.color.sky[500].value,
},
ok: {
value: core.color.green[600].value,
},
error: {
value: core.color.red[400].value,
},
warning: {
value: core.color.amber[300].value,
},
info: {
value: core.color.blue[500].value,
},
primary: {
value: core.color.neutral[150].value,
},
secondary: {
value: core.color.neutral[350].value,
},
muted: {
value: core.color.neutral[550].value,
},
placeholder: {
value: core.color.neutral[750].value,
},
active: {
value: core.color.neutral[0].value,
},
feature: {
//TODO: (design) define feature and it's correct value
value: core.color.sky[500].value,
},
ok: {
value: core.color.green[600].value,
},
error: {
value: core.color.red[400].value,
},
warning: {
value: core.color.amber[300].value,
},
info: {
value: core.color.blue[500].value,
},
};
const iconColor = {
primary: {
value: core.color.neutral[300].value,
},
secondary: {
value: core.color.neutral[500].value,
},
muted: {
value: core.color.neutral[600].value,
},
placeholder: {
value: core.color.neutral[700].value,
},
active: {
value: core.color.neutral[50].value,
},
feature: {
//TODO: (design) define feature and it's correct value
value: core.color.sky[500].value,
},
ok: {
value: core.color.green[600].value,
},
error: {
value: core.color.red[400].value,
},
warning: {
value: core.color.amber[300].value,
},
info: {
value: core.color.blue[500].value,
},
primary: {
value: core.color.neutral[300].value,
},
secondary: {
value: core.color.neutral[500].value,
},
muted: {
value: core.color.neutral[600].value,
},
placeholder: {
value: core.color.neutral[700].value,
},
active: {
value: core.color.neutral[50].value,
},
feature: {
//TODO: (design) define feature and it's correct value
value: core.color.sky[500].value,
},
ok: {
value: core.color.green[600].value,
},
error: {
value: core.color.red[400].value,
},
warning: {
value: core.color.amber[300].value,
},
info: {
value: core.color.blue[500].value,
},
};
const editor = {
background: {
value: backgroundColor[500].base.value,
},
indent_guide: {
value: core.color.neutral[999].value,
},
indent_guide_active: {
value: core.color.neutral[999].value,
},
line: {
active: {
value: core.color.neutral[999].value,
background: {
value: backgroundColor[500].base.value,
},
highlighted: {
value: core.color.neutral[999].value,
indent_guide: {
value: core.color.neutral[999].value,
},
inserted: {
value: core.color.neutral[999].value,
indent_guide_active: {
value: core.color.neutral[999].value,
},
deleted: {
value: core.color.neutral[999].value,
line: {
active: {
value: core.color.neutral[999].value,
},
highlighted: {
value: core.color.neutral[999].value,
},
inserted: {
value: core.color.neutral[999].value,
},
deleted: {
value: core.color.neutral[999].value,
},
modified: {
value: core.color.neutral[999].value,
},
},
modified: {
value: core.color.neutral[999].value,
highlight: {
selection: {
value: core.color.neutral[999].value,
},
occurrence: {
value: core.color.neutral[999].value,
},
activeOccurrence: {
value: core.color.neutral[999].value,
},
matchingBracket: {
value: core.color.neutral[999].value,
},
match: {
value: core.color.neutral[999].value,
},
activeMatch: {
value: core.color.neutral[999].value,
},
related: {
value: core.color.neutral[999].value,
},
},
},
highlight: {
selection: {
value: core.color.neutral[999].value,
gutter: {
primary: {
value: core.color.neutral[999].value,
},
active: {
value: core.color.neutral[999].value,
},
},
occurrence: {
value: core.color.neutral[999].value,
},
activeOccurrence: {
value: core.color.neutral[999].value,
},
matchingBracket: {
value: core.color.neutral[999].value,
},
match: {
value: core.color.neutral[999].value,
},
activeMatch: {
value: core.color.neutral[999].value,
},
related: {
value: core.color.neutral[999].value,
},
},
gutter: {
primary: {
value: core.color.neutral[999].value,
},
active: {
value: core.color.neutral[999].value,
},
},
};
const syntax = {
primary: {
color: { value: "000000" },
weight: { value: "normal" },
},
comment: {
color: { value: "000000" },
weight: { value: "normal" },
},
punctuation: {
color: { value: "000000" },
weight: { value: "normal" },
},
constant: {
color: { value: "000000" },
weight: { value: "normal" },
},
keyword: {
color: { value: "000000" },
weight: { value: "normal" },
},
function: {
color: { value: "000000" },
weight: { value: "normal" },
},
type: {
color: { value: "000000" },
weight: { value: "normal" },
},
variant: {
color: { value: "000000" },
weight: { value: "normal" },
},
property: {
color: { value: "000000" },
weight: { value: "normal" },
},
enum: {
color: { value: "000000" },
weight: { value: "normal" },
},
operator: {
color: { value: "000000" },
weight: { value: "normal" },
},
string: {
color: { value: "000000" },
weight: { value: "normal" },
},
number: {
color: { value: "000000" },
weight: { value: "normal" },
},
boolean: {
color: { value: "000000" },
weight: { value: "normal" },
},
predictive: {
color: { value: "000000" },
weight: { value: "normal" },
},
primary: {
color: {
value: core.color.neutral[150]
},
weight: { value: "normal" },
},
comment: {
color: { value: "000000" },
weight: { value: "normal" },
},
punctuation: {
color: { value: "000000" },
weight: { value: "normal" },
},
constant: {
color: { value: "000000" },
weight: { value: "normal" },
},
keyword: {
color: { value: "000000" },
weight: { value: "normal" },
},
function: {
color: { value: "000000" },
weight: { value: "normal" },
},
type: {
color: { value: "000000" },
weight: { value: "normal" },
},
variant: {
color: { value: "000000" },
weight: { value: "normal" },
},
property: {
color: { value: "000000" },
weight: { value: "normal" },
},
enum: {
color: { value: "000000" },
weight: { value: "normal" },
},
operator: {
color: { value: "000000" },
weight: { value: "normal" },
},
string: {
color: { value: "000000" },
weight: { value: "normal" },
},
number: {
color: { value: "000000" },
weight: { value: "normal" },
},
boolean: {
color: { value: "000000" },
weight: { value: "normal" },
},
predictive: {
color: { value: "000000" },
weight: { value: "normal" },
},
};
const player = {
1: {
baseColor: {
value: core.color.neutral[999].value,
1: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
cursorColor: {
value: core.color.neutral[999].value,
2: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
selectionColor: {
value: core.color.neutral[999].value,
3: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
borderColor: {
value: core.color.neutral[999].value,
4: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
},
2: {
baseColor: {
value: core.color.neutral[999].value,
5: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
cursorColor: {
value: core.color.neutral[999].value,
6: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
selectionColor: {
value: core.color.neutral[999].value,
7: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
borderColor: {
value: core.color.neutral[999].value,
8: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
},
3: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
4: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
5: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
6: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
7: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
8: {
baseColor: {
value: core.color.neutral[999].value,
},
cursorColor: {
value: core.color.neutral[999].value,
},
selectionColor: {
value: core.color.neutral[999].value,
},
borderColor: {
value: core.color.neutral[999].value,
},
},
};
const shadowAlpha = {
value: 0.32,
value: 0.32,
};
export default function dark(): Theme {
return {
backgroundColor,
borderColor,
textColor,
iconColor,
editor,
syntax,
player,
shadowAlpha,
};
return {
backgroundColor,
borderColor,
textColor,
iconColor,
editor,
syntax,
player,
shadowAlpha,
};
}