Refresh the app icon and README banner to match the Fluent UI#143
Merged
Conversation
The app icon and README banner were holdovers from an earlier era -- a glossy, faux-3D orange mouse that reads as Windows 7. Since the rest of the UI has moved to Fluent (and Jack251970#138 just swapped the per-row PNG chrome for Fluent glyphs), the icon was the last piece that still looked dated. This change redesigns both the app icon and the README banner in a flatter, Fluent-aligned style, and commits the SVG sources alongside the rasters so future tweaks don't need a round trip to a designer. - Redesigns the app icon (AppIcon.ico + Properties/Resources/Images/Logo.png) and the README header banner (Logo/Logo.png). - Commits the SVG masters: Properties/AppIcon.svg, Logo/Logo.svg (Chinese), Logo/Logo-en.svg (English). - AppIcon.ico now embeds sizes 16/20/24/32/40/48/64/96/128/256 so the icon stays sharp across Explorer, taskbar, title bar, and Alt+Tab at any DPI. - Adds an English banner (Logo/Logo-en.png); README-en.md used to point at the Chinese banner and now references the English one. Both banners are rasterized at the same per-unit density and padded to a shared canvas so <img width="700"> renders them at identical scale in either README. - Fixes src="/Logo/Logo.png" in both READMEs to ./Logo/... . The leading slash renders on GitHub but breaks in VS Code's markdown preview, which resolves it against the workspace root. - Adds generate-icons.ps1 (PowerShell 7 + resvg + magick) to reproduce every raster from the SVGs. - Drops the icon-attribution lines from both READMEs since that icon is being replaced.
Added thanks to 澜芸 and KamilDev for new icons in both English and Chinese README files.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
The app icon and README banner were holdovers from an earlier era — a glossy, faux-3D orange mouse that reads as Windows 7. Since the rest of the UI has moved to Fluent (and #138 just swapped the per-row PNG chrome for Fluent glyphs), the icon was the last piece that still looked dated. This PR redesigns both the app icon and the README banner to sit alongside the Fluent UI rather than against it, and commits the SVG sources alongside the rasters so future tweaks don't need a round trip to a designer.
Changes
AppIcon.ico+ the runtime window / About iconProperties/Resources/Images/Logo.png) and the README header banner (Logo/Logo.png) in a flatter, Fluent-aligned style.ContextMenuManager/Properties/AppIcon.svg,Logo/Logo.svg(Chinese),Logo/Logo-en.svg(English).AppIcon.iconow embeds sizes 16 / 20 / 24 / 32 / 40 / 48 / 64 / 96 / 128 / 256 so the icon stays sharp across Explorer, taskbar, title bar, and Alt+Tab at any DPI.Logo/Logo-en.png) rendered from the new English SVG.README-en.mdused to point at the Chinese banner; it now references the English one. Both banners are rasterized at the same per-unit density and padded to a shared canvas, so<img width="700">renders them at identical scale in either README.src="/Logo/Logo.png"in both READMEs to./Logo/.... The leading slash renders on GitHub (which treats it as repo-relative) but breaks in VS Code's markdown preview (which resolves it against the workspace root).generate-icons.ps1(PowerShell 7 +resvg+magick) to reproduce every raster from the SVGs.感谢由 [澜芸] 制作的的新图标！/Thanks to [澜芸] for new icons!attribution lines, since that icon is being replaced. Happy to revert this if you'd rather keep the credit.Screenshots
Before
After
简体中文
English