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