From ddd02b49683a357f41f4c8577ef9b2555be7584b Mon Sep 17 00:00:00 2001
From: Nick Mitchell <nickm@us.ibm.com>
Date: Sat, 6 Apr 2019 16:04:50 -0400
Subject: [PATCH] feat: add DIM support to DomRenderer

part of #1896
---
 src/renderer/dom/DomRendererRowFactory.ts | 5 +++++
 src/xterm.css                             | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/src/renderer/dom/DomRendererRowFactory.ts b/src/renderer/dom/DomRendererRowFactory.ts
index 47232981..707d3466 100644
--- a/src/renderer/dom/DomRendererRowFactory.ts
+++ b/src/renderer/dom/DomRendererRowFactory.ts
@@ -10,6 +10,7 @@ import { DEFAULT_COLOR, INVERTED_DEFAULT_COLOR } from '../atlas/Types';
 import { CellData } from '../../BufferLine';
 
 export const BOLD_CLASS = 'xterm-bold';
+export const DIM_CLASS = 'xterm-dim';
 export const ITALIC_CLASS = 'xterm-italic';
 export const CURSOR_CLASS = 'xterm-cursor';
 export const CURSOR_BLINK_CLASS = 'xterm-cursor-blink';
@@ -107,6 +108,10 @@ export class DomRendererRowFactory {
         charElement.classList.add(ITALIC_CLASS);
       }
 
+      if (flags & FLAGS.DIM) {
+        charElement.classList.add(exports.DIM_CLASS);
+      }
+
       charElement.textContent = this._workCell.getChars() || WHITESPACE_CELL_CHAR;
       if (fg !== DEFAULT_COLOR) {
         charElement.classList.add(`xterm-fg-${fg}`);
diff --git a/src/xterm.css b/src/xterm.css
index 2e47b1a1..e0319f87 100644
--- a/src/xterm.css
+++ b/src/xterm.css
@@ -161,3 +161,7 @@
     height: 1px;
     overflow: hidden;
 }
+
+.xterm-dim {
+    opacity: 0.6;
+}