b0esche/b0esche_cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance UI of account settings dialog: update text fields with improved styling and container backgrounds

Browse Source
This commit is contained in:
Leon Bösche
2026-01-27 08:51:30 +01:00
parent 425bfcb495
commit 94ff7f1007
1 changed files with 67 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
b0esche_cloud/lib/widgets/account_settings_dialog.dart
View File

@@ -376,19 +376,23 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
),
),
const SizedBox(height: 8),
TextFormField(
Container(
decoration: BoxDecoration(
color: AppTheme.primaryBackground.withValues(alpha: 0.5),
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: AppTheme.accentColor.withValues(alpha: 0.3),
),
),
child: TextFormField(
controller: _displayNameController,
cursorColor: AppTheme.accentColor,
style: TextStyle(color: AppTheme.primaryText),
decoration: InputDecoration(
hintText: 'Enter display name',
hintStyle: TextStyle(color: AppTheme.secondaryText),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
border: InputBorder.none,
contentPadding: const EdgeInsets.all(12),
),
),
),
@@ -434,20 +438,24 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
),
),
const SizedBox(height: 8),
TextFormField(
Container(
decoration: BoxDecoration(
color: AppTheme.primaryBackground.withValues(alpha: 0.5),
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: AppTheme.accentColor.withValues(alpha: 0.3),
),
),
child: TextFormField(
controller: _currentPasswordController,
obscureText: true,
cursorColor: AppTheme.accentColor,
style: TextStyle(color: AppTheme.primaryText),
decoration: InputDecoration(
hintText: 'Enter current password',
hintStyle: TextStyle(color: AppTheme.secondaryText),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
border: InputBorder.none,
contentPadding: const EdgeInsets.all(12),
),
),
),
@@ -462,20 +470,24 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
),
),
const SizedBox(height: 8),
TextFormField(
Container(
decoration: BoxDecoration(
color: AppTheme.primaryBackground.withValues(alpha: 0.5),
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: AppTheme.accentColor.withValues(alpha: 0.3),
),
),
child: TextFormField(
controller: _newPasswordController,
obscureText: true,
cursorColor: AppTheme.accentColor,
style: TextStyle(color: AppTheme.primaryText),
decoration: InputDecoration(
hintText: 'Enter new password',
hintStyle: TextStyle(color: AppTheme.secondaryText),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
border: InputBorder.none,
contentPadding: const EdgeInsets.all(12),
),
),
),
@@ -490,20 +502,24 @@ class _AccountSettingsDialogState extends State<AccountSettingsDialog> {
),
),
const SizedBox(height: 8),
TextFormField(
Container(
decoration: BoxDecoration(
color: AppTheme.primaryBackground.withValues(alpha: 0.5),
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: AppTheme.accentColor.withValues(alpha: 0.3),
),
),
child: TextFormField(
controller: _confirmPasswordController,
obscureText: true,
cursorColor: AppTheme.accentColor,
style: TextStyle(color: AppTheme.primaryText),
decoration: InputDecoration(
hintText: 'Confirm new password',
hintStyle: TextStyle(color: AppTheme.secondaryText),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
borderSide: BorderSide(color: AppTheme.secondaryText),
border: InputBorder.none,
contentPadding: const EdgeInsets.all(12),
),
),
),