From e6813e2ed630240dd04693d62d52c68d501b0791 Mon Sep 17 00:00:00 2001
From: Allison Ryan <allisonryan0002@gmail.com>
Date: Tue, 8 Mar 2022 15:57:26 -0600
Subject: [PATCH] feat: tint ball with theme color

---
 lib/game/components/ball.dart | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/lib/game/components/ball.dart b/lib/game/components/ball.dart
index da1364d2..3143874d 100644
--- a/lib/game/components/ball.dart
+++ b/lib/game/components/ball.dart
@@ -1,6 +1,5 @@
 import 'package:flame/components.dart';
 import 'package:flame_forge2d/flame_forge2d.dart';
-import 'package:flutter/material.dart';
 import 'package:pinball/game/game.dart';
 import 'package:pinball/theme/theme.dart';
 
@@ -20,14 +19,19 @@ class Ball extends PositionBodyComponent<PinballGame, SpriteComponent> {
   Future<void> onLoad() async {
     await super.onLoad();
     final sprite = await gameRef.loadSprite(spritePath);
-    positionComponent = SpriteComponent(sprite: sprite, size: ballSize);
+    final tint = gameRef
+        .read<ThemeCubit>()
+        .state
+        .theme
+        .characterTheme
+        .ballColor
+        .withOpacity(0.5);
+    positionComponent = SpriteComponent(sprite: sprite, size: ballSize)
+      ..tint(tint);
   }
 
   @override
   Body createBody() {
-    paint = Paint()
-      ..color = gameRef.read<ThemeCubit>().state.theme.characterTheme.ballColor;
-
     final shape = CircleShape()..radius = ballSize.x / 2;
 
     final fixtureDef = FixtureDef(shape)..density = 1;