vue-shiki-monaco/dist/index.css

一个封shiki和monaco-editor的Vue组件

.monaco-editor-wrapper[data-v-030be5a9]{border-radius:var(--editor-radius-lg);overflow:visible;background:var(--editor-bg-primary);box-shadow:var(--editor-shadow-sm);transition:box-shadow var(--editor-duration-normal) var(--editor-ease-smooth);position:relative;border:1px solid var(--editor-border-primary)}.monaco-editor-wrapper .monaco-editor[data-v-030be5a9]{min-height:300px;background:var(--editor-bg-primary);overflow:hidden;box-sizing:border-box;outline:none!important;border-radius:0 0 var(--editor-radius-lg) var(--editor-radius-lg)}.monaco-editor-wrapper .noHeader[data-v-030be5a9]{border-radius:var(--editor-radius-lg)}.monaco-editor-wrapper .toolbar-btn[data-v-030be5a9]{display:flex;align-items:center;justify-content:center;width:var(--editor-size-2xl);height:var(--editor-size-2xl);background:transparent;border:none;border-radius:var(--editor-radius-md);cursor:pointer;transition:all var(--editor-duration-normal) var(--editor-ease-smooth);position:relative}.monaco-editor-wrapper .toolbar-btn[data-v-030be5a9]:focus-visible{outline:2px solid;outline-offset:2px}.monaco-editor-wrapper .toolbar-btn svg[data-v-030be5a9]{width:var(--editor-size-2xl);height:var(--editor-size-2xl);stroke-width:3}.monaco-editor-wrapper[data-v-030be5a9] .decorationsOverviewRuler{display:none!important}.monaco-editor-diff-wrapper.theme-light .diff-info.file-language[data-v-030be5a9]{color:var(--editor-text-primary);font-size:var(--editor-font-size-lg)}.monaco-editor-diff-wrapper.theme-light .toolbar-btn[data-v-030be5a9]{color:var(--editor-text-primary)}.monaco-editor-diff-wrapper.theme-light .toolbar-btn[data-v-030be5a9]:hover{background:var(--editor-color-blue-alpha-8);color:var(--editor-color-blue-light);box-shadow:0 2px 8px #0078ff1a;border:1px solid var(--editor-color-blue-alpha-15);transform:scale(1.05)}.monaco-editor-diff-wrapper.theme-light .toolbar-btn[data-v-030be5a9]:active{background:var(--editor-color-blue-alpha-12);transform:scale(.98)}.monaco-editor-diff-wrapper.theme-light .toolbar-btn[data-v-030be5a9]:focus-visible{outline-color:var(--editor-color-blue-light)}.monaco-editor-diff-wrapper.theme-light[data-v-030be5a9] .diffOverview{background:var(--editor-color-bg-light)!important}.monaco-editor-diff-wrapper.theme-dark .diff-info.file-language[data-v-030be5a9]{color:var(--editor-text-primary);font-size:var(--editor-font-size-lg)}.monaco-editor-diff-wrapper.theme-dark .toolbar-btn[data-v-030be5a9]{color:var(--editor-text-primary);-webkit-backdrop-filter:var(--editor-blur-lg);backdrop-filter:var(--editor-blur-lg);transition:all var(--editor-duration-slow) var(--editor-ease-spring)}.monaco-editor-diff-wrapper.theme-dark .toolbar-btn[data-v-030be5a9]:hover{background:var(--editor-success-hover);border:1px solid var(--editor-color-blue-alpha-30);-webkit-backdrop-filter:var(--editor-blur-xl);backdrop-filter:var(--editor-blur-xl);transform:scale(1.02);box-shadow:var(--editor-shadow-hover-dark)}.monaco-editor-diff-wrapper.theme-dark .toolbar-btn[data-v-030be5a9]:active{background:var(--editor-success-active);transform:scale(.98)}.monaco-editor-diff-wrapper.theme-dark .toolbar-btn[data-v-030be5a9]:focus-visible{outline-color:var(--editor-color-blue-dark)}.monaco-editor-diff-wrapper.theme-dark[data-v-030be5a9] .diffOverview{background:var(--editor-color-bg-dark)!important}