custom style for tooltips
This commit is contained in:
parent
cdad9b760e
commit
a8285548e8
1 changed files with 27 additions and 16 deletions
|
|
@ -1,22 +1,33 @@
|
|||
import "package:flutter/material.dart";
|
||||
|
||||
extension SchemeToTheme on ColorScheme {
|
||||
ThemeData get theme => .from(colorScheme: this).copyWith(
|
||||
cardTheme: .new(color: primaryContainer),
|
||||
popupMenuTheme: .new(
|
||||
shape: RoundedRectangleBorder(borderRadius: .circular(16)),
|
||||
color: surfaceContainerHigh,
|
||||
),
|
||||
appBarTheme: AppBarTheme(
|
||||
titleSpacing: 0,
|
||||
backgroundColor: surfaceContainerLow,
|
||||
),
|
||||
textTheme: ThemeData(
|
||||
ThemeData get theme {
|
||||
final textTheme = ThemeData(
|
||||
fontFamilyFallback: ["sans", "emoji", "fallback-sans", "fallback-emoji"],
|
||||
brightness: brightness,
|
||||
).textTheme,
|
||||
inputDecorationTheme: const InputDecorationTheme(
|
||||
border: OutlineInputBorder(),
|
||||
),
|
||||
);
|
||||
).textTheme;
|
||||
return .from(colorScheme: this).copyWith(
|
||||
cardTheme: .new(color: primaryContainer),
|
||||
popupMenuTheme: .new(
|
||||
shape: RoundedRectangleBorder(borderRadius: .circular(16)),
|
||||
color: surfaceContainerHigh,
|
||||
),
|
||||
appBarTheme: AppBarTheme(
|
||||
titleSpacing: 0,
|
||||
backgroundColor: surfaceContainerLow,
|
||||
),
|
||||
tooltipTheme: .new(
|
||||
textStyle: textTheme.labelLarge?.copyWith(fontSize: 16),
|
||||
padding: .all(8),
|
||||
decoration: BoxDecoration(
|
||||
color: surfaceContainerHighest,
|
||||
borderRadius: .circular(8),
|
||||
),
|
||||
),
|
||||
textTheme: textTheme,
|
||||
inputDecorationTheme: const InputDecorationTheme(
|
||||
border: OutlineInputBorder(),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue