mosaicstack/stack
1
0
Fork 0
Code Issues 13 Pull Requests Actions Packages Projects Releases 11 Wiki Activity

feat(cli): full 3×3 mosaic icon with 9 colored tiles

Browse Source 
Brand colors (blue, purple, teal, amber, pink) plus complementary
fills (indigo, sky, rose, green) arranged in a gradient flow:
  blue    indigo  purple
  sky     pink    rose
  amber   green   teal
This commit is contained in:
Jason Woltje
2026-03-15 14:37:24 -05:00
parent 84eef63494
commit c8795eb791
1 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
packages/cli/src/tui/components/top-bar.tsx
View File

@@ -24,26 +24,37 @@ function formatContextWindow(n: number): string {
} }
/** /**
* Mosaic windmill icon — 4 colored tiles + pink center in 3×3 grid * Mosaic 3×3 icon — full grid of colored tiles
* Colors from the Mosaic brand: *
* TL: blue (#2f80ff) TR: purple (#8b5cf6) * Brand colors:
* BL: amber (#f59e0b) BR: teal (#14b8a6) * blue (#2f80ff), purple (#8b5cf6), teal (#14b8a6),
* Center: pink (#ec4899) * amber (#f59e0b), pink (#ec4899)
*
* Complementary fills:
* indigo (#6366f1), sky (#38bdf8), rose (#f472b6), green (#22c55e)
*
* Layout:
* blue indigo purple
* sky pink rose
* amber green teal
*/ */
function MosaicIcon() { function MosaicIcon() {
return ( return (
<Box flexDirection="column" marginRight={1}> <Box flexDirection="column" marginRight={1}>
<Text> <Text>
<Text color="#2f80ff">▐█</Text> <Text color="#2f80ff">██</Text>
<Text color="#8b5cf6">█▌</Text> <Text color="#6366f1">██</Text>
<Text color="#8b5cf6">██</Text>
</Text> </Text>
<Text> <Text>
<Text> </Text> <Text color="#38bdf8">██</Text>
<Text color="#ec4899">██</Text> <Text color="#ec4899">██</Text>
<Text color="#f472b6">██</Text>
</Text> </Text>
<Text> <Text>
<Text color="#f59e0b">▐█</Text> <Text color="#f59e0b">██</Text>
<Text color="#14b8a6">█▌</Text> <Text color="#22c55e">██</Text>
<Text color="#14b8a6">██</Text>
</Text> </Text>
</Box> </Box>
); );