Fix #1773

src/renderer/dom/DomRenderer.ts

@@ -75,7 +75,7 @@ export class DomRenderer extends EventEmitter implements IRenderer {
     this._updateDimensions();
 
     this._renderDebouncer = new RenderDebouncer(this._terminal, this._renderRows.bind(this));
-    this._rowFactory = new DomRendererRowFactory(document);
+    this._rowFactory = new DomRendererRowFactory(_terminal, document);
 
     this._terminal.element.classList.add(TERMINAL_CLASS_PREFIX + this._terminalClass);
     this._terminal.screenElement.appendChild(this._rowContainer);

src/renderer/dom/DomRendererRowFactory.test.ts

@@ -9,17 +9,24 @@ import { DomRendererRowFactory } from './DomRendererRowFactory';
 import { DEFAULT_ATTR, NULL_CELL_CODE, NULL_CELL_WIDTH, NULL_CELL_CHAR } from '../../Buffer';
 import { FLAGS } from '../Types';
 import { BufferLine } from '../../BufferLine';
-import { IBufferLine } from '../../Types';
+import { IBufferLine, ITerminal } from '../../Types';
 import { DEFAULT_COLOR } from '../atlas/Types';
+import { MockTerminal } from '../../ui/TestUtils.test';
 
 describe('DomRendererRowFactory', () => {
   let dom: jsdom.JSDOM;
+  let term: ITerminal;
   let rowFactory: DomRendererRowFactory;
   let lineData: IBufferLine;
 
   beforeEach(() => {
     dom = new jsdom.JSDOM('');
-    rowFactory = new DomRendererRowFactory(dom.window.document);
+
+    term = new MockTerminal();
+    term.options.enableBold = true;
+    term.options.drawBoldTextInBrightColors = true;
+
+    rowFactory = new DomRendererRowFactory(term, dom.window.document);
     lineData = createEmptyLineData(2);
   });
 

src/renderer/dom/DomRendererRowFactory.ts

@@ -5,7 +5,7 @@
 
 import { CHAR_DATA_CHAR_INDEX, CHAR_DATA_ATTR_INDEX, CHAR_DATA_WIDTH_INDEX, CHAR_DATA_CODE_INDEX, NULL_CELL_CODE, WHITESPACE_CELL_CHAR } from '../../Buffer';
 import { FLAGS } from '../Types';
-import { IBufferLine } from '../../Types';
+import { IBufferLine, ITerminal } from '../../Types';
 import { DEFAULT_COLOR, INVERTED_DEFAULT_COLOR } from '../atlas/Types';
 
 export const BOLD_CLASS = 'xterm-bold';
@@ -17,6 +17,7 @@ export const CURSOR_STYLE_UNDERLINE_CLASS = 'xterm-cursor-underline';
 
 export class DomRendererRowFactory {
   constructor(
+    private _terminal: ITerminal,
     private _document: Document
   ) {
   }
@@ -88,10 +89,10 @@ export class DomRendererRowFactory {
         }
       }
 
-      if (flags & FLAGS.BOLD) {
+      if (flags & FLAGS.BOLD && this._terminal.options.enableBold) {
         // Convert the FG color to the bold variant. This should not happen when
         // the fg is the inverse default color as there is no bold variant.
-        if (fg < 8) {
+        if (fg < 8 && this._terminal.options.drawBoldTextInBrightColors) {
           fg += 8;
         }
         charElement.classList.add(BOLD_CLASS);