vue-shiki-monaco/dist/es/Monaco-Header/index.css

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

.editor-toolbar[data-v-402c9a54]{-webkit-backdrop-filter:var(--editor-blur-sm);backdrop-filter:var(--editor-blur-sm);padding:var(--editor-spacing-lg) var(--editor-spacing-2xl);display:flex;align-items:center;justify-content:space-between;min-height:var(--editor-size-3xl);position:relative;border-radius:var(--editor-radius-md) var(--editor-radius-md) 0 0}.editor-toolbar .default-toolbar[data-v-402c9a54]{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--editor-spacing-3xl)}.editor-toolbar .default-toolbar .toolbar-left[data-v-402c9a54]{display:flex;align-items:center;flex:1}.editor-toolbar .default-toolbar .toolbar-left .file-info[data-v-402c9a54]{display:flex;align-items:center;gap:var(--editor-spacing-lg)}.editor-toolbar .default-toolbar .toolbar-left .file-info .file-name[data-v-402c9a54]{font-size:var(--editor-font-size-md);font-weight:500;font-family:var(--editor-font-mono)}.editor-toolbar .default-toolbar .toolbar-left .file-info .file-language[data-v-402c9a54]{font-size:var(--editor-font-size-xs);font-weight:600;padding:var(--editor-spacing-xs) var(--editor-spacing-md);border-radius:var(--editor-radius-md);text-transform:uppercase;letter-spacing:.5px;border:1px solid}.editor-toolbar .default-toolbar .toolbar-right[data-v-402c9a54]{display:flex;align-items:center;gap:var(--editor-spacing-sm)}.editor-toolbar .default-toolbar .toolbar-right .toolbar-btn[data-v-402c9a54]{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}.editor-toolbar .default-toolbar .toolbar-right .toolbar-btn[data-v-402c9a54]:focus-visible{outline:2px solid;outline-offset:2px}.editor-toolbar .default-toolbar .toolbar-right .toolbar-btn svg[data-v-402c9a54]{width:var(--editor-size-2xl);height:var(--editor-size-2xl);stroke-width:3}.editor-toolbar.theme-light[data-v-402c9a54]{background:var(--editor-color-bg-light);border:1px solid var(--editor-color-white-alpha-40);box-shadow:var(--editor-shadow-toolbar-light)}.editor-toolbar.theme-light[data-v-402c9a54]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--editor-color-white-alpha-70),transparent);border-radius:var(--editor-radius-md) var(--editor-radius-md) 0 0}.editor-toolbar.theme-light .file-name[data-v-402c9a54]{color:var(--editor-color-black-alpha-85)}.editor-toolbar.theme-light .file-language[data-v-402c9a54]{color:var(--editor-color-green-light);background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#0596694d;box-shadow:0 1px 2px #0596691a}.editor-toolbar.theme-light .toolbar-btn[data-v-402c9a54]{color:var(--editor-text-primary);background:var(--editor-color-white-alpha-5);border:1px solid var(--editor-color-black-alpha-10)}.editor-toolbar.theme-light .toolbar-btn[data-v-402c9a54]: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)}.editor-toolbar.theme-light .toolbar-btn[data-v-402c9a54]:active{background:var(--editor-color-blue-alpha-12);transform:scale(.98)}.editor-toolbar.theme-light .toolbar-btn[data-v-402c9a54]:focus-visible{outline-color:var(--editor-color-blue-light)}.editor-toolbar.theme-dark[data-v-402c9a54]{--editor-text-primary: #f8fafc;--editor-text-secondary: #e2e8f0;--editor-text-tertiary: #cbd5e1;--editor-text-muted: #94a3b8;--editor-text-disabled: #64748b;background:var(--editor-color-bg-dark);-webkit-backdrop-filter:var(--editor-blur-2xl) saturate(180%) brightness(1.2);backdrop-filter:var(--editor-blur-2xl) saturate(180%) brightness(1.2);background-image:linear-gradient(135deg,var(--editor-color-white-alpha-10) 0%,var(--editor-color-white-alpha-5) 50%,rgba(255,255,255,.02) 100%);border:1px solid var(--editor-color-white-alpha-15);box-shadow:var(--editor-shadow-toolbar-dark)}.editor-toolbar.theme-dark[data-v-402c9a54]:before{background:linear-gradient(90deg,transparent,var(--editor-color-white-alpha-20),transparent)}.editor-toolbar.theme-dark .file-name[data-v-402c9a54]{color:var(--editor-color-white-alpha-90)}.editor-toolbar.theme-dark .file-language[data-v-402c9a54]{color:var(--editor-color-green-dark);background:var(--editor-color-white-alpha-8);border-color:var(--editor-color-white-alpha-10);box-shadow:0 1px 2px #10b9811a}.editor-toolbar.theme-dark .toolbar-btn[data-v-402c9a54]{color:var(--editor-text-primary);background:var(--editor-color-white-alpha-8);border:1px solid var(--editor-color-white-alpha-15);-webkit-backdrop-filter:var(--editor-blur-lg);backdrop-filter:var(--editor-blur-lg);transition:all var(--editor-duration-slow) var(--editor-ease-spring)}.editor-toolbar.theme-dark .toolbar-btn[data-v-402c9a54]: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)}.editor-toolbar.theme-dark .toolbar-btn[data-v-402c9a54]:active{background:var(--editor-success-active);transform:scale(.98)}.editor-toolbar.theme-dark .toolbar-btn[data-v-402c9a54]:focus-visible{outline-color:var(--editor-color-blue-dark)}