diff --git a/src/vs/workbench/browser/parts/activitybar/media/activitybarpart.css b/src/vs/workbench/browser/parts/activitybar/media/activitybarpart.css
index 7b900b9d42bd..66231d1ab2e2 100644
--- a/src/vs/workbench/browser/parts/activitybar/media/activitybarpart.css
+++ b/src/vs/workbench/browser/parts/activitybar/media/activitybarpart.css
@@ -7,6 +7,21 @@
 	width: 48px;
 }
 
+.monaco-workbench.windows .part.activitybar,
+.monaco-workbench.linux .part.activitybar,
+.monaco-workbench.web .part.activitybar {
+	/*
+	 * Explicitly put the part onto its own layer to help Chrome to
+	 * render the content with LCD-anti-aliasing. By partioning the
+	 * workbench into multiple layers, we can ensure that a bad
+	 * behaving part is not making another part fallback to greyscale
+	 * rendering.
+	 *
+	 * macOS: does not render LCD-anti-aliased.
+	 */
+	transform: translate3d(0px, 0px, 0px);
+}
+
 .monaco-workbench .activitybar > .content {
 	height: 100%;
 	display: flex;
diff --git a/src/vs/workbench/browser/parts/panel/media/panelpart.css b/src/vs/workbench/browser/parts/panel/media/panelpart.css
index 64af1d210114..82e2097540f6 100644
--- a/src/vs/workbench/browser/parts/panel/media/panelpart.css
+++ b/src/vs/workbench/browser/parts/panel/media/panelpart.css
@@ -12,6 +12,21 @@
 	z-index: initial;
 }
 
+.monaco-workbench.windows .part.panel,
+.monaco-workbench.linux .part.panel,
+.monaco-workbench.web .part.panel {
+	/*
+	 * Explicitly put the part onto its own layer to help Chrome to
+	 * render the content with LCD-anti-aliasing. By partioning the
+	 * workbench into multiple layers, we can ensure that a bad
+	 * behaving part is not making another part fallback to greyscale
+	 * rendering.
+	 *
+	 * macOS: does not render LCD-anti-aliased.
+	 */
+	transform: translate3d(0px, 0px, 0px);
+}
+
 .monaco-workbench .part.panel .title {
 	height: 35px;
 	display: flex;
diff --git a/src/vs/workbench/browser/parts/statusbar/media/statusbarpart.css b/src/vs/workbench/browser/parts/statusbar/media/statusbarpart.css
index b859f25c71fb..458d024626b8 100644
--- a/src/vs/workbench/browser/parts/statusbar/media/statusbarpart.css
+++ b/src/vs/workbench/browser/parts/statusbar/media/statusbarpart.css
@@ -13,6 +13,21 @@
 	overflow: visible;
 }
 
+.monaco-workbench.windows .part.statusbar,
+.monaco-workbench.linux .part.statusbar,
+.monaco-workbench.web .part.statusbar {
+	/*
+	 * Explicitly put the part onto its own layer to help Chrome to
+	 * render the content with LCD-anti-aliasing. By partioning the
+	 * workbench into multiple layers, we can ensure that a bad
+	 * behaving part is not making another part fallback to greyscale
+	 * rendering.
+	 *
+	 * macOS: does not render LCD-anti-aliased.
+	 */
+	transform: translate3d(0px, 0px, 0px);
+}
+
 .monaco-workbench .part.statusbar.status-border-top::after {
 	content: '';
 	position: absolute;
diff --git a/src/vs/workbench/browser/parts/titlebar/media/titlebarpart.css b/src/vs/workbench/browser/parts/titlebar/media/titlebarpart.css
index c0789900ba25..cdfba0ded320 100644
--- a/src/vs/workbench/browser/parts/titlebar/media/titlebarpart.css
+++ b/src/vs/workbench/browser/parts/titlebar/media/titlebarpart.css
@@ -22,7 +22,17 @@
 .monaco-workbench.windows .part.titlebar,
 .monaco-workbench.linux .part.titlebar,
 .monaco-workbench.web .part.titlebar {
-	/* put on own layer due to https://github.com/microsoft/vscode/issues/84806 */
+	/*
+	 * Explicitly put the part onto its own layer to help Chrome to
+	 * render the content with LCD-anti-aliasing. By partioning the
+	 * workbench into multiple layers, we can ensure that a bad
+	 * behaving part is not making another part fallback to greyscale
+	 * rendering.
+	 *
+	 * macOS: does not render LCD-anti-aliased.
+	 *
+	 * Related: https://github.com/microsoft/vscode/issues/84806
+	 */
 	transform: translate3d(0px, 0px, 0px);
 }