mirror of
https://github.com/foss42/apidash.git
synced 2025-05-21 16:26:37 +08:00
Update screens UI as per the latest Material 3 colors
This commit is contained in:
@ -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(),
|
||||
|
@ -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(
|
||||
|
@ -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(
|
||||
|
@ -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,
|
||||
),
|
||||
|
@ -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(
|
||||
|
@ -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,
|
||||
),
|
||||
),
|
||||
],
|
||||
|
@ -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,
|
||||
|
@ -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)
|
||||
|
Reference in New Issue
Block a user