feature: Version 4.2.0

1. Adjust icon misalignment.
2.  Remove black background on sides when using centered layout.
3. Add rounded corners to the editing area when using centered layout.
4. Correct the erroneous background colors of certain buttons.

CHANGELOG.md

@@ -1,6 +1,26 @@
 # ChangeLog
 
-## 4.2.1 (2024-06-04)
+## 4.2.0 (2024-06-10)
+
+1.  Adjust icon misalignment.
+
+    -   Address alignment issues with icons to ensure they are displayed correctly.
+
+2.  Remove black background on sides when using centered layout.
+
+    -   Remove the black side panels that appear when employing a centered layout to prevent
+        distractions and maintain focus on the central content.
+
+3.  Add rounded corners to the editing area when using centered layout.
+
+    -   Introduce rounded corners to the editing area in the centered layout to enhance the
+        aesthetic appeal.
+
+4.  Correct the erroneous background colors of certain buttons.
+
+    -   Fix the background colors of specific buttons that are currently incorrect.
+
+## 4.1.1 (2024-06-04)
 
 -   Fix command not found error.
 

README.md

@@ -239,5 +239,5 @@ Some of the great themes that go along with this UI (in no particular order):
 ### Testing platform
 
 -   System: Windows 11 23H2
--   Fluent UI version: 4.1.1
--   Date: 2024-06-04
+-   Fluent UI version: 4.2.0
+-   Date: 2024-06-10

package.json

@@ -8,7 +8,7 @@
     "name": "fluentui-vscode",
     "displayName": "Fluent UI for VSCode",
     "description": "Fluent UI for VSCode based on concept designs from u/zeealeidahmad.",
-    "version": "4.1.1",
+    "version": "4.2.0",
     "icon": "images/icon.png",
     "repository": {
         "type": "git",

src/css/editor_chrome.css

@@ -728,7 +728,7 @@ html {
 .monaco-button,
 .monaco-text-button {
     border-radius: var(--button-radius);
-    background: var(--accent) !important;
+    /* background: var(--accent) !important; */
     color: #ffffff !important;
     text-align: center;
     font-feature-settings: 'rclt' off;
@@ -739,7 +739,7 @@ html {
 
 .monaco-button:hover,
 .monaco-text-button:hover {
-    background: var(--accent-hover) !important;
+    /* background: var(--accent-hover) !important; */
 }
 
 .monaco-button:active,
@@ -1364,6 +1364,22 @@ canvas.decorationsOverviewRuler {
     flex-direction: column !important;
 }
 
+.monaco-scrollable-element .split-view-view .centered-layout-margin {
+    opacity: 0 !important;
+}
+
+.monaco-icon-label:after {
+    margin-top: 0 !important;
+}
+.monaco-tl-contents .monaco-icon-label:after {
+    margin-left: 0 !important;
+}
+
+.monaco-scrollable-element .split-view-view .editor-container {
+    border-bottom-left-radius: var(--border-radius) !important;
+    border-bottom-right-radius: var(--border-radius) !important;
+}
+
 :root {
     --flyout-bg: rgba(252, 252, 252, 0.5);
     --menu-bg: rgba(252, 252, 252, 0.5);