Update screens UI as per the latest Material 3 colors

This commit is contained in:
Ashita Prasad
2025-03-01 19:45:20 +05:30
parent 146d2abd1a
commit b4827dc2c5
8 changed files with 12 additions and 24 deletions

View File

@ -74,10 +74,7 @@ class NavbarButton extends ConsumerWidget {
? Theme.of(context)
.colorScheme
.onSecondaryContainer
: Theme.of(context)
.colorScheme
.onSurface
.withOpacity(0.65),
: Theme.of(context).colorScheme.onSurfaceVariant,
),
)
: const SizedBox.shrink(),

View File

@ -29,10 +29,7 @@ class EditorTitle extends StatelessWidget {
tooltip: title,
onSelected: onSelected,
child: Ink(
color: Theme.of(context)
.colorScheme
.secondaryContainer
.withOpacity(0.3),
color: Theme.of(context).colorScheme.surface,
padding:
const EdgeInsets.symmetric(horizontal: 12.0, vertical: 6),
child: Row(

View File

@ -29,17 +29,13 @@ class EnvCellField extends StatelessWidget {
),
decoration: InputDecoration(
hintStyle: kCodeStyle.copyWith(
color: clrScheme.outline.withOpacity(
kHintOpacity,
),
color: clrScheme.outlineVariant,
),
hintText: hintText,
contentPadding: const EdgeInsets.only(bottom: 12),
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(
color: clrScheme.primary.withOpacity(
kHintOpacity,
),
color: clrScheme.outlineVariant,
),
),
enabledBorder: UnderlineInputBorder(

View File

@ -26,9 +26,7 @@ class EnvURLField extends StatelessWidget {
decoration: InputDecoration(
hintText: kHintTextUrlCard,
hintStyle: kCodeStyle.copyWith(
color: Theme.of(context).colorScheme.outline.withOpacity(
kHintOpacity,
),
color: Theme.of(context).colorScheme.outlineVariant,
),
border: InputBorder.none,
),

View File

@ -107,7 +107,7 @@ class Dashboard extends ConsumerWidget {
VerticalDivider(
thickness: 1,
width: 1,
color: Theme.of(context).colorScheme.surfaceContainerHighest,
color: Theme.of(context).colorScheme.surfaceContainerHigh,
),
Expanded(
child: IndexedStack(

View File

@ -112,14 +112,14 @@ class _HistoryExpansionTileState extends ConsumerState<HistoryExpansionTile>
child: Icon(
Icons.chevron_right_rounded,
size: 20,
color: colorScheme.onSurface.withOpacity(0.6),
color: colorScheme.outline,
)),
kHSpacer5,
Text(
humanizeDate(widget.date),
style: Theme.of(context).textTheme.titleSmall?.copyWith(
fontWeight: FontWeight.bold,
color: colorScheme.onSurface.withOpacity(0.6),
color: colorScheme.outline,
),
),
],

View File

@ -23,7 +23,7 @@ class BottomNavBar extends ConsumerWidget {
color: Theme.of(context).colorScheme.onInverseSurface,
),
),
color: Theme.of(context).colorScheme.surface,
color: Theme.of(context).colorScheme.surfaceContainerLowest,
),
child: Material(
type: MaterialType.transparency,

View File

@ -21,9 +21,9 @@ class PageBase extends ConsumerWidget {
final isDarkMode =
ref.watch(settingsProvider.select((value) => value.isDark));
final scaffold = Scaffold(
backgroundColor: Theme.of(context).colorScheme.surface,
backgroundColor: Theme.of(context).colorScheme.surfaceContainerLowest,
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.surface,
backgroundColor: Theme.of(context).colorScheme.surfaceContainerLowest,
primary: true,
title: Text(title),
centerTitle: true,
@ -43,7 +43,7 @@ class PageBase extends ConsumerWidget {
? kPb70
: EdgeInsets.zero) +
(kIsWindows || kIsMacOS ? kPt28 : EdgeInsets.zero),
color: Theme.of(context).colorScheme.surface,
color: Theme.of(context).colorScheme.surfaceContainerLowest,
child: scaffold,
),
if (kIsWindows)