Skip to content

[arenabuddy] Convert UI theme from light to dark mode#321

Merged
gazure merged 1 commit intomainfrom
ga/new-style
Mar 1, 2026
Merged

[arenabuddy] Convert UI theme from light to dark mode#321
gazure merged 1 commit intomainfrom
ga/new-style

Conversation

@gazure
Copy link
Owner

@gazure gazure commented Feb 28, 2026

This pull request implements a comprehensive dark theme for the Arena Buddy application. The changes include:

Visual Theme Updates:

  • Replaced light backgrounds (white, gray-50) with dark equivalents (gray-800, gray-900, gray-950)
  • Updated text colors from dark grays to light grays for better contrast on dark backgrounds
  • Changed border colors from light grays to darker variants (gray-700, gray-800)
  • Modified accent colors from blue/indigo to amber/violet for better dark theme aesthetics

Component-Specific Changes:

  • Updated all major components including match details, draft displays, event logs, deck lists, and navigation
  • Changed button styles and hover states to work with the dark theme
  • Updated status indicators and badges with appropriate dark theme colors
  • Modified scrollbar styling for dark backgrounds

Color Scheme Adjustments:

  • Primary accent color changed from blue to amber
  • Success states now use amber instead of green
  • Error states use red variants optimized for dark backgrounds
  • Secondary elements use violet/purple tones

Global Styling:

  • Added body background and text color defaults in the CSS file
  • Reformatted the opentelemetry-otlp dependency configuration for better readability
  • Fixed unused import in sync.rs

The theme maintains accessibility and readability while providing a modern dark interface that's easier on the eyes during extended use.

@gazure gazure force-pushed the ga/tailwind-fix branch from 0e7c7a8 to e614bdb Compare March 1, 2026 00:16
@gazure gazure force-pushed the ga/tailwind-fix branch 2 times, most recently from 3ff6c31 to 2cff109 Compare March 1, 2026 00:20
@gazure gazure force-pushed the ga/new-style branch 2 times, most recently from 3d83b66 to ad34915 Compare March 1, 2026 00:48
@gazure gazure force-pushed the ga/tailwind-fix branch from 2cff109 to 4d3c60f Compare March 1, 2026 00:48
@gazure gazure force-pushed the ga/tailwind-fix branch from 4d3c60f to 5144a29 Compare March 1, 2026 01:08
@gazure gazure changed the base branch from ga/tailwind-fix to graphite-base/321 March 1, 2026 01:11
@gazure gazure force-pushed the graphite-base/321 branch from 5144a29 to be4808a Compare March 1, 2026 01:11
@gazure gazure changed the base branch from graphite-base/321 to main March 1, 2026 01:11
@gazure gazure merged commit 49c370e into main Mar 1, 2026
2 checks passed
Copy link
Owner Author

gazure commented Mar 1, 2026

Merge activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant