fix(icons): true alpha channel, no white matte or white tile

- public/icon.png and src/assets/logo.png were grayscale (mode L): a flat
  white field, no alpha, which rendered as a white box/halo on every
  non-white surface (window/taskbar icon, sidebar, launchers)
- regenerate both as RGBA: alpha is the ink coverage, RGB forced to 0 so
  no white matte can leak through semi-transparent edge pixels
- styles.css: drop the white tile background/border-radius and cover-fit
  from .sidebar-logo; the artwork now composites directly (contain-fit)
- originals preserved under deferred/original-icons/
This commit is contained in:
Avi 2026-09-09 19:58:56 -05:00
commit d580139e5a
5 changed files with 5 additions and 5 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Before After
Before After

View file

@ -808,22 +808,22 @@ a {
.sidebar-logo { .sidebar-logo {
width: 38px; width: 38px;
height: 38px; height: 38px;
border-radius: 11px;
display: grid; display: grid;
place-items: center; place-items: center;
background: #fff; /* The logo PNG now carries a real alpha channel: no tile background,
border, or mask — the artwork composites directly on the sidebar. */
overflow: hidden; overflow: hidden;
} }
.sidebar-logo img { .sidebar-logo img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: contain;
display: block; display: block;
} }
/* The artwork is black-on-white; flip it in dark themes so it stays black /* The artwork is black ink; flip it in dark themes so it stays visible on
bird on dark tile instead of a glaring white square. */ dark sidebars. */
html[data-theme='dark'] .sidebar-logo img, html[data-theme='dark'] .sidebar-logo img,
html[data-theme='neon'] .sidebar-logo img, html[data-theme='neon'] .sidebar-logo img,
html[data-theme='glass'] .sidebar-logo img { html[data-theme='glass'] .sidebar-logo img {