This commit is contained in:
Forrest 2026-07-29 16:22:00 -04:00
parent fc22d11df1
commit 27a8a62475
32 changed files with 354 additions and 335 deletions

View file

@ -37,7 +37,7 @@ class BlockProgressBar extends StatelessWidget {
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 0.5),
child: ColoredBox(
color: i < filled ? filledColor : RatuneColors.border,
color: i < filled ? filledColor : TimbreColors.border,
),
),
);

View file

@ -14,8 +14,8 @@ class HairlinePanel extends StatelessWidget {
required this.child,
this.trailing,
this.active = false,
this.padding = const EdgeInsets.all(RatuneSpacing.lg),
this.backgroundColor = RatuneColors.background,
this.padding = const EdgeInsets.all(TimbreSpacing.lg),
this.backgroundColor = TimbreColors.background,
});
/// Panel label, e.g. "Queue". Rendered uppercase-ish in mono.
@ -41,9 +41,9 @@ class HairlinePanel extends StatelessWidget {
@override
Widget build(BuildContext context) {
final borderColor =
active ? RatuneColors.borderActive : RatuneColors.border;
active ? TimbreColors.borderActive : TimbreColors.border;
final titleColor =
active ? Theme.of(context).colorScheme.primary : RatuneColors.dimmed;
active ? Theme.of(context).colorScheme.primary : TimbreColors.dimmed;
return Stack(
clipBehavior: Clip.none,
@ -56,12 +56,12 @@ class HairlinePanel extends StatelessWidget {
child: Padding(padding: padding, child: child),
),
Positioned(
left: RatuneSpacing.lg,
left: TimbreSpacing.lg,
top: 0,
child: Container(
color: backgroundColor,
padding: const EdgeInsets.symmetric(
horizontal: RatuneSpacing.md,
horizontal: TimbreSpacing.md,
),
child: Text.rich(
TextSpan(
@ -77,7 +77,7 @@ class HairlinePanel extends StatelessWidget {
if (trailing != null)
TextSpan(
text: ' $trailing',
style: const TextStyle(color: RatuneColors.dimmed),
style: const TextStyle(color: TimbreColors.dimmed),
),
],
),

View file

@ -38,15 +38,15 @@ class MiniPlayer extends ConsumerWidget {
ref.read(selectedTabProvider.notifier).state = nowPlayingTabIndex,
child: Container(
height: 52,
color: RatuneColors.surface,
padding: const EdgeInsets.only(left: RatuneSpacing.md),
color: TimbreColors.surface,
padding: const EdgeInsets.only(left: TimbreSpacing.md),
child: Row(
children: [
SizedBox(
width: 40,
height: 40,
child: ColoredBox(
color: RatuneColors.background,
color: TimbreColors.background,
child: artUri != null
? Image.network(
artUri,
@ -58,7 +58,7 @@ class MiniPlayer extends ConsumerWidget {
: const _ArtFallback(),
),
),
const SizedBox(width: RatuneSpacing.md),
const SizedBox(width: TimbreSpacing.md),
Expanded(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
@ -69,7 +69,7 @@ class MiniPlayer extends ConsumerWidget {
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(
color: RatuneColors.foreground,
color: TimbreColors.foreground,
fontWeight: FontWeight.w700,
),
),
@ -77,7 +77,7 @@ class MiniPlayer extends ConsumerWidget {
current.artist ?? 'Unknown artist',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(color: RatuneColors.dimmed),
style: const TextStyle(color: TimbreColors.dimmed),
),
],
),
@ -96,7 +96,7 @@ class MiniPlayer extends ConsumerWidget {
}
Widget _btn(IconData icon, VoidCallback onTap,
{Color color = RatuneColors.foreground}) {
{Color color = TimbreColors.foreground}) {
return IconButton(
onPressed: onTap,
visualDensity: VisualDensity.compact,
@ -119,7 +119,7 @@ class _MiniProgress extends ConsumerWidget {
child: LinearProgressIndicator(
value: progress,
minHeight: 2,
backgroundColor: RatuneColors.border,
backgroundColor: TimbreColors.border,
valueColor: AlwaysStoppedAnimation<Color>(accent),
),
);
@ -131,6 +131,6 @@ class _ArtFallback extends StatelessWidget {
@override
Widget build(BuildContext context) => const Center(
child: Icon(Icons.album_outlined,
color: RatuneColors.dimmed, size: 22),
color: TimbreColors.dimmed, size: 22),
);
}