harivansh-afk/sandbox-agent
1
0
Fork 0
mirror of https://github.com/harivansh-afk/sandbox-agent.git synced 2026-04-15 06:04:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix desktop icon size and update login link

Browse source 
- Add proper macOS icon padding (80% scale) so icon matches system icon sizes
- Strip glass/glow effects from icon SVG for Liquid Glass compatibility
- Add separate flat layer SVGs for Apple Icon Composer
- Regenerate all raster icon formats (png, icns, ico)
- Update "Learn more" link to https://sandboxagent.dev/

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Nicholas Kissel 2026-03-13 00:33:00 -07:00
parent f464fa96ad
commit f939025197
12 changed files with 34 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
foundry/packages/desktop/src-tauri/icons/128x128.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

Before After
Before After

BIN
foundry/packages/desktop/src-tauri/icons/128x128@2x.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

Before After
Before After

BIN
foundry/packages/desktop/src-tauri/icons/32x32.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 829 B

Before After
Before After

BIN
foundry/packages/desktop/src-tauri/icons/64x64.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After

4
foundry/packages/desktop/src-tauri/icons/icon-layer-background.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Background layer: flat dark fill. OS applies squircle mask + Liquid Glass. -->
<rect width="1024" height="1024" fill="#0D0D0D"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 249 B

5
foundry/packages/desktop/src-tauri/icons/icon-layer-border.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Border layer: flat inner rounded rect stroke. No glow — let Liquid Glass handle depth. -->
<rect x="152" y="152" width="720" height="720" rx="205"
fill="none" stroke="#F0F0F0" stroke-width="67" stroke-opacity="0.9"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 347 B

8
foundry/packages/desktop/src-tauri/icons/icon-layer-logo.svg Normal file
View file

@ -0,0 +1,8 @@
<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Logo layer: flat white Y mark. No specular gradient — let Liquid Glass handle highlights. -->
<g transform="translate(512, 512) scale(7.87) translate(-65, -64)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M88.0429 44.2658C89.3803 43.625 90.8907 44.1955 91.5731 45.3776C92.2556 46.5596 91.9945 48.1529 90.7709 48.9907L72.3923 62.885C71.8013 63.2262 71.4248 63.7062 71.1029 64.2861C70.781 64.8659 70.5554 65.3922 70.5443 66.0553L67.7403 88.9495C67.521 90.3894 66.4114 91.423 64.9867 91.4576C63.5619 91.4922 62.3731 90.3429 62.24 88.9751L59.3859 66.0642C59.3971 65.4011 59.2126 64.8489 58.8714 64.2579C58.5302 63.6669 58.1442 63.231 57.5643 62.9091L39.15 48.9819C38.032 48.1828 37.6311 46.5786 38.3734 45.362C39.1157 44.1454 40.5656 43.7013 41.9223 44.2314L63.1512 53.2502C63.731 53.5721 64.2996 53.6398 64.9627 53.651C65.6259 53.6622 66.2298 53.5761 66.8208 53.2349L88.0429 44.2658Z"
fill="#FFFFFF"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

107
foundry/packages/desktop/src-tauri/icons/icon-source.svg
View file

@ -16,7 +16,7 @@
"/>
</clipPath>
<!-- macOS squircle shape for stroke -->
<!-- macOS squircle shape -->
<path id="squircle-path" d="
M 229 0
H 795
@ -29,102 +29,27 @@
C 0 102.5 102.5 0 229 0
Z
"/>
<!-- Base dark gradient with subtle depth -->
<linearGradient id="base-gradient" x1="0" y1="0" x2="1024" y2="1024" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#1A1A1A"/>
<stop offset="0.5" stop-color="#0F0F0F"/>
<stop offset="1" stop-color="#0A0A0A"/>
</linearGradient>
<!-- Glass highlight overlay (top-left lighter) -->
<linearGradient id="glass-overlay" x1="0" y1="0" x2="1024" y2="1024" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="white" stop-opacity="0.12"/>
<stop offset="0.35" stop-color="white" stop-opacity="0.04"/>
<stop offset="0.65" stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="black" stop-opacity="0.15"/>
</linearGradient>
<!-- Top edge highlight (light reflection) -->
<linearGradient id="top-highlight" x1="256" y1="0" x2="768" y2="0" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="white" stop-opacity="0"/>
<stop offset="0.2" stop-color="white" stop-opacity="0.4"/>
<stop offset="0.5" stop-color="white" stop-opacity="0.6"/>
<stop offset="0.8" stop-color="white" stop-opacity="0.4"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<!-- Inner border glow -->
<filter id="inner-border-glow" x="-10%" y="-10%" width="120%" height="120%">
<feGaussianBlur in="SourceGraphic" stdDeviation="6" result="blur"/>
<feMerge>
<feMergeNode in="blur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Subtle inner shadow for depth -->
<radialGradient id="vignette" cx="0.5" cy="0.4" r="0.65" fx="0.5" fy="0.35">
<stop offset="0" stop-color="white" stop-opacity="0.03"/>
<stop offset="0.7" stop-color="black" stop-opacity="0"/>
<stop offset="1" stop-color="black" stop-opacity="0.2"/>
</radialGradient>
<!-- Inner rounded rect for the border -->
<rect id="inner-border-rect" x="152" y="152" width="720" height="720" rx="205"/>
<!-- Glow filter for inner border -->
<filter id="glow" x="-5%" y="-5%" width="110%" height="110%">
<feGaussianBlur in="SourceAlpha" stdDeviation="8" result="blur"/>
<feFlood flood-color="#F0F0F0" flood-opacity="0.15" result="color"/>
<feComposite in="color" in2="blur" operator="in" result="glow"/>
<feMerge>
<feMergeNode in="glow"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Specular highlight on the Y mark -->
<linearGradient id="logo-gradient" x1="380" y1="340" x2="640" y2="730" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#FFFFFF"/>
<stop offset="0.6" stop-color="#F0F0F0"/>
<stop offset="1" stop-color="#E0E0E0"/>
</linearGradient>
</defs>
<!-- Outer squircle shape -->
<g clip-path="url(#squircle-clip)">
<!-- Base fill with gradient -->
<use href="#squircle-path" fill="url(#base-gradient)"/>
<!-- Scale down to ~80% and center for macOS icon padding -->
<g transform="translate(512, 512) scale(0.8) translate(-512, -512)">
<!-- Squircle with flat dark fill -->
<g clip-path="url(#squircle-clip)">
<use href="#squircle-path" fill="#0D0D0D"/>
<!-- Vignette/radial depth -->
<use href="#squircle-path" fill="url(#vignette)"/>
<!-- Glass overlay -->
<use href="#squircle-path" fill="url(#glass-overlay)"/>
<!-- Inner rounded border with glow -->
<g filter="url(#glow)">
<!-- Inner rounded border — flat, no glow -->
<rect x="152" y="152" width="720" height="720" rx="205"
fill="none" stroke="#F0F0F0" stroke-width="67" stroke-opacity="0.9"/>
<!-- Y mark — flat white -->
<g transform="translate(512, 512) scale(7.87) translate(-65, -64)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M88.0429 44.2658C89.3803 43.625 90.8907 44.1955 91.5731 45.3776C92.2556 46.5596 91.9945 48.1529 90.7709 48.9907L72.3923 62.885C71.8013 63.2262 71.4248 63.7062 71.1029 64.2861C70.781 64.8659 70.5554 65.3922 70.5443 66.0553L67.7403 88.9495C67.521 90.3894 66.4114 91.423 64.9867 91.4576C63.5619 91.4922 62.3731 90.3429 62.24 88.9751L59.3859 66.0642C59.3971 65.4011 59.2126 64.8489 58.8714 64.2579C58.5302 63.6669 58.1442 63.231 57.5643 62.9091L39.15 48.9819C38.032 48.1828 37.6311 46.5786 38.3734 45.362C39.1157 44.1454 40.5656 43.7013 41.9223 44.2314L63.1512 53.2502C63.731 53.5721 64.2996 53.6398 64.9627 53.651C65.6259 53.6622 66.2298 53.5761 66.8208 53.2349L88.0429 44.2658Z"
fill="#FFFFFF"/>
</g>
</g>
<!-- Y-shaped / triskelion logo mark, scaled from 130x128 to fit ~1024 -->
<!-- Original viewBox was 130x128, scaling factor ~7.87. Centered in the icon. -->
<g transform="translate(512, 512) scale(7.87) translate(-65, -64)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M88.0429 44.2658C89.3803 43.625 90.8907 44.1955 91.5731 45.3776C92.2556 46.5596 91.9945 48.1529 90.7709 48.9907L72.3923 62.885C71.8013 63.2262 71.4248 63.7062 71.1029 64.2861C70.781 64.8659 70.5554 65.3922 70.5443 66.0553L67.7403 88.9495C67.521 90.3894 66.4114 91.423 64.9867 91.4576C63.5619 91.4922 62.3731 90.3429 62.24 88.9751L59.3859 66.0642C59.3971 65.4011 59.2126 64.8489 58.8714 64.2579C58.5302 63.6669 58.1442 63.231 57.5643 62.9091L39.15 48.9819C38.032 48.1828 37.6311 46.5786 38.3734 45.362C39.1157 44.1454 40.5656 43.7013 41.9223 44.2314L63.1512 53.2502C63.731 53.5721 64.2996 53.6398 64.9627 53.651C65.6259 53.6622 66.2298 53.5761 66.8208 53.2349L88.0429 44.2658Z"
fill="url(#logo-gradient)"/>
</g>
<!-- Outer squircle border (subtle) -->
<use href="#squircle-path" fill="none" stroke="#333333" stroke-width="1.5" stroke-opacity="0.5"/>
</g>
<!-- Outer squircle border (subtle) -->
<use href="#squircle-path" fill="none" stroke="#333333" stroke-width="1.5" stroke-opacity="0.5"/>
<!-- Top edge highlight reflection -->
<path d="
M 229 2
H 795
C 920 2 1022 103 1022 229
" fill="none" stroke="url(#top-highlight)" stroke-width="2" stroke-linecap="round"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

BIN
foundry/packages/desktop/src-tauri/icons/icon.icns
View file

Binary file not shown.

BIN
foundry/packages/desktop/src-tauri/icons/icon.ico
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 264 KiB

Before After
Before After

BIN
foundry/packages/desktop/src-tauri/icons/icon.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Before After
Before After

2
foundry/packages/frontend/src/components/mock-onboarding.tsx
View file

@ -319,7 +319,7 @@ export function MockSignInPage() {
{/* Footer */}
<a
href="https://sandbox-agent.dev"
href="https://sandboxagent.dev/"
target="_blank"
rel="noopener noreferrer"
style={{