Skip to content

feat: implement cartoony cobweb theme per project vision #28

Description

@ChefControl

Context

The project vision states: "The theme of this project should be cartoony, playful, and fun. The main theme is cobweb (as it's a crawler)."

The current UI is a standard professional design with neutral grays and blue accents. There is no thematic identity — no logo, no spider/cobweb imagery, no custom colors, no playful elements.

Proposed Solution

  • Design a logo/mascot (friendly spider or cobweb icon)
  • Define a themed color palette in Tailwind config (cobweb-inspired colors)
  • Add cobweb visual elements (background patterns, themed loading spinners, empty states)
  • Use playful micro-copy (e.g., "The web awaits... start spinning!" instead of "No crawls yet")
  • Add fun loading states and micro-interactions
  • Add dark mode toggle (graph view already uses dark background)

Files to Modify

  • frontend/tailwind.config.js — custom colors, fonts, design tokens
  • frontend/src/App.tsx — themed navbar with logo
  • frontend/src/pages/* — playful micro-copy and themed empty states
  • frontend/src/components/* — themed loading spinners, visual elements

Acceptance Criteria

  • Project has a recognizable visual identity (logo/mascot)
  • Custom color palette applied throughout the app
  • Cobweb/spider visual elements present
  • Loading states and empty states are fun and thematic
  • Dark mode toggle available

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesthave-funPlayful theme and gamificationpriority: lowNice to have improvement

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions