message: improve contrast for monaco line numbers and comments
  closes
diff: @@ -89,10 +89,13 @@ export default class CodeEditor extends Component {
  } else {
  el.style.height = '100%';
  }
  +
  + let customThemeName = 'vsCodeA11y';
  + this.createCustomTheme(customThemeName);
  // `create` constructs a code editor and inserts it into the DOM
  let editor = monaco.editor.create(el, {
  model: codeModel,
  - theme: 'vs-dark',
  + theme: customThemeName,
  readOnly: this.readOnly,
  minimap: { enabled: false },
  wordWrap: 'on',
  @@ -112,6 +115,21 @@ export default class CodeEditor extends Component {
  }
  }
  + createCustomTheme(customThemeName) {
  + // Increase the contrast of a few things so they pass color contrast checks.
  + // This modifies the monaco instance so we don't return anything.
  + // Token rules follow partial matches. string will match a token with type: string,
  + // string.double.js or string.html. Tokens can be inspected using F1 > Developer: Inspect Tokens
  + monaco.editor.defineTheme(customThemeName, {
  + base: 'vs-dark',
  + inherit: true,
  + rules: [{ token: 'comment', foreground: 'ffffff' }],
  + colors: {
  + 'editorLineNumber.foreground': '#FFF',
  + },
  + });
  + }
  +
  @action
  onUpdateCode() {
  // called whenever the code in the editor changes
  