overlayTheme property
FxOverlayThemeData
get
overlayTheme
Implementation
FxOverlayThemeData get overlayTheme => FxOverlayThemeData(
searchPadding: EdgeInsets.symmetric(horizontal: sizes.md, vertical: sizes.xs),
margin: EdgeInsets.symmetric(horizontal: sizes.sm, vertical: sizes.xs),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(sizes.sm),
side: BorderSide(color: colors.outline.withValues(alpha: 0.12)),
),
contentPadding: EdgeInsets.symmetric(horizontal: sizes.md),
horizontalTitleGap: sizes.md,
titleStyle: typography.titleMedium,
modalDecoration: BoxDecoration(
color: colors.surface,
borderRadius: BorderRadius.circular(sizes.radiusXl),
boxShadow: [
BoxShadow(
color: colors.shadow.withValues(alpha: 0.1),
blurRadius: 5,
offset: const Offset(0, 5),
),
],
),
dialogDecoration: BoxDecoration(
color: colors.surface,
borderRadius: BorderRadius.circular(sizes.radiusXl),
boxShadow: [
BoxShadow(
color: colors.shadow.withValues(alpha: 0.1),
blurRadius: 5,
offset: const Offset(0, 5),
),
],
),
bottomSheetDecoration: BoxDecoration(
color: colors.surface,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(sizes.radiusXl * 2),
topRight: Radius.circular(sizes.radiusXl * 2)
),
),
handleDecoration: BoxDecoration(
color: colors.surfaceVariant,
borderRadius: BorderRadius.circular(sizes.radiusLg),
),
barrierColor: Colors.black.withValues(alpha: 0.6),
handleSize: Size(sizes.xxl * 1.7, sizes.sm * .8),
handleMargin: sizes.md,
);