diff options
Diffstat (limited to 'language-web/src/main/js/editor/EditorParent.ts')
-rw-r--r-- | language-web/src/main/js/editor/EditorParent.ts | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/language-web/src/main/js/editor/EditorParent.ts b/language-web/src/main/js/editor/EditorParent.ts index a2f6c266..0a25214b 100644 --- a/language-web/src/main/js/editor/EditorParent.ts +++ b/language-web/src/main/js/editor/EditorParent.ts | |||
@@ -5,13 +5,15 @@ export const EditorParent = styled('div')(({ theme }) => ({ | |||
5 | '&, .cm-editor': { | 5 | '&, .cm-editor': { |
6 | height: '100%', | 6 | height: '100%', |
7 | }, | 7 | }, |
8 | '.cm-scroller': { | 8 | '.cm-scroller, .cm-tooltip-autocomplete, .cm-completionLabel, .cm-completionDetail': { |
9 | fontSize: 16, | 9 | fontSize: 16, |
10 | fontFamily: '"JetBrains MonoVariable", "JetBrains Mono", monospace', | 10 | fontFamily: '"JetBrains MonoVariable", "JetBrains Mono", monospace', |
11 | fontFeatureSettings: '"liga", "calt"', | 11 | fontFeatureSettings: '"liga", "calt"', |
12 | fontWeight: 400, | 12 | fontWeight: 400, |
13 | letterSpacing: 0, | 13 | letterSpacing: 0, |
14 | textRendering: 'optimizeLegibility', | 14 | textRendering: 'optimizeLegibility', |
15 | }, | ||
16 | '.cm-scroller': { | ||
15 | color: theme.palette.text.secondary, | 17 | color: theme.palette.text.secondary, |
16 | }, | 18 | }, |
17 | '.cm-gutters': { | 19 | '.cm-gutters': { |
@@ -59,7 +61,7 @@ export const EditorParent = styled('div')(({ theme }) => ({ | |||
59 | color: theme.palette.text.secondary, | 61 | color: theme.palette.text.secondary, |
60 | }, | 62 | }, |
61 | '.cmt-comment': { | 63 | '.cmt-comment': { |
62 | fontVariant: 'italic', | 64 | fontStyle: 'italic', |
63 | color: theme.palette.text.disabled, | 65 | color: theme.palette.text.disabled, |
64 | }, | 66 | }, |
65 | '.cmt-number': { | 67 | '.cmt-number': { |
@@ -77,4 +79,10 @@ export const EditorParent = styled('div')(({ theme }) => ({ | |||
77 | '.cmt-variableName': { | 79 | '.cmt-variableName': { |
78 | color: '#c8ae9d', | 80 | color: '#c8ae9d', |
79 | }, | 81 | }, |
82 | '.cm-completionIcon': { | ||
83 | width: 16, | ||
84 | padding: 0, | ||
85 | marginRight: '0.5em', | ||
86 | textAlign: 'center', | ||
87 | }, | ||
80 | })); | 88 | })); |