59 lines
1.7 KiB
Dart
59 lines
1.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../theme/mono_tokens.dart';
|
|
|
|
/// Focus styling constants for D-pad navigation.
|
|
class FocusTheme {
|
|
FocusTheme._();
|
|
|
|
/// Scale factor when an item is focused.
|
|
static const double focusScale = 1.02;
|
|
|
|
/// Border width for the focus indicator.
|
|
static const double focusBorderWidth = 2.5;
|
|
|
|
/// Default border radius (matches MonoTokens.radiusSm).
|
|
static const double defaultBorderRadius = 8.0;
|
|
|
|
/// Get the focus border color from the theme.
|
|
static Color getFocusBorderColor(BuildContext context) {
|
|
return Theme.of(context).colorScheme.primary;
|
|
}
|
|
|
|
/// Get the animation duration from MonoTokens.
|
|
static Duration getAnimationDuration(BuildContext context) {
|
|
return Theme.of(context).extension<MonoTokens>()?.fast ??
|
|
const Duration(milliseconds: 150);
|
|
}
|
|
|
|
/// Build the focus border decoration.
|
|
static BoxDecoration focusDecoration(
|
|
BuildContext context, {
|
|
required bool isFocused,
|
|
double borderRadius = defaultBorderRadius,
|
|
}) {
|
|
final focusColor = getFocusBorderColor(context);
|
|
|
|
return BoxDecoration(
|
|
borderRadius: BorderRadius.circular(borderRadius),
|
|
border: Border.all(
|
|
color: isFocused ? focusColor : Colors.transparent,
|
|
width: focusBorderWidth,
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Build focus decoration with background color instead of border.
|
|
/// Useful for video controls where it should match the native hover style.
|
|
static BoxDecoration focusBackgroundDecoration({
|
|
required bool isFocused,
|
|
double borderRadius = defaultBorderRadius,
|
|
}) {
|
|
return BoxDecoration(
|
|
borderRadius: BorderRadius.circular(borderRadius),
|
|
color: isFocused
|
|
? Colors.white.withValues(alpha: 0.2)
|
|
: Colors.transparent,
|
|
);
|
|
}
|
|
}
|