Use opaque surfaces for wallet overlays and dropdowns
This commit is contained in:
+32
-3
@@ -25,8 +25,8 @@ class PeyaApp extends ConsumerStatefulWidget {
|
||||
}
|
||||
|
||||
class _PeyaAppState extends ConsumerState<PeyaApp> with WindowListener {
|
||||
static const _bgPanel = Color(0xD60C1824);
|
||||
static const _bgPanelStrong = Color(0xF00F1C2B);
|
||||
static const _bgPanel = Color(0xFF0C1824);
|
||||
static const _bgPanelStrong = Color(0xFF0F1C2B);
|
||||
static const _line = Color(0x1F88FFE1);
|
||||
static const _textMain = Color(0xFFEFFAF8);
|
||||
static const _textSoft = Color(0xFF9DB7B2);
|
||||
@@ -739,7 +739,7 @@ class _PeyaAppState extends ConsumerState<PeyaApp> with WindowListener {
|
||||
),
|
||||
inputDecorationTheme: InputDecorationTheme(
|
||||
filled: true,
|
||||
fillColor: const Color(0x14FFFFFF),
|
||||
fillColor: const Color(0xFF122031),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
borderSide: const BorderSide(color: _line),
|
||||
@@ -754,6 +754,35 @@ class _PeyaAppState extends ConsumerState<PeyaApp> with WindowListener {
|
||||
),
|
||||
labelStyle: const TextStyle(color: _textSoft),
|
||||
),
|
||||
dropdownMenuTheme: DropdownMenuThemeData(
|
||||
menuStyle: MenuStyle(
|
||||
backgroundColor: WidgetStatePropertyAll(_bgPanelStrong),
|
||||
surfaceTintColor: const WidgetStatePropertyAll(Colors.transparent),
|
||||
shape: WidgetStatePropertyAll(
|
||||
RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
side: const BorderSide(color: _line),
|
||||
),
|
||||
),
|
||||
),
|
||||
textStyle: const TextStyle(color: _textMain),
|
||||
inputDecorationTheme: InputDecorationTheme(
|
||||
filled: true,
|
||||
fillColor: _bgPanel,
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
borderSide: const BorderSide(color: _line),
|
||||
),
|
||||
enabledBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
borderSide: const BorderSide(color: _line),
|
||||
),
|
||||
focusedBorder: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
borderSide: const BorderSide(color: _accentCyan),
|
||||
),
|
||||
),
|
||||
),
|
||||
elevatedButtonTheme: ElevatedButtonThemeData(
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: _accentMint,
|
||||
|
||||
@@ -701,6 +701,7 @@ class _SubaddressSectionState extends State<_SubaddressSection> {
|
||||
Text(l10n.subaddressesPerPageLabel),
|
||||
const SizedBox(width: 8),
|
||||
DropdownButton<int>(
|
||||
dropdownColor: Theme.of(context).dialogTheme.backgroundColor,
|
||||
value: _pageSize,
|
||||
items: const [10, 20, 50, 100]
|
||||
.map(
|
||||
|
||||
@@ -210,6 +210,7 @@ class SettingsScreen extends ConsumerWidget {
|
||||
ListTile(
|
||||
title: Text(l10n.autoSyncIntervalLabel),
|
||||
trailing: DropdownButton<Duration>(
|
||||
dropdownColor: Theme.of(context).dialogTheme.backgroundColor,
|
||||
value: _resolveInterval(config.autoSyncInterval),
|
||||
onChanged: (value) {
|
||||
if (value != null) {
|
||||
@@ -233,6 +234,7 @@ class SettingsScreen extends ConsumerWidget {
|
||||
const Divider(height: 32),
|
||||
Text(l10n.languageSettingsTitle, style: Theme.of(context).textTheme.titleMedium),
|
||||
DropdownButton<LanguagePreference>(
|
||||
dropdownColor: Theme.of(context).dialogTheme.backgroundColor,
|
||||
value: config.languagePreference,
|
||||
onChanged: (value) {
|
||||
if (value != null) {
|
||||
|
||||
@@ -127,6 +127,7 @@ class _TransactionsScreenState extends ConsumerState<TransactionsScreen> {
|
||||
Text(l10n.transactionsPerPageLabel),
|
||||
const SizedBox(width: 8),
|
||||
DropdownButton<int>(
|
||||
dropdownColor: Theme.of(context).dialogTheme.backgroundColor,
|
||||
value: _pageSize,
|
||||
items: [
|
||||
for (final size in pageSizes)
|
||||
|
||||
Reference in New Issue
Block a user