Skip to content

Commit 4f80000

Browse files
logonofflogonoff
committed
americanize the code
1 parent ea4bbd6 commit 4f80000

File tree

2 files changed

+49
-49
lines changed

2 files changed

+49
-49
lines changed

‎packages/react-code-editor/src/components/CodeEditor/CodeEditorTheme.ts‎

Lines changed: 48 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -1,70 +1,70 @@
1-
import { colours } from './themeTokenMapping';
1+
import { colors } from './themeTokenMapping';
22
import type { editor as monacoEditor } from 'monaco-editor/esm/vs/editor/editor.api';
33

44
const createTheme = (mode: 'light' | 'dark'): monacoEditor.IStandaloneThemeData => ({
55
base: mode === 'light' ? 'vs' : 'vs-dark',
66
inherit: true,
77
colors: {
8-
'editor.background': colours.background[mode],
9-
'editor.foreground': colours.foreground[mode],
10-
'editorLineNumber.activeForeground': colours.foreground[mode],
11-
'editorLineNumber.foreground': colours.secondaryForeground[mode]
8+
'editor.background': colors.background[mode],
9+
'editor.foreground': colors.foreground[mode],
10+
'editorLineNumber.activeForeground': colors.foreground[mode],
11+
'editorLineNumber.foreground': colors.secondaryForeground[mode]
1212
},
1313
rules: [
14-
{ token: '', foreground: colours.foreground[mode], background: colours.background[mode] },
15-
{ token: 'invalid', foreground: colours.red[mode] },
14+
{ token: '', foreground: colors.foreground[mode], background: colors.background[mode] },
15+
{ token: 'invalid', foreground: colors.red[mode] },
1616
{ token: 'emphasis', fontStyle: 'italic' },
1717
{ token: 'strong', fontStyle: 'bold' },
1818

19-
{ token: 'variable', foreground: colours.blue[mode] },
20-
{ token: 'variable.predefined', foreground: colours.teal[mode] },
21-
{ token: 'constant', foreground: colours.orange[mode] },
22-
{ token: 'comment', foreground: colours.gray[mode] },
23-
{ token: 'number', foreground: colours.orange[mode] },
24-
{ token: 'number.hex', foreground: colours.blue[mode] },
25-
{ token: 'regexp', foreground: colours.red[mode] },
26-
{ token: 'annotation', foreground: colours.purple[mode] },
27-
{ token: 'type', foreground: colours.yellow[mode] },
19+
{ token: 'variable', foreground: colors.blue[mode] },
20+
{ token: 'variable.predefined', foreground: colors.teal[mode] },
21+
{ token: 'constant', foreground: colors.orange[mode] },
22+
{ token: 'comment', foreground: colors.gray[mode] },
23+
{ token: 'number', foreground: colors.orange[mode] },
24+
{ token: 'number.hex', foreground: colors.blue[mode] },
25+
{ token: 'regexp', foreground: colors.red[mode] },
26+
{ token: 'annotation', foreground: colors.purple[mode] },
27+
{ token: 'type', foreground: colors.yellow[mode] },
2828

29-
{ token: 'delimiter', foreground: colours.foreground[mode] },
30-
{ token: 'delimiter.html', foreground: colours.gray[mode] },
31-
{ token: 'delimiter.xml', foreground: colours.blue[mode] },
29+
{ token: 'delimiter', foreground: colors.foreground[mode] },
30+
{ token: 'delimiter.html', foreground: colors.gray[mode] },
31+
{ token: 'delimiter.xml', foreground: colors.blue[mode] },
3232

33-
{ token: 'tag', foreground: colours.red[mode] },
34-
{ token: 'tag.id.jade', foreground: colours.teal[mode] },
35-
{ token: 'tag.class.jade', foreground: colours.teal[mode] },
36-
{ token: 'meta.scss', foreground: colours.red[mode] },
37-
{ token: 'metatag', foreground: colours.orange[mode] },
38-
{ token: 'metatag.content.html', foreground: colours.red[mode] },
39-
{ token: 'metatag.html', foreground: colours.gray[mode] },
40-
{ token: 'metatag.xml', foreground: colours.gray[mode] },
33+
{ token: 'tag', foreground: colors.red[mode] },
34+
{ token: 'tag.id.jade', foreground: colors.teal[mode] },
35+
{ token: 'tag.class.jade', foreground: colors.teal[mode] },
36+
{ token: 'meta.scss', foreground: colors.red[mode] },
37+
{ token: 'metatag', foreground: colors.orange[mode] },
38+
{ token: 'metatag.content.html', foreground: colors.red[mode] },
39+
{ token: 'metatag.html', foreground: colors.gray[mode] },
40+
{ token: 'metatag.xml', foreground: colors.gray[mode] },
4141
{ token: 'metatag.php', fontStyle: 'bold' },
4242

43-
{ token: 'key', foreground: colours.orange[mode] },
44-
{ token: 'string.key.json', foreground: colours.red[mode] },
45-
{ token: 'string.value.json', foreground: colours.blue[mode] },
43+
{ token: 'key', foreground: colors.orange[mode] },
44+
{ token: 'string.key.json', foreground: colors.red[mode] },
45+
{ token: 'string.value.json', foreground: colors.blue[mode] },
4646

47-
{ token: 'attribute.name', foreground: colours.red[mode] },
48-
{ token: 'attribute.value', foreground: colours.blue[mode] },
49-
{ token: 'attribute.value.number', foreground: colours.orange[mode] },
50-
{ token: 'attribute.value.unit', foreground: colours.orange[mode] },
51-
{ token: 'attribute.value.html', foreground: colours.blue[mode] },
52-
{ token: 'attribute.value.xml', foreground: colours.blue[mode] },
47+
{ token: 'attribute.name', foreground: colors.red[mode] },
48+
{ token: 'attribute.value', foreground: colors.blue[mode] },
49+
{ token: 'attribute.value.number', foreground: colors.orange[mode] },
50+
{ token: 'attribute.value.unit', foreground: colors.orange[mode] },
51+
{ token: 'attribute.value.html', foreground: colors.blue[mode] },
52+
{ token: 'attribute.value.xml', foreground: colors.blue[mode] },
5353

54-
{ token: 'string', foreground: colours.green[mode] },
55-
{ token: 'string.html', foreground: colours.green[mode] },
56-
{ token: 'string.sql', foreground: colours.green[mode] },
57-
{ token: 'string.yaml', foreground: colours.green[mode] },
54+
{ token: 'string', foreground: colors.green[mode] },
55+
{ token: 'string.html', foreground: colors.green[mode] },
56+
{ token: 'string.sql', foreground: colors.green[mode] },
57+
{ token: 'string.yaml', foreground: colors.green[mode] },
5858

59-
{ token: 'keyword', foreground: colours.purple[mode] },
60-
{ token: 'keyword.json', foreground: colours.purple[mode] },
61-
{ token: 'keyword.flow', foreground: colours.purple[mode] },
62-
{ token: 'keyword.flow.scss', foreground: colours.purple[mode] },
59+
{ token: 'keyword', foreground: colors.purple[mode] },
60+
{ token: 'keyword.json', foreground: colors.purple[mode] },
61+
{ token: 'keyword.flow', foreground: colors.purple[mode] },
62+
{ token: 'keyword.flow.scss', foreground: colors.purple[mode] },
6363

64-
{ token: 'operator.scss', foreground: colours.foreground[mode] },
65-
{ token: 'operator.sql', foreground: colours.foreground[mode] },
66-
{ token: 'operator.swift', foreground: colours.foreground[mode] },
67-
{ token: 'predefined.sql', foreground: colours.purple[mode] }
64+
{ token: 'operator.scss', foreground: colors.foreground[mode] },
65+
{ token: 'operator.sql', foreground: colors.foreground[mode] },
66+
{ token: 'operator.swift', foreground: colors.foreground[mode] },
67+
{ token: 'predefined.sql', foreground: colors.purple[mode] }
6868
]
6969
});
7070

‎packages/react-code-editor/src/components/CodeEditor/themeTokenMapping.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ import grayLight from '@patternfly/react-tokens/dist/esm/t_color_gray_50';
3131
*
3232
* @see https://github.com/microsoft/monaco-editor/issues/2427
3333
*/
34-
export const colours = {
34+
export const colors = {
3535
background: {
3636
dark: backgroundDark.value,
3737
light: backgroundLight.value

0 commit comments

Comments
 (0)