mark/vibn-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): make Justine palette visible on marketing + trim rainbow chrome

Browse Source 
- Replace blue/purple gradients with ink gradient text and cream/parch CTA surface
- Step badges and transformation icons use primary (ink) fills
- /features page icons unified to text-primary; Lora section titles
- Tree view status colors use semantic tokens instead of blue/green

Made-with: Cursor
This commit is contained in:
Mark Henderson
2026-04-01 21:09:18 -07:00
parent bada63452f
commit 74f8dc4282
11 changed files with 45 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/ui/tree-view.tsx
View File

@@ -40,11 +40,11 @@ function TreeNodeItem({ node, level, selectedId, onSelect }: TreeNodeItemProps)
switch (node.status) {
case "built":
return <CheckCircle2 className="h-3 w-3 text-green-600" />;
return <CheckCircle2 className="h-3 w-3 text-primary" />;
case "in_progress":
return <Clock className="h-3 w-3 text-blue-600" />;
return <Clock className="h-3 w-3 text-muted-foreground" />;
case "missing":
return <Circle className="h-3 w-3 text-gray-400" />;
return <Circle className="h-3 w-3 text-muted-foreground/50" />;
}
};
@@ -53,11 +53,11 @@ function TreeNodeItem({ node, level, selectedId, onSelect }: TreeNodeItemProps)
switch (node.status) {
case "built":
return "bg-green-50 hover:bg-green-100 border-l-2 border-l-green-500";
return "bg-secondary hover:bg-muted border-l-2 border-l-primary";
case "in_progress":
return "bg-blue-50 hover:bg-blue-100 border-l-2 border-l-blue-500";
return "bg-muted/40 hover:bg-muted border-l-2 border-l-border";
case "missing":
return "hover:bg-gray-100 border-l-2 border-l-transparent";
return "hover:bg-muted/30 border-l-2 border-l-transparent";
}
};
@@ -113,12 +113,12 @@ function TreeNodeItem({ node, level, selectedId, onSelect }: TreeNodeItemProps)
{node.metadata && (
<div className="flex items-center gap-1.5 opacity-0 group-hover:opacity-100 transition-opacity">
{node.metadata.sessionsCount && node.metadata.sessionsCount > 0 && (
<span className="text-[10px] text-blue-600 font-medium bg-blue-100 px-1.5 py-0.5 rounded">
<span className="text-[10px] font-medium text-primary bg-primary/10 px-1.5 py-0.5 rounded">
{node.metadata.sessionsCount}s
</span>
)}
{node.metadata.commitsCount && node.metadata.commitsCount > 0 && (
<span className="text-[10px] text-green-600 font-medium bg-green-100 px-1.5 py-0.5 rounded">
<span className="text-[10px] font-medium text-muted-foreground bg-muted px-1.5 py-0.5 rounded">
{node.metadata.commitsCount}c
</span>
)}