beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix fab colors

Browse source
This commit is contained in:
vishnukvmd 2022-11-12 01:05:25 +05:30
parent 2558473399
commit 0b05a21dc7
2 changed files with 43 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
lib/ente_theme_data.dart
View file

@ -224,6 +224,14 @@ extension CustomColorScheme on ColorScheme {
Color get inverseBackgroundColor =>
brightness != Brightness.light ? backgroundBaseLight : backgroundBaseDark;
Color get fabForegroundColor => brightness == Brightness.light
? const Color.fromRGBO(255, 255, 255, 1)
: const Color.fromRGBO(40, 40, 40, 1);
Color get fabBackgroundColor => brightness != Brightness.light
? const Color.fromRGBO(255, 255, 255, 1)
: const Color.fromRGBO(40, 40, 40, 1);
Color get defaultTextColor =>
brightness == Brightness.light ? textBaseLight : textBaseDark;

43
lib/ui/home_page.dart
View file

@ -152,8 +152,8 @@ class _HomePageState extends State<HomePage> {
childPadding: const EdgeInsets.all(5),
spaceBetweenChildren: 4,
tooltip: 'Add Code',
foregroundColor: Theme.of(context).colorScheme.background,
backgroundColor: Theme.of(context).colorScheme.inverseBackgroundColor,
foregroundColor: Theme.of(context).colorScheme.fabForegroundColor,
backgroundColor: Theme.of(context).colorScheme.fabBackgroundColor,
overlayOpacity: 0.5,
overlayColor: Theme.of(context).colorScheme.background,
elevation: 8.0,
@ -161,16 +161,16 @@ class _HomePageState extends State<HomePage> {
children: [
SpeedDialChild(
child: const Icon(Icons.qr_code),
foregroundColor: Theme.of(context).colorScheme.background,
backgroundColor: Theme.of(context).colorScheme.inverseBackgroundColor,
label: 'Scan a QR Code',
foregroundColor: Theme.of(context).colorScheme.fabForegroundColor,
backgroundColor: Theme.of(context).colorScheme.fabBackgroundColor,
labelWidget: const SpeedDialLabelWidget("Scan a QR Code"),
onTap: _redirectToScannerPage,
),
SpeedDialChild(
child: const Icon(Icons.keyboard),
foregroundColor: Theme.of(context).colorScheme.background,
backgroundColor: Theme.of(context).colorScheme.inverseBackgroundColor,
label: 'Enter details manually',
foregroundColor: Theme.of(context).colorScheme.fabForegroundColor,
backgroundColor: Theme.of(context).colorScheme.fabBackgroundColor,
labelWidget: const SpeedDialLabelWidget("Enter details manually"),
onTap: _redirectToManualEntryPage,
),
],
@ -224,3 +224,30 @@ class _HomePageState extends State<HomePage> {
);
}
}
class SpeedDialLabelWidget extends StatelessWidget {
final String label;
const SpeedDialLabelWidget(
this.label, {
Key? key,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return Container(
margin: const EdgeInsets.all(4),
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
color: Theme.of(context).colorScheme.fabBackgroundColor,
),
child: Text(
label,
style: TextStyle(
color: Theme.of(context).colorScheme.fabForegroundColor,
),
),
);
}
}