Skip to content

feat: logo-inspired UI refresh and tool-panel aesthetic - #69

Merged
MaxMichel2 merged 4 commits into
mainfrom
feat/improve-ui-and-assets
Jul 22, 2026
Merged

feat: logo-inspired UI refresh and tool-panel aesthetic#69
MaxMichel2 merged 4 commits into
mainfrom
feat/improve-ui-and-assets

Conversation

@MaxMichel2

Copy link
Copy Markdown
Collaborator

Summary

  • Brand palette — custom lightColorScheme/darkColorScheme seeded from the DevView logo's violet/indigo/magenta tones, including the full surfaceContainer tonal ramp. Replaces stock Material 3 defaults. (sample)
  • Section colors — per-section containerColor/contentColor on Section; module icon defaults now delegate to section colors. Logo's near-white lavender used as icon tint. (devview)
  • Home screen — squircle icon badges (RoundedCornerShape(8.dp)), SemiBold module names, chevron removed, section headers in primary color, chameleon watermark at 38%/7% opacity (dark/light). (devview)
  • Analytics — leading category color strip on log items for at-a-glance stream scanning; unified sticky header surface (removed explicit surfaceContainer). (devview-analytics)
  • FeatureFlip — feature type labels ("Local"/"Remote") as pill badges; empty state when list is blank or filter matches nothing. (devview-featureflip)
  • NetworkMock — HTTP method badges (primaryContainer background) on both endpoint list and detail header; unified global toggle surface; TouchApp hint icon on detail screen; EmptyState/ErrorState/LoadingState use Material icons instead of emoji. (devview-networkmock)
  • Diff colors — left-side diff shifted from generic blue to lavender (#DDD8FF). (devview-networkmock)
  • Top app barSemiBold title weight across all screens. (devview)

Test plan

  • Build: .\gradlew.bat :sample:androidApp:assembleDebug "-Pandroidx.baselineprofile.skipgeneration"
  • Unit tests: .\gradlew.bat cleanTestAndroidHostTest testAndroidHostTest "-Pandroidx.baselineprofile.skipgeneration"
  • Architecture tests: .\gradlew.bat :konsist:test
  • Lint: .\gradlew.bat detektFull
  • Manual: verify light/dark mode palette, home screen squircle icons, analytics category strips, feature type badges, HTTP method badges, chameleon watermark, empty states

🤖 Generated with Claude Code

MaxMichel2 and others added 4 commits July 22, 2026 15:25
- Add branded light/dark color schemes to the sample app (violet/indigo/magenta
  palette from the DevView logo, including the full surfaceContainer tonal ramp)
- Add per-section containerColor/contentColor extensions on Section; module icon
  defaults now delegate to section colors instead of a hardcoded blue
- Add chameleon watermark on the DevView home screen (luminance-aware alpha:
  38% dark / 7% light, Material disabled-state opacity for dark theme)
- Shift diff left-container colors from generic blue to lavender (#DDD8FF)
- Remove unused MediumTopAppBar and exitUntilCollapsedScrollBehavior imports
- Update branding SVGs with wordmark positioning fixes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Squircle icon badges and SemiBold names on home screen module items
- Remove ChevronRight from module items (ripple is the affordance)
- Section headers use primary color for structural clarity
- Analytics log items get a leading category-color strip for scan-ability
- Feature type labels rendered as pill badges instead of plain text
- HTTP method labels rendered as proper primaryContainer badges
- Unify Analytics/NetworkMock surface backgrounds (remove explicit surfaceContainer)
- Update CHANGELOG

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- EndpointHeaderCard method badge (consistency with EndpointCard)
- NetworkMock Empty/Error/Loading states: Material icons, polished typography
- FeatureFlipScreen: add empty state for blank or unmatched filter
- Endpoint detail hint card: add TouchApp icon
- DevView top app bar titles: SemiBold weight
- Update CHANGELOG

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@MaxMichel2 MaxMichel2 added this to the 0.2.0 milestone Jul 22, 2026
@MaxMichel2 MaxMichel2 added the enhancement New feature or request label Jul 22, 2026
@MaxMichel2 MaxMichel2 self-assigned this Jul 22, 2026
@MaxMichel2
MaxMichel2 requested a review from matthiaslao July 22, 2026 14:31
@MaxMichel2
MaxMichel2 merged commit bb6f967 into main Jul 22, 2026
13 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants