import { css, themeVars } from "src/types/vars";

export const monaco = css`
  .monaco-editor {
    --vscode-editor-background: ${themeVars.color.body} !important;
    --vscode-editorGutter-background: ${themeVars.color.body} !important;
    .monaco-mouse-cursor-text {
      font-size: 12px !important;
    }
    // 滚动时固定在顶部的行
    .sticky-widget {
      background: ${themeVars.color.body} !important;
      box-shadow: 0 1px 0 ${themeVars.color.secondary.self} !important;
      width: 100% !important;
      .sticky-line-content {
        font-size: 12px !important;
      }
    }
  }
`;