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:
parent
0814a53cb4
commit
d580139e5a
5 changed files with 5 additions and 5 deletions
BIN
deferred/original-icons/icon-public-512-white.png
Normal file
BIN
deferred/original-icons/icon-public-512-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
deferred/original-icons/logo-sidebar-338-white.png
Normal file
BIN
deferred/original-icons/logo-sidebar-338-white.png
Normal file
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 |
Binary file not shown.
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 13 KiB |
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue