Update dashboard and automation colors to new module scheme

Dashboard widgets:
- WorkflowPipelineWidget: Sites now has transparent bg with colored icon
- Tasks stage uses navy (gray-700/800), Content/Drafts use blue (brand)
- AIOperationsWidget: Content now uses blue (brand) instead of green
- RecentActivityWidget: Content activity now uses blue (brand)
- QuickActionsWidget: Tasks step uses navy, Content uses blue

Automation components:
- AutomationPage STAGE_CONFIG: Tasks→Content now navy, Content→Prompts blue
- GlobalProgressBar: Updated stage colors to match new scheme
- CurrentProcessingCard: Stage colors match new module scheme

Color scheme:
- Planner Pipeline (Blue → Pink → Amber): Keywords, Clusters, Ideas
- Writer Pipeline (Navy → Blue → Pink → Green): Tasks, Content, Images, Published
This commit is contained in:
IGNY8 VPS (Salman)
2026-01-03 00:52:18 +00:00
parent 16dfc56ba0
commit e2d462d8b6
7 changed files with 82 additions and 50 deletions

View File

@@ -14,13 +14,15 @@ interface QuickActionsWidgetProps {
}
/**
* Workflow steps with solid colored backgrounds matching Automation/Usage pages:
* Workflow steps with solid colored backgrounds for visual distinction:
* PLANNER PIPELINE (Blue → Pink → Amber):
* - Keywords: brand/primary (blue)
* - Clusters: purple
* - Clusters: purple/pink
* - Ideas: warning/amber
* - Tasks: brand/primary (blue)
* - Content: success/green
* - Images: purple
* WRITER PIPELINE (Navy → Blue → Pink → Amber → Green):
* - Tasks: gray-dark (navy) - entry point to Writer
* - Content: brand/primary (blue)
* - Images: purple/pink
* - Review: warning/amber
* - Publish: success/green
*/
@@ -58,8 +60,8 @@ const workflowSteps = [
description: 'Convert approved ideas into content tasks',
href: '/writer/tasks',
actionLabel: 'Tasks',
gradient: 'from-brand-500 to-brand-600',
buttonTone: 'brand' as const,
gradient: 'from-gray-700 to-gray-800',
buttonTone: 'neutral' as const,
},
{
num: 5,
@@ -67,8 +69,8 @@ const workflowSteps = [
description: 'AI writes SEO-optimized articles from tasks',
href: '/writer/content',
actionLabel: 'Write',
gradient: 'from-success-500 to-success-600',
buttonTone: 'success' as const,
gradient: 'from-brand-500 to-brand-600',
buttonTone: 'brand' as const,
},
{
num: 6,