Chat - move variable declaration into CSS (#265480)

Author: lszomoru

src/vs/workbench/contrib/chat/browser/chatWidget.ts

@@ -723,14 +723,6 @@ export class ChatWidget extends Disposable implements IChatWidget {
 			this.scrollToEnd();
 		}));
 
-		// Font size variables
-		this.container.style.setProperty('--vscode-chat-font-size-body-xs', '0.846em' /* 11px */);
-		this.container.style.setProperty('--vscode-chat-font-size-body-s', '0.923em' /* 12px */);
-		this.container.style.setProperty('--vscode-chat-font-size-body-m', '1em' /* 13px */);
-		this.container.style.setProperty('--vscode-chat-font-size-body-l', '1.077em' /* 14px */);
-		this.container.style.setProperty('--vscode-chat-font-size-body-xl', '1.231em' /* 16px */);
-		this.container.style.setProperty('--vscode-chat-font-size-body-xxl', '1.538em' /* 20px */);
-
 		// Update the font family and size
 		this._register(autorun(reader => {
 			const fontFamily = this.chatLayoutService.fontFamily.read(reader);

src/vs/workbench/contrib/chat/browser/media/chat.css

@@ -3,6 +3,21 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
+.interactive-session {
+	/* 11px when base font is 13px */
+	--vscode-chat-font-size-body-xs: 0.846em;
+	/* 12px when base font is 13px */
+	--vscode-chat-font-size-body-s: 0.923em;
+	/* 13px when base font is 13px */
+	--vscode-chat-font-size-body-m: 1em;
+	/* 14px when base font is 13px */
+	--vscode-chat-font-size-body-l: 1.077em;
+	/* 16px when base font is 13px */
+	--vscode-chat-font-size-body-xl: 1.231em;
+	/* 20px when base font is 13px */
+	--vscode-chat-font-size-body-xxl: 1.538em;
+}
+
 .interactive-session {
 	max-width: 950px;
 	margin: auto;