207 lines
5.8 KiB
Plaintext
207 lines
5.8 KiB
Plaintext
function createCssVariablesTheme(options = {}) {
|
|
const {
|
|
name = "css-variables",
|
|
variablePrefix = "--shiki-",
|
|
fontStyle = true
|
|
} = options;
|
|
const variable = (name2) => {
|
|
if (options.variableDefaults?.[name2])
|
|
return `var(${variablePrefix}${name2}, ${options.variableDefaults[name2]})`;
|
|
return `var(${variablePrefix}${name2})`;
|
|
};
|
|
const theme = {
|
|
name,
|
|
type: "dark",
|
|
colors: {
|
|
"editor.foreground": variable("foreground"),
|
|
"editor.background": variable("background"),
|
|
"terminal.ansiBlack": variable("ansi-black"),
|
|
"terminal.ansiRed": variable("ansi-red"),
|
|
"terminal.ansiGreen": variable("ansi-green"),
|
|
"terminal.ansiYellow": variable("ansi-yellow"),
|
|
"terminal.ansiBlue": variable("ansi-blue"),
|
|
"terminal.ansiMagenta": variable("ansi-magenta"),
|
|
"terminal.ansiCyan": variable("ansi-cyan"),
|
|
"terminal.ansiWhite": variable("ansi-white"),
|
|
"terminal.ansiBrightBlack": variable("ansi-bright-black"),
|
|
"terminal.ansiBrightRed": variable("ansi-bright-red"),
|
|
"terminal.ansiBrightGreen": variable("ansi-bright-green"),
|
|
"terminal.ansiBrightYellow": variable("ansi-bright-yellow"),
|
|
"terminal.ansiBrightBlue": variable("ansi-bright-blue"),
|
|
"terminal.ansiBrightMagenta": variable("ansi-bright-magenta"),
|
|
"terminal.ansiBrightCyan": variable("ansi-bright-cyan"),
|
|
"terminal.ansiBrightWhite": variable("ansi-bright-white")
|
|
},
|
|
tokenColors: [
|
|
{
|
|
scope: [
|
|
"keyword.operator.accessor",
|
|
"meta.group.braces.round.function.arguments",
|
|
"meta.template.expression",
|
|
"markup.fenced_code meta.embedded.block"
|
|
],
|
|
settings: {
|
|
foreground: variable("foreground")
|
|
}
|
|
},
|
|
{
|
|
scope: "emphasis",
|
|
settings: {
|
|
fontStyle: "italic"
|
|
}
|
|
},
|
|
{
|
|
scope: ["strong", "markup.heading.markdown", "markup.bold.markdown"],
|
|
settings: {
|
|
fontStyle: "bold"
|
|
}
|
|
},
|
|
{
|
|
scope: ["markup.italic.markdown"],
|
|
settings: {
|
|
fontStyle: "italic"
|
|
}
|
|
},
|
|
{
|
|
scope: "meta.link.inline.markdown",
|
|
settings: {
|
|
fontStyle: "underline",
|
|
foreground: variable("token-link")
|
|
}
|
|
},
|
|
{
|
|
scope: ["string", "markup.fenced_code", "markup.inline"],
|
|
settings: {
|
|
foreground: variable("token-string")
|
|
}
|
|
},
|
|
{
|
|
scope: ["comment", "string.quoted.docstring.multi"],
|
|
settings: {
|
|
foreground: variable("token-comment")
|
|
}
|
|
},
|
|
{
|
|
scope: [
|
|
"constant.numeric",
|
|
"constant.language",
|
|
"constant.other.placeholder",
|
|
"constant.character.format.placeholder",
|
|
"variable.language.this",
|
|
"variable.other.object",
|
|
"variable.other.class",
|
|
"variable.other.constant",
|
|
"meta.property-name",
|
|
"meta.property-value",
|
|
"support"
|
|
],
|
|
settings: {
|
|
foreground: variable("token-constant")
|
|
}
|
|
},
|
|
{
|
|
scope: [
|
|
"keyword",
|
|
"storage.modifier",
|
|
"storage.type",
|
|
"storage.control.clojure",
|
|
"entity.name.function.clojure",
|
|
"entity.name.tag.yaml",
|
|
"support.function.node",
|
|
"support.type.property-name.json",
|
|
"punctuation.separator.key-value",
|
|
"punctuation.definition.template-expression"
|
|
],
|
|
settings: {
|
|
foreground: variable("token-keyword")
|
|
}
|
|
},
|
|
{
|
|
scope: "variable.parameter.function",
|
|
settings: {
|
|
foreground: variable("token-parameter")
|
|
}
|
|
},
|
|
{
|
|
scope: [
|
|
"support.function",
|
|
"entity.name.type",
|
|
"entity.other.inherited-class",
|
|
"meta.function-call",
|
|
"meta.instance.constructor",
|
|
"entity.other.attribute-name",
|
|
"entity.name.function",
|
|
"constant.keyword.clojure"
|
|
],
|
|
settings: {
|
|
foreground: variable("token-function")
|
|
}
|
|
},
|
|
{
|
|
scope: [
|
|
"entity.name.tag",
|
|
"string.quoted",
|
|
"string.regexp",
|
|
"string.interpolated",
|
|
"string.template",
|
|
"string.unquoted.plain.out.yaml",
|
|
"keyword.other.template"
|
|
],
|
|
settings: {
|
|
foreground: variable("token-string-expression")
|
|
}
|
|
},
|
|
{
|
|
scope: [
|
|
"punctuation.definition.arguments",
|
|
"punctuation.definition.dict",
|
|
"punctuation.separator",
|
|
"meta.function-call.arguments"
|
|
],
|
|
settings: {
|
|
foreground: variable("token-punctuation")
|
|
}
|
|
},
|
|
{
|
|
// [Custom] Markdown links
|
|
scope: [
|
|
"markup.underline.link",
|
|
"punctuation.definition.metadata.markdown"
|
|
],
|
|
settings: {
|
|
foreground: variable("token-link")
|
|
}
|
|
},
|
|
{
|
|
// [Custom] Markdown list
|
|
scope: ["beginning.punctuation.definition.list.markdown"],
|
|
settings: {
|
|
foreground: variable("token-string")
|
|
}
|
|
},
|
|
{
|
|
// [Custom] Markdown punctuation definition brackets
|
|
scope: [
|
|
"punctuation.definition.string.begin.markdown",
|
|
"punctuation.definition.string.end.markdown",
|
|
"string.other.link.title.markdown",
|
|
"string.other.link.description.markdown"
|
|
],
|
|
settings: {
|
|
foreground: variable("token-keyword")
|
|
}
|
|
}
|
|
]
|
|
};
|
|
if (!fontStyle) {
|
|
theme.tokenColors = theme.tokenColors?.map((tokenColor) => {
|
|
if (tokenColor.settings?.fontStyle)
|
|
delete tokenColor.settings.fontStyle;
|
|
return tokenColor;
|
|
});
|
|
}
|
|
return theme;
|
|
}
|
|
|
|
export { createCssVariablesTheme };
|