Commit graph

7 commits

Author SHA1 Message Date
9d201a7583 refactor: implement comprehensive color scale system
Major improvements to the color system:

1. Create proper color scales (00-100) for:
   - Gray: 14 shades from darkest to lightest
   - Red: 12 shades with brand colors
   - Blue: 12 shades for primary colors
   - Yellow: 12 shades for warnings
   - Green: 12 shades for success states
   - Orange: 12 shades for secondary accents

2. Semantic color assignments:
   - Map all semantic colors to scale values
   - Background colors use gray scale
   - Text colors use appropriate gray shades
   - Status colors (success, error, warning, info)
   - Component-specific colors reference scales

3. Backward compatibility:
   - Maintain $grey-* aliases for existing code
   - Map old variables to new scale system
   - TODO comments for future migration

This provides a more maintainable and scalable color system.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-25 21:28:37 -04:00
bd91642244 feat: add comprehensive CSS variables for colors, spacing, and animations
- Add frequently used color variables:
  - Dark colors: $black, $dark-blue, $orange-red
  - Status colors: $green-success, $red-error
  - Gray variations for backgrounds and borders

- Add shadow and overlay utilities:
  - Shadow levels: subtle, light, medium, dark, heavy
  - Overlay variations for modals and overlays
  - Border utilities for consistent borders

- Expand spacing units:
  - Add missing multipliers ($unit-7x through $unit-19x)
  - Add common pixel values for precise spacing

- Add animation/transition durations:
  - Transition speeds: instant, fast, normal, medium, slow
  - Animation speeds: fast, normal, slow, very-slow

These variables provide a foundation for replacing hardcoded values.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-25 21:20:19 -04:00
5875a52b47 refactor: standardize z-index values with CSS variables
- Create _z-index.scss with systematic z-index constants
- Replace 60+ hardcoded z-index values across 19 components
- Establish consistent layering hierarchy:
  - Base layers (1-3)
  - Interactive elements (10-200)
  - Overlays and modals (1000-1100)
  - Top-level elements (1200-10000)

This improves maintainability and prevents z-index conflicts.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-25 21:18:20 -04:00
95ab6d6f84 refactor: clean up dead code
- Remove commented getWeeklyAlbumChart line in lastfm server
- Remove commented console.log statement
- Note: TODO for authentication in api-utils.ts will be addressed in a separate security-focused task

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-25 21:03:07 -04:00
c20b9a1f85 refactor: remove 13 unused SVG files
Remove unused icons:
- dashboard.svg
- metadata.svg

Remove unused illustrations:
- jedmund-blink.svg
- jedmund-headphones.svg
- jedmund-listening-downbeat.svg
- jedmund-listening.svg
- jedmund-open.svg
- jedmund-signing-downbeat.svg
- jedmund-singing.svg
- logo-figma.svg
- logo-maitsu.svg
- logo-pinterest.svg
- logo-slack.svg

These files were identified as unused in the SVG analysis.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-25 21:02:13 -04:00
ddfe1cac8f refactor: remove 5 unused components
- Remove Squiggly.svelte
- Remove PhotoLightbox.svelte
- Remove Pill.svelte
- Remove SVGHoverEffect.svelte
- Remove MusicPreview.svelte

These components were identified as unused in the codebase analysis.

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-25 21:00:49 -04:00
d4caad10a3 Add codebase cleanup and SVG report 2025-06-25 20:57:42 -04:00