import { EditorView } from "@codemirror/view";

export const oneDark = EditorView.theme(
  {
    "&": {
      backgroundColor: "#0d1117",
      color: "#c9d1d9",
    },
    ".cm-cursor": {
      borderLeftColor: "#c9d1d9",
    },
    ".cm-selectionBackground, &.cm-focused .cm-selectionBackground": {
      backgroundColor: "#264f78",
    },
    ".cm-activeLine": {
      backgroundColor: "#161b2266",
    },
    ".cm-gutters": {
      backgroundColor: "#0d1117",
      color: "#484f58",
      borderRight: "1px solid #21262d",
    },
    ".cm-activeLineGutter": {
      backgroundColor: "#161b2266",
    },
  },
  { dark: true }
);