monaco.css76 lines · main
1@reference "./globals.css";
2
3.monaco-editor {
4 @apply relative overflow-visible;
5 -webkit-text-size-adjust: 100%;
6}
7
8.monaco-editor-alt.monaco-editor-alt,
9.monaco-editor-alt > .monaco-editor {
10 --vscode-editor-background: hsl(var(--background-surface-300)) !important;
11 --vscode-editorGutter-background: hsl(var(--background-surface-300)) !important;
12}
13
14.monaco-editor-alt .current-line {
15 border: 0 !important;
16}
17
18[data-theme='dark'] .monaco-editor,
19[data-theme='dark'] .monaco-diff-editor {
20 --vscode-editor-background: hsl(var(--background-surface-100)) !important;
21 --vscode-editorGutter-background: hsl(var(--background-surface-100)) !important;
22 color-scheme: dark;
23}
24.monaco-editor,
25.monaco-diff-editor {
26 --vscode-editor-background: hsl(var(--background-dash-sidebar)) !important;
27 --vscode-editorGutter-background: hsl(var(--background-dash-sidebar)) !important;
28}
29
30.gutter {
31 @apply bg-border-control;
32 cursor: row-resize;
33}
34
35.grid-monaco-editor,
36.monaco-editor p,
37label,
38div,
39section,
40span.th.tr.td.textarea {
41 /* @apply text-sm; */
42}
43
44.grid-monaco-editor,
45.monaco-editor label {
46 font-weight: inherit;
47 text-transform: none;
48 padding: inherit;
49 width: inherit;
50 align-self: inherit;
51}
52
53.grid-monaco-editor,
54.monaco-editor label:hover {
55 cursor: inherit;
56}
57
58.find-widget {
59 margin-right: 30px;
60}
61
62.grid-monaco-editor,
63.monaco-editor .suggest-widget {
64 .main {
65 max-height: none;
66 height: inherit;
67 width: 100%;
68 margin: inherit;
69 padding: inherit;
70 overflow: inherit;
71 }
72
73 .monaco-list-row.focused .main {
74 background: var(--vscode-quickInput-background);
75 }
76}