Added use theme color for status

This commit is contained in:
Juan Gilsanz Polo 2022-10-26 15:22:50 +02:00
parent 3875f161ca
commit 6b593dc195
7 changed files with 80 additions and 14 deletions

View file

@ -7,6 +7,7 @@ import 'package:adguard_home_manager/screens/servers/servers.dart';
import 'package:adguard_home_manager/models/server.dart';
import 'package:adguard_home_manager/providers/servers_provider.dart';
import 'package:adguard_home_manager/providers/app_config_provider.dart';
class HomeAppBar extends StatelessWidget with PreferredSizeWidget {
const HomeAppBar({Key? key}) : super(key: key);
@ -14,6 +15,7 @@ class HomeAppBar extends StatelessWidget with PreferredSizeWidget {
@override
PreferredSizeWidget build(BuildContext context) {
final serversProvider = Provider.of<ServersProvider>(context);
final appConfigProvider = Provider.of<AppConfigProvider>(context);
final Server? server = serversProvider.selectedServer;
@ -60,8 +62,12 @@ class HomeAppBar extends StatelessWidget with PreferredSizeWidget {
size: 30,
color: serversProvider.selectedServer != null && serversProvider.serverStatus.data != null
? serversProvider.serverStatus.data!.generalEnabled == true
? Colors.green
: Colors.red
? appConfigProvider.useThemeColorForStatus
? Theme.of(context).primaryColor
: Colors.green
: appConfigProvider.useThemeColorForStatus == true
? Colors.grey
: Colors.red
: Colors.grey,
),
const SizedBox(width: 20),

View file

@ -1,4 +1,7 @@
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:adguard_home_manager/providers/app_config_provider.dart';
class StatusBox extends StatelessWidget {
final IconData icon;
@ -14,6 +17,8 @@ class StatusBox extends StatelessWidget {
@override
Widget build(BuildContext context) {
final appConfigProvider = Provider.of<AppConfigProvider>(context);
return AnimatedContainer(
padding: const EdgeInsets.all(12),
width: double.maxFinite,
@ -22,21 +27,29 @@ class StatusBox extends StatelessWidget {
curve: Curves.easeInOut,
decoration: BoxDecoration(
color: isEnabled == true
? Colors.green
: Colors.red,
? appConfigProvider.useThemeColorForStatus == true
? Theme.of(context).primaryColor
: Colors.green
: appConfigProvider.useThemeColorForStatus == true
? Colors.grey
: Colors.red,
borderRadius: BorderRadius.circular(16)
),
child: Row(
children: [
Icon(
icon,
color: Colors.white,
color: appConfigProvider.useThemeColorForStatus == true
? Theme.of(context).primaryColor.computeLuminance() > 0.5 ? Colors.black : Colors.white
: Colors.grey.computeLuminance() > 0.5 ? Colors.black : Colors.white,
),
const SizedBox(width: 12),
Text(
label,
style: const TextStyle(
color: Colors.white,
style: TextStyle(
color: appConfigProvider.useThemeColorForStatus == true
? Theme.of(context).primaryColor.computeLuminance() > 0.5 ? Colors.black : Colors.white
: Colors.grey.computeLuminance() > 0.5 ? Colors.black : Colors.white,
fontWeight: FontWeight.w500
),
)