debt - avoid .monaco-workbench outside workbench folder (microsoft#269656)

bpasero · Copilot · web-flow · commit e39f48a1d540 · 2025-10-03T10:11:27.000+02:00
* debt - avoid  outside  folder

* Update src/vs/workbench/browser/parts/editor/multiEditorTabsControl.ts

Co-authored-by: Copilot &lt;175728472+Copilot@users.noreply.github.com&gt;

* feedback

---------

Co-authored-by: Copilot &lt;175728472+Copilot@users.noreply.github.com&gt;
diff --git a/src/vs/base/browser/ui/list/listWidget.ts b/src/vs/base/browser/ui/list/listWidget.ts
@@ -954,7 +954,7 @@ export class DefaultStyleController implements IStyleController {
 			content.push(`
 				.monaco-drag-image${suffix},
 				.monaco-list${suffix}:focus .monaco-list-row.focused,
-				.monaco-workbench.context-menu-visible .monaco-list${suffix}.last-focused .monaco-list-row.focused { outline: 1px solid ${styles.listFocusOutline}; outline-offset: -1px; }
+				.context-menu-visible .monaco-list${suffix}.last-focused .monaco-list-row.focused { outline: 1px solid ${styles.listFocusOutline}; outline-offset: -1px; }
 			`);
 		}
 
@@ -1002,13 +1002,13 @@ export class DefaultStyleController implements IStyleController {
 			content.push(`
 				.monaco-table > .monaco-split-view2,
 				.monaco-table > .monaco-split-view2 .monaco-sash.vertical::before,
-				.monaco-workbench:not(.reduce-motion) .monaco-table:hover > .monaco-split-view2,
-				.monaco-workbench:not(.reduce-motion) .monaco-table:hover > .monaco-split-view2 .monaco-sash.vertical::before {
+				.monaco-enable-motion .monaco-table:hover > .monaco-split-view2,
+				.monaco-enable-motion .monaco-table:hover > .monaco-split-view2 .monaco-sash.vertical::before {
 					border-color: ${styles.tableColumnsBorder};
 				}
 
-				.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2,
-				.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
+				.monaco-enable-motion .monaco-table > .monaco-split-view2,
+				.monaco-enable-motion .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
 					border-color: transparent;
 				}
 			`);
diff --git a/src/vs/base/browser/ui/sash/sash.css b/src/vs/base/browser/ui/sash/sash.css
@@ -111,7 +111,7 @@
 	background: transparent;
 }
 
-.monaco-workbench:not(.reduce-motion) .monaco-sash:before {
+.monaco-enable-motion .monaco-sash:before {
 	transition: background-color 0.1s ease-out;
 }
 
diff --git a/src/vs/base/browser/ui/splitview/paneview.css b/src/vs/base/browser/ui/splitview/paneview.css
@@ -116,7 +116,7 @@
 	transition-timing-function: ease-out;
 }
 
-.reduce-motion .monaco-pane-view .split-view-view {
+.monaco-reduce-motion .monaco-pane-view .split-view-view {
 	transition-duration: 0s !important;
 }
 
diff --git a/src/vs/base/browser/ui/table/table.css b/src/vs/base/browser/ui/table/table.css
@@ -51,7 +51,7 @@
 	border-left: 1px solid transparent;
 }
 
-.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2,
-.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
+.monaco-enable-motion .monaco-table > .monaco-split-view2,
+.monaco-enable-motion .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
 	transition: border-color 0.2s ease-out;
 }
diff --git a/src/vs/base/browser/ui/tree/abstractTree.ts b/src/vs/base/browser/ui/tree/abstractTree.ts
@@ -2870,10 +2870,10 @@ export abstract class AbstractTree<T, TFilterData, TRef> implements IDisposable
 			content.push(`.monaco-list${suffix}.sticky-scroll-focused .monaco-scrollable-element .monaco-tree-sticky-container:focus .monaco-list-row.focused { outline: 1px solid ${styles.listFocusOutline}; outline-offset: -1px; }`);
 			content.push(`.monaco-list${suffix}:not(.sticky-scroll-focused) .monaco-scrollable-element .monaco-tree-sticky-container .monaco-list-row.focused { outline: inherit; }`);
 
-			content.push(`.monaco-workbench.context-menu-visible .monaco-list${suffix}.last-focused.sticky-scroll-focused .monaco-scrollable-element .monaco-tree-sticky-container .monaco-list-row.passive-focused { outline: 1px solid ${styles.listFocusOutline}; outline-offset: -1px; }`);
+			content.push(`.context-menu-visible .monaco-list${suffix}.last-focused.sticky-scroll-focused .monaco-scrollable-element .monaco-tree-sticky-container .monaco-list-row.passive-focused { outline: 1px solid ${styles.listFocusOutline}; outline-offset: -1px; }`);
 
-			content.push(`.monaco-workbench.context-menu-visible .monaco-list${suffix}.last-focused.sticky-scroll-focused .monaco-list-rows .monaco-list-row.focused { outline: inherit; }`);
-			content.push(`.monaco-workbench.context-menu-visible .monaco-list${suffix}.last-focused:not(.sticky-scroll-focused) .monaco-tree-sticky-container .monaco-list-rows .monaco-list-row.focused { outline: inherit; }`);
+			content.push(`.context-menu-visible .monaco-list${suffix}.last-focused.sticky-scroll-focused .monaco-list-rows .monaco-list-row.focused { outline: inherit; }`);
+			content.push(`.context-menu-visible .monaco-list${suffix}.last-focused:not(.sticky-scroll-focused) .monaco-tree-sticky-container .monaco-list-rows .monaco-list-row.focused { outline: inherit; }`);
 		}
 
 		this.styleElement.textContent = content.join('\n');
diff --git a/src/vs/base/browser/ui/tree/media/tree.css b/src/vs/base/browser/ui/tree/media/tree.css
@@ -33,7 +33,7 @@
 	opacity: 0;
 }
 
-.monaco-workbench:not(.reduce-motion) .monaco-tl-indent > .indent-guide {
+.monaco-enable-motion .monaco-tl-indent > .indent-guide {
 	transition: opacity 0.1s linear;
 }
 
@@ -86,7 +86,7 @@
 	border-bottom-right-radius: 4px;
 }
 
-.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter {
+.monaco-enable-motion .monaco-tree-type-filter {
 	transition: top 0.3s;
 }
 
diff --git a/src/vs/editor/contrib/find/browser/findWidget.css b/src/vs/editor/contrib/find/browser/findWidget.css
@@ -24,7 +24,7 @@
 	background-color: var(--vscode-editorWidget-background);
 }
 
-.monaco-workbench.reduce-motion .monaco-editor .find-widget {
+.monaco-reduce-motion .monaco-editor .find-widget {
 	transition: transform 0ms linear;
 }
 
@@ -41,7 +41,7 @@
 	display: flex;
 }
 
-.monaco-editor .find-widget.visible  {
+.monaco-editor .find-widget.visible {
 	transform: translateY(0);
 }
 
@@ -101,7 +101,7 @@
 .monaco-editor .find-widget .monaco-findInput {
 	vertical-align: middle;
 	display: flex;
-	flex:1;
+	flex: 1;
 }
 
 .monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
@@ -201,7 +201,7 @@
 
 /* REDUCED */
 .monaco-editor .find-widget.reduced-find-widget .matchesCount {
-	display:none;
+	display: none;
 }
 
 /* NARROW (SMALLER THAN REDUCED) */
@@ -219,7 +219,7 @@
 .monaco-editor .find-widget.collapsed-find-widget .button.replace,
 .monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
 .monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
-	display:none;
+	display: none;
 }
 
 .monaco-editor .find-widget.no-results .matchesCount {
diff --git a/src/vs/editor/contrib/folding/browser/folding.css b/src/vs/editor/contrib/folding/browser/folding.css
@@ -16,10 +16,10 @@
 	margin-left: 2px;
 }
 
-.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
-.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
-.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
-.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
+.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
+.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
+.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
+.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
 	transition: initial;
 }
 
diff --git a/src/vs/platform/accessibility/browser/accessibilityService.ts b/src/vs/platform/accessibility/browser/accessibilityService.ts
@@ -70,8 +70,8 @@ export class AccessibilityService extends Disposable implements IAccessibilitySe
 
 		const updateRootClasses = () => {
 			const reduce = this.isMotionReduced();
-			this._layoutService.mainContainer.classList.toggle('reduce-motion', reduce);
-			this._layoutService.mainContainer.classList.toggle('enable-motion', !reduce);
+			this._layoutService.mainContainer.classList.toggle('monaco-reduce-motion', reduce);
+			this._layoutService.mainContainer.classList.toggle('monaco-enable-motion', !reduce);
 		};
 
 		updateRootClasses();
diff --git a/src/vs/workbench/browser/actions/media/actions.css b/src/vs/workbench/browser/actions/media/actions.css
@@ -35,7 +35,7 @@
 	text-overflow: ellipsis;
 }
 
-.monaco-workbench:not(.reduce-motion) .screencast-keyboard {
+.monaco-workbench.monaco-enable-motion .screencast-keyboard {
 	transition: opacity 0.3s ease-out;
 }
 
diff --git a/src/vs/workbench/browser/parts/editor/media/editordroptarget.css b/src/vs/workbench/browser/parts/editor/media/editordroptarget.css
@@ -25,7 +25,7 @@
 	justify-content: center;
 }
 
-.monaco-workbench:not(.reduce-motion) #monaco-workbench-editor-drop-overlay > .editor-group-overlay-indicator {
+.monaco-workbench.monaco-enable-motion #monaco-workbench-editor-drop-overlay > .editor-group-overlay-indicator {
 	transition: opacity 150ms ease-out;
 }
 
@@ -37,7 +37,7 @@
 	opacity: 0; /* hidden initially */
 }
 
-.monaco-workbench:not(.reduce-motion) #monaco-workbench-editor-drop-overlay .editor-group-overlay-drop-into-prompt {
+.monaco-workbench.monaco-enable-motion #monaco-workbench-editor-drop-overlay .editor-group-overlay-drop-into-prompt {
 	transition: opacity 150ms ease-out;
 }
 
@@ -50,6 +50,6 @@
 	font-style: normal;
 }
 
-.monaco-workbench:not(.reduce-motion) #monaco-workbench-editor-drop-overlay > .editor-group-overlay-indicator.overlay-move-transition {
+.monaco-workbench.monaco-enable-motion #monaco-workbench-editor-drop-overlay > .editor-group-overlay-indicator.overlay-move-transition {
 	transition: top 70ms ease-out, left 70ms ease-out, width 70ms ease-out, height 70ms ease-out, opacity 150ms ease-out;
 }
diff --git a/src/vs/workbench/browser/parts/editor/multiEditorTabsControl.ts b/src/vs/workbench/browser/parts/editor/multiEditorTabsControl.ts
@@ -640,19 +640,19 @@ export class MultiEditorTabsControl extends EditorTabsControl {
 		}
 	}
 
-	moveEditor(editor: EditorInput, fromTabIndex: number, targeTabIndex: number): void {
+	moveEditor(editor: EditorInput, fromTabIndex: number, targetTabIndex: number): void {
 
 		// Move the editor label
 		const editorLabel = this.tabLabels[fromTabIndex];
 		this.tabLabels.splice(fromTabIndex, 1);
-		this.tabLabels.splice(targeTabIndex, 0, editorLabel);
+		this.tabLabels.splice(targetTabIndex, 0, editorLabel);
 
 		// Redraw tabs in the range of the move
 		this.forEachTab((editor, tabIndex, tabContainer, tabLabelWidget, tabLabel, tabActionBar) => {
 			this.redrawTab(editor, tabIndex, tabContainer, tabLabelWidget, tabLabel, tabActionBar);
 		},
-			Math.min(fromTabIndex, targeTabIndex), 	// from: smallest of fromTabIndex/targeTabIndex
-			Math.max(fromTabIndex, targeTabIndex)	//   to: largest of fromTabIndex/targeTabIndex
+			Math.min(fromTabIndex, targetTabIndex), // from: smallest of fromTabIndex/targetTabIndex
+			Math.max(fromTabIndex, targetTabIndex)	//   to: largest of fromTabIndex/targetTabIndex
 		);
 
 		// Moving an editor requires a layout to keep the active editor visible
diff --git a/src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css b/src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css
@@ -40,8 +40,8 @@
 	border-radius: 4px;
 }
 
-.monaco-workbench.reduce-motion > .notifications-toasts .notification-toast-container > .notification-toast {
-	transition:	transform 0ms ease-out, opacity 0ms ease-out;
+.monaco-workbench.monaco-reduce-motion > .notifications-toasts .notification-toast-container > .notification-toast {
+	transition: transform 0ms ease-out, opacity 0ms ease-out;
 }
 
 .monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast.notification-fade-in {
@@ -52,7 +52,7 @@
 .monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast.notification-fade-in-done {
 	opacity: 1;
 	transform: none;
-	transition:	none;
+	transition: none;
 }
 
 /* Icons */
diff --git a/src/vs/workbench/browser/parts/statusbar/media/statusbarpart.css b/src/vs/workbench/browser/parts/statusbar/media/statusbarpart.css
@@ -13,7 +13,7 @@
 	overflow: hidden;
 }
 
-.monaco-workbench:not(.reduce-motion) .part.statusbar {
+.monaco-workbench.monaco-enable-motion .part.statusbar {
 	transition: background-color 0.15s ease-out;
 }
 
diff --git a/src/vs/workbench/browser/parts/views/media/views.css b/src/vs/workbench/browser/parts/views/media/views.css
@@ -101,7 +101,7 @@
 	max-width: 300px;
 }
 
-.monaco-workbench:not(.reduce-motion) .pane > .pane-body .welcome-view-content > .button-container {
+.monaco-workbench.monaco-enable-motion .pane > .pane-body .welcome-view-content > .button-container {
 	transition: 0.2s max-width ease-out;
 }
 
diff --git a/src/vs/workbench/contrib/chat/electron-browser/actions/media/voiceChatActions.css b/src/vs/workbench/contrib/chat/electron-browser/actions/media/voiceChatActions.css
@@ -22,16 +22,16 @@
 /*
  * Clear animation styles when reduced motion is enabled.
  */
-.monaco-workbench.reduce-motion .interactive-input-part .monaco-action-bar .action-label.codicon-sync.codicon-modifier-spin:not(.disabled),
-.monaco-workbench.reduce-motion .interactive-input-part .monaco-action-bar .action-label.codicon-loading.codicon-modifier-spin:not(.disabled) {
+.monaco-workbench.monaco-reduce-motion .interactive-input-part .monaco-action-bar .action-label.codicon-sync.codicon-modifier-spin:not(.disabled),
+.monaco-workbench.monaco-reduce-motion .interactive-input-part .monaco-action-bar .action-label.codicon-loading.codicon-modifier-spin:not(.disabled) {
 	animation: none;
 }
 
 /*
  * Replace with "stop" icon when reduced motion is enabled.
  */
-.monaco-workbench.reduce-motion .interactive-input-part .monaco-action-bar .action-label.codicon-sync.codicon-modifier-spin:not(.disabled)::before,
-.monaco-workbench.reduce-motion .interactive-input-part .monaco-action-bar .action-label.codicon-loading.codicon-modifier-spin:not(.disabled)::before {
+.monaco-workbench.monaco-reduce-motion .interactive-input-part .monaco-action-bar .action-label.codicon-sync.codicon-modifier-spin:not(.disabled)::before,
+.monaco-workbench.monaco-reduce-motion .interactive-input-part .monaco-action-bar .action-label.codicon-loading.codicon-modifier-spin:not(.disabled)::before {
 	content: var(--vscode-icon-debug-stop-content);
 	font-family: var(--vscode-icon-debug-stop-font-family);
 }
diff --git a/src/vs/workbench/contrib/chat/electron-browser/actions/voiceChatActions.ts b/src/vs/workbench/contrib/chat/electron-browser/actions/voiceChatActions.ts
@@ -1264,17 +1264,17 @@ registerThemingParticipant((theme, collector) => {
 
 	// Show a "microphone" or "pulse" icon when speech-to-text or text-to-speech is in progress that glows via outline.
 	collector.addRule(`
-		.monaco-workbench:not(.reduce-motion) .interactive-input-part .monaco-action-bar .action-label.codicon-sync.codicon-modifier-spin:not(.disabled),
-		.monaco-workbench:not(.reduce-motion) .interactive-input-part .monaco-action-bar .action-label.codicon-loading.codicon-modifier-spin:not(.disabled) {
+		.monaco-workbench.monaco-enable-motion .interactive-input-part .monaco-action-bar .action-label.codicon-sync.codicon-modifier-spin:not(.disabled),
+		.monaco-workbench.monaco-enable-motion .interactive-input-part .monaco-action-bar .action-label.codicon-loading.codicon-modifier-spin:not(.disabled) {
 			color: ${activeRecordingColor};
 			outline: 1px solid ${activeRecordingColor};
 			outline-offset: -1px;
 			animation: pulseAnimation 1s infinite;
 			border-radius: 50%;
 		}
 
-		.monaco-workbench:not(.reduce-motion) .interactive-input-part .monaco-action-bar .action-label.codicon-sync.codicon-modifier-spin:not(.disabled)::before,
-		.monaco-workbench:not(.reduce-motion) .interactive-input-part .monaco-action-bar .action-label.codicon-loading.codicon-modifier-spin:not(.disabled)::before {
+		.monaco-workbench.monaco-enable-motion .interactive-input-part .monaco-action-bar .action-label.codicon-sync.codicon-modifier-spin:not(.disabled)::before,
+		.monaco-workbench.monaco-enable-motion .interactive-input-part .monaco-action-bar .action-label.codicon-loading.codicon-modifier-spin:not(.disabled)::before {
 			position: absolute;
 			outline: 1px solid ${activeRecordingColor};
 			outline-offset: 2px;
@@ -1283,23 +1283,13 @@ registerThemingParticipant((theme, collector) => {
 			height: 16px;
 		}
 
-		.monaco-workbench:not(.reduce-motion) .interactive-input-part .monaco-action-bar .action-label.codicon-sync.codicon-modifier-spin:not(.disabled)::after,
-		.monaco-workbench:not(.reduce-motion) .interactive-input-part .monaco-action-bar .action-label.codicon-loading.codicon-modifier-spin:not(.disabled)::after {
+		.monaco-workbench.monaco-enable-motion .interactive-input-part .monaco-action-bar .action-label.codicon-sync.codicon-modifier-spin:not(.disabled)::after,
+		.monaco-workbench.monaco-enable-motion .interactive-input-part .monaco-action-bar .action-label.codicon-loading.codicon-modifier-spin:not(.disabled)::after {
 			outline: 2px solid ${activeRecordingColor};
 			outline-offset: -1px;
 			animation: pulseAnimation 1500ms cubic-bezier(0.75, 0, 0.25, 1) infinite;
 		}
 
-		.monaco-workbench:not(.reduce-motion) .interactive-input-part .monaco-action-bar .action-label.codicon-sync.codicon-modifier-spin:not(.disabled)::before,
-		.monaco-workbench:not(.reduce-motion) .interactive-input-part .monaco-action-bar .action-label.codicon-loading.codicon-modifier-spin:not(.disabled)::before {
-			position: absolute;
-			outline: 1px solid ${activeRecordingColor};
-			outline-offset: 2px;
-			border-radius: 50%;
-			width: 16px;
-			height: 16px;
-		}
-
 		@keyframes pulseAnimation {
 			0% {
 				outline-width: 2px;
diff --git a/src/vs/workbench/contrib/codeEditor/browser/find/simpleFindWidget.css b/src/vs/workbench/contrib/codeEditor/browser/find/simpleFindWidget.css
@@ -37,7 +37,7 @@
 	font-size: 12px;
 }
 
-.monaco-workbench.reduce-motion .monaco-editor .find-widget {
+.monaco-workbench.monaco-reduce-motion .monaco-editor .find-widget {
 	transition: top 0ms linear;
 }
 
@@ -107,7 +107,7 @@ div.simple-find-part-wrapper div.button:hover:not(.disabled) {
 	border-bottom-left-radius: 4px;
 }
 
-.monaco-workbench .simple-find-part .monaco-sash.vertical:before{
+.monaco-workbench .simple-find-part .monaco-sash.vertical:before {
 	width: 2px;
 	left: calc(50% - (var(--vscode-sash-hover-size) / 4));
 }
diff --git a/src/vs/workbench/contrib/notebook/browser/contrib/find/notebookFindReplaceWidget.css b/src/vs/workbench/contrib/notebook/browser/contrib/find/notebookFindReplaceWidget.css
@@ -21,7 +21,7 @@
 	border-bottom-right-radius: 4px;
 }
 
-.monaco-workbench.reduce-motion .simple-fr-find-part-wrapper {
+.monaco-workbench.monaco-reduce-motion .simple-fr-find-part-wrapper {
 	transition: top 0ms linear;
 }
 
diff --git a/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css b/src/vs/workbench/contrib/notebook/browser/media/notebookCellChat.css
@@ -180,6 +180,7 @@
 }
 
 .monaco-workbench .notebookOverlay .cell-chat-part .inline-chat .markdownMessage .message {
+	line-clamp: initial;
 	-webkit-line-clamp: initial;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
diff --git a/src/vs/workbench/contrib/notebook/browser/media/notebookCellInsertToolbar.css b/src/vs/workbench/contrib/notebook/browser/media/notebookCellInsertToolbar.css
@@ -23,8 +23,8 @@
 	margin: 0 16px 0 16px;
 }
 
-.monaco-workbench:not(.reduce-motion) .notebookOverlay .cell-list-top-cell-toolbar-container,
-.monaco-workbench:not(.reduce-motion) .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container {
+.monaco-workbench.monaco-enable-motion .notebookOverlay .cell-list-top-cell-toolbar-container,
+.monaco-workbench.monaco-enable-motion .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .cell-bottom-toolbar-container {
 	transition: opacity 0.3s ease-in-out;
 }
 
diff --git a/src/vs/workbench/contrib/notebook/browser/media/notebookFolding.css b/src/vs/workbench/contrib/notebook/browser/media/notebookFolding.css
@@ -7,8 +7,8 @@
 	opacity: 0;
 }
 
-.monaco-workbench:not(.reduce-motion) .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded {
-	transition: opacity 0.1 s;
+.monaco-workbench.monaco-enable-motion .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded {
+	transition: opacity 0.1s;
 }
 
 .monaco-workbench .notebookOverlay > .cell-list-container > .monaco-list > .monaco-scrollable-element > .monaco-list-rows > .monaco-list-row .markdown-cell-hover .notebook-folding-indicator.mouseover .codicon.codicon-notebook-expanded {
diff --git a/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css b/src/vs/workbench/contrib/preferences/browser/media/settingsEditor2.css
@@ -276,7 +276,7 @@
 	justify-content: center;
 }
 
-.monaco-workbench:not(.reduce-motion) .settings-editor > .settings-body .settings-tree-container .setting-toolbar-container > .monaco-toolbar .codicon {
+.monaco-workbench.monaco-enable-motion .settings-editor > .settings-body .settings-tree-container .setting-toolbar-container > .monaco-toolbar .codicon {
 	transition: opacity .3s;
 }
 
diff --git a/src/vs/workbench/contrib/scm/browser/media/dirtydiffDecorator.css b/src/vs/workbench/contrib/scm/browser/media/dirtydiffDecorator.css
diff --git a/src/vs/workbench/contrib/search/browser/media/searchview.css b/src/vs/workbench/contrib/search/browser/media/searchview.css
diff --git a/src/vs/workbench/contrib/terminal/browser/media/terminal.css b/src/vs/workbench/contrib/terminal/browser/media/terminal.css
diff --git a/src/vs/workbench/contrib/userDataProfile/browser/media/userDataProfilesEditor.css b/src/vs/workbench/contrib/userDataProfile/browser/media/userDataProfilesEditor.css
diff --git a/src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css b/src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css

Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,7 @@`
`111`	`111`	`background: transparent;`
`112`	`112`	`}`
`113`	`113`
`114`		`-.monaco-workbench:not(.reduce-motion) .monaco-sash:before {`
	`114`	`+.monaco-enable-motion .monaco-sash:before {`
`115`	`115`	`transition: background-color 0.1s ease-out;`
`116`	`116`	`}`
`117`	`117`
Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@`
`116`	`116`	`transition-timing-function: ease-out;`
`117`	`117`	`}`
`118`	`118`
`119`		`-.reduce-motion .monaco-pane-view .split-view-view {`
	`119`	`+.monaco-reduce-motion .monaco-pane-view .split-view-view {`
`120`	`120`	`transition-duration: 0s !important;`
`121`	`121`	`}`
`122`	`122`
Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@`
`51`	`51`	`border-left: 1px solid transparent;`
`52`	`52`	`}`
`53`	`53`
`54`		`-.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2,`
`55`		`-.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {`
	`54`	`+.monaco-enable-motion .monaco-table > .monaco-split-view2,`
	`55`	`+.monaco-enable-motion .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {`
`56`	`56`	`transition: border-color 0.2s ease-out;`
`57`	`57`	`}`
Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@`
`33`	`33`	`opacity: 0;`
`34`	`34`	`}`
`35`	`35`
`36`		`-.monaco-workbench:not(.reduce-motion) .monaco-tl-indent > .indent-guide {`
	`36`	`+.monaco-enable-motion .monaco-tl-indent > .indent-guide {`
`37`	`37`	`transition: opacity 0.1s linear;`
`38`	`38`	`}`
`39`	`39`
`@@ -86,7 +86,7 @@`
`86`	`86`	`border-bottom-right-radius: 4px;`
`87`	`87`	`}`
`88`	`88`
`89`		`-.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter {`
	`89`	`+.monaco-enable-motion .monaco-tree-type-filter {`
`90`	`90`	`transition: top 0.3s;`
`91`	`91`	`}`
`92`	`92`
Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,7 @@`
`24`	`24`	`background-color: var(--vscode-editorWidget-background);`
`25`	`25`	`}`
`26`	`26`
`27`		`-.monaco-workbench.reduce-motion .monaco-editor .find-widget {`
	`27`	`+.monaco-reduce-motion .monaco-editor .find-widget {`
`28`	`28`	`transition: transform 0ms linear;`
`29`	`29`	`}`
`30`	`30`
`@@ -41,7 +41,7 @@`
`41`	`41`	`display: flex;`
`42`	`42`	`}`
`43`	`43`
`44`		`-.monaco-editor .find-widget.visible {`
	`44`	`+.monaco-editor .find-widget.visible {`
`45`	`45`	`transform: translateY(0);`
`46`	`46`	`}`
`47`	`47`
`@@ -101,7 +101,7 @@`
`101`	`101`	`.monaco-editor .find-widget .monaco-findInput {`
`102`	`102`	`vertical-align: middle;`
`103`	`103`	`display: flex;`
`104`		`- flex:1;`
	`104`	`+ flex: 1;`
`105`	`105`	`}`
`106`	`106`
`107`	`107`	`.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {`
`@@ -201,7 +201,7 @@`
`201`	`201`
`202`	`202`	`/* REDUCED */`
`203`	`203`	`.monaco-editor .find-widget.reduced-find-widget .matchesCount {`
`204`		`- display:none;`
	`204`	`+ display: none;`
`205`	`205`	`}`
`206`	`206`
`207`	`207`	`/* NARROW (SMALLER THAN REDUCED) */`
`@@ -219,7 +219,7 @@`
`219`	`219`	`.monaco-editor .find-widget.collapsed-find-widget .button.replace,`
`220`	`220`	`.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,`
`221`	`221`	`.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {`
`222`		`- display:none;`
	`222`	`+ display: none;`
`223`	`223`	`}`
`224`	`224`
`225`	`225`	`.monaco-editor .find-widget.no-results .matchesCount {`
Original file line number	Diff line number	Diff line change
`@@ -16,10 +16,10 @@`
`16`	`16`	`margin-left: 2px;`
`17`	`17`	`}`
`18`	`18`
`19`		`-.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,`
`20`		`-.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,`
`21`		`-.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,`
`22`		`-.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {`
	`19`	`+.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,`
	`20`	`+.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,`
	`21`	`+.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,`
	`22`	`+.monaco-reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {`
`23`	`23`	`transition: initial;`
`24`	`24`	`}`
`25`	`25`
Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@`
`35`	`35`	`text-overflow: ellipsis;`
`36`	`36`	`}`
`37`	`37`
`38`		`-.monaco-workbench:not(.reduce-motion) .screencast-keyboard {`
	`38`	`+.monaco-workbench.monaco-enable-motion .screencast-keyboard {`
`39`	`39`	`transition: opacity 0.3s ease-out;`
`40`	`40`	`}`
`41`	`41`