valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: change Draw card to pink gradient to match footer color

Browse Source 
- Created new gradient-pink-rose utility (pink to rose)
- Updated Draw tool to use gradient-pink-rose instead of gradient-orange-pink
- Draw card now displays pink (#ec4899) matching footer link color
- Paint retains gradient-orange-pink for orange identity

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Sebastian Krüger
2025-11-08 19:00:59 +01:00
parent 3a4fa63de7
commit 543338aef2
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/globals.css
View File

@@ -91,6 +91,10 @@ body {
background: linear-gradient(135deg, #f97316 0%, #ec4899 100%); background: linear-gradient(135deg, #f97316 0%, #ec4899 100%);
} }
@utility gradient-pink-rose {
background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
}
@utility gradient-green-teal { @utility gradient-green-teal {
background: linear-gradient(135deg, #10b981 0%, #06b6d4 100%); background: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);
} }

2
components/ToolsGrid.tsx
View File

@@ -77,7 +77,7 @@ const tools = [
title: 'Draw', title: 'Draw',
description: 'Virtual whiteboard for sketching hand-drawn style diagrams. Create flowcharts, wireframes, and visual brainstorming with collaborative editing.', description: 'Virtual whiteboard for sketching hand-drawn style diagrams. Create flowcharts, wireframes, and visual brainstorming with collaborative editing.',
url: 'https://draw.kit.pivoine.art', url: 'https://draw.kit.pivoine.art',
gradient: 'gradient-orange-pink', gradient: 'gradient-pink-rose',
accentColor: '#ec4899', accentColor: '#ec4899',
badges: ['Collaborative', 'Open Source', 'Free'], badges: ['Collaborative', 'Open Source', 'Free'],
icon: ( icon: (