mirror of
https://github.com/okiba-org/frontend.git
synced 2025-05-02 15:25:43 +00:00
36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import { tags as t } from "@lezer/highlight";
|
|
import { createTheme } from "@uiw/codemirror-themes";
|
|
|
|
// custom theme based on GitHub dark theme
|
|
export default createTheme({
|
|
theme: "dark",
|
|
settings: {
|
|
background: "black",
|
|
// gutterBackground: "#0B0E14",
|
|
gutterBackground: "black",
|
|
gutterForeground: "#B8D7A3",
|
|
foreground: "#c9d1d9",
|
|
caret: "#c9d1d9",
|
|
selection: "#003d73",
|
|
selectionMatch: "#003d73",
|
|
lineHighlight: "transparent",
|
|
},
|
|
styles: [
|
|
{ tag: [t.comment, t.bracket], color: "#8b949e" },
|
|
{ tag: [t.className, t.propertyName], color: "#d2a8ff" },
|
|
{
|
|
tag: [t.variableName, t.attributeName, t.number, t.operator],
|
|
color: "#79c0ff",
|
|
},
|
|
{
|
|
tag: [t.keyword, t.typeName, t.typeOperator, t.typeName],
|
|
color: "#ff7b72",
|
|
},
|
|
{ tag: [t.string, t.meta, t.regexp], color: "#a5d6ff" },
|
|
{ tag: [t.name, t.quote], color: "#7ee787" },
|
|
{ tag: [t.heading], color: "#d2a8ff", fontWeight: "bold" },
|
|
{ tag: [t.emphasis], color: "#d2a8ff", fontStyle: "italic" },
|
|
{ tag: [t.deleted], color: "#ffdcd7", backgroundColor: "#ffeef0" },
|
|
],
|
|
});
|