DOM renderer underline color

src/browser/renderer/TextRenderLayer.ts

@@ -262,7 +262,6 @@ export class TextRenderLayer extends BaseRenderLayer {
           this._fillMiddleLineAtCells(x, y, cell.getWidth());
         }
         if (cell.isUnderline()) {
-          const color = cell.extended.underlineColor;
           if (!cell.isUnderlineColorDefault()) {
             if (cell.isUnderlineColorRGB()) {
               this._ctx.fillStyle = `rgb(${AttributeData.toColorRGB(cell.getUnderlineColor()).join(',')})`;

src/browser/renderer/dom/DomRendererRowFactory.ts

@@ -13,6 +13,7 @@ import { IColorSet } from 'browser/Types';
 import { ICharacterJoinerService, ISelectionService } from 'browser/services/Services';
 import { JoinedCellData } from 'browser/services/CharacterJoinerService';
 import { excludeFromContrastRatioDemands } from 'browser/renderer/RendererUtils';
+import { AttributeData } from 'common/buffer/AttributeData';
 
 export const BOLD_CLASS = 'xterm-bold';
 export const DIM_CLASS = 'xterm-dim';
@@ -166,6 +167,17 @@ export class DomRendererRowFactory {
         if (charElement.textContent === ' ') {
           charElement.innerHTML = ' ';
         }
+        if (!cell.isUnderlineColorDefault()) {
+          if (cell.isUnderlineColorRGB()) {
+            charElement.style.textDecorationColor = `rgb(${AttributeData.toColorRGB(cell.getUnderlineColor()).join(',')})`;
+          } else {
+            let fg = cell.getUnderlineColor();
+            if (this._optionsService.rawOptions.drawBoldTextInBrightColors && cell.isBold() && fg < 8) {
+              fg += 8;
+            }
+            charElement.style.textDecorationColor = this._colors.ansi[fg].css;
+          }
+        }
       }
 
       if (cell.isStrikethrough()) {