fix: improve skeleton visibility and artist header for light mode

This commit is contained in:
zarzet
2026-03-26 17:32:54 +07:00
parent 79a69f8f70
commit 4f2e677e8b
2 changed files with 33 additions and 7 deletions
+6 -2
View File
@@ -1156,6 +1156,8 @@ class _ArtistScreenState extends ConsumerState<ArtistScreen> {
imageUrl.isNotEmpty &&
Uri.tryParse(imageUrl)?.hasAuthority == true;
final isDark = Theme.of(context).brightness == Brightness.dark;
String? listenersText;
final listeners = _monthlyListeners ?? widget.monthlyListeners;
if (listeners != null && listeners > 0) {
@@ -1226,7 +1228,9 @@ class _ArtistScreenState extends ConsumerState<ArtistScreen> {
Colors.transparent,
Colors.black.withValues(alpha: 0.3),
Colors.black.withValues(alpha: 0.7),
colorScheme.surface,
isDark
? colorScheme.surface
: Colors.black.withValues(alpha: 0.85),
],
stops: const [0.0, 0.5, 0.75, 1.0],
),
@@ -1267,7 +1271,7 @@ class _ArtistScreenState extends ConsumerState<ArtistScreen> {
listenersText,
style: Theme.of(context).textTheme.bodyMedium
?.copyWith(
color: Colors.white.withValues(alpha: 0.8),
color: Colors.white,
shadows: [
Shadow(
offset: const Offset(0, 1),
+27 -5
View File
@@ -146,11 +146,23 @@ class _ShimmerLoadingState extends State<ShimmerLoading>
final isDark = Theme.of(context).brightness == Brightness.dark;
final baseColor = isDark
? colorScheme.surfaceContainerHighest
: colorScheme.surfaceContainerHigh;
? Color.alphaBlend(
Colors.white.withValues(alpha: 0.08),
colorScheme.surface,
)
: Color.alphaBlend(
Colors.black.withValues(alpha: 0.10),
colorScheme.surface,
);
final highlightColor = isDark
? colorScheme.surfaceContainerHigh
: colorScheme.surface;
? Color.alphaBlend(
Colors.white.withValues(alpha: 0.14),
colorScheme.surface,
)
: Color.alphaBlend(
Colors.black.withValues(alpha: 0.01),
colorScheme.surface,
);
return AnimatedBuilder(
animation: _controller,
@@ -194,11 +206,21 @@ class SkeletonBox extends StatelessWidget {
@override
Widget build(BuildContext context) {
final colorScheme = Theme.of(context).colorScheme;
final isDark = Theme.of(context).brightness == Brightness.dark;
final color = isDark
? Color.alphaBlend(
Colors.white.withValues(alpha: 0.08),
colorScheme.surface,
)
: Color.alphaBlend(
Colors.black.withValues(alpha: 0.06),
colorScheme.surface,
);
return Container(
width: width,
height: height,
decoration: BoxDecoration(
color: colorScheme.surfaceContainerHighest,
color: color,
borderRadius: BorderRadius.circular(borderRadius),
),
);