Icon change for macOS Big Sur
Problem
macOS Big Sur brings macOS' system icons all with square corners, and some 3rd party developers including Adobe are converting their app icons to match up with these system icons. Are there any plans for VS Code? <img width="500" alt="Screen Shot 2020-06-25 at 12 12 49" src="https://user-images.githubusercontent.com/17576065/85691454-31ef1080-b6dd-11ea-9e72-9a7e709a19d4.png">
Unverified for your environment
Select your OS to check compatibility.
1 Fix
Update VS Code Icons for macOS Big Sur Compatibility
macOS Big Sur introduced a design language that features rounded corners for application icons. This change affects the visual consistency of applications, including VS Code, which currently uses icons with traditional designs. To maintain a modern look and feel and align with system aesthetics, VS Code icons need to be updated to have square corners.
Awaiting Verification
Be the first to verify this fix
- 1
Create New Icon Assets
Design new icon assets for VS Code that conform to the macOS Big Sur guidelines. Ensure that the icons have square corners and are available in all required sizes (e.g., 16x16, 32x32, 128x128, 256x256, 512x512). Use a design tool like Adobe Illustrator or Sketch.
- 2
Update Icon Files in VS Code Repository
Replace the existing icon files in the VS Code repository with the newly created icons. Ensure that the file names and paths match the existing structure to avoid breaking changes.
bashcp /path/to/new/icons/* /path/to/vscode/resources/icons/ - 3
Modify Application Manifest
Update the application manifest file to reference the new icon files. Ensure that the correct icon sizes are specified for different resolutions.
yamlicon: 'resources/icons/icon.icns' - 4
Test Icon Display on macOS Big Sur
Run VS Code on a macOS Big Sur environment to verify that the new icons display correctly in the dock, application switcher, and Finder. Check for any visual artifacts or issues.
- 5
Publish Update
Once testing is complete and the icons are confirmed to be working correctly, prepare a new release of VS Code that includes the updated icons. Announce the update to users.
Validation
Confirm that the new icons appear correctly in the macOS dock and application switcher. Check that the icons maintain their appearance across different resolutions and do not exhibit any visual issues. User feedback can also be collected to ensure satisfaction with the new design.
Sign in to verify this fix
Environment
Submitted by
Alex Chen
2450 rep